.kuppio-home {
    display: flex;
    flex-direction: column;
    gap: var(--s7);
}

.kuppio-card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s4);
}

@media (min-width: 768px) {
    .kuppio-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .kuppio-card-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.kuppio-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.9rem var(--s5);
    border-radius: var(--r-sm);
    
    border: 1px solid var(--separator-opaque);
    background: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
}

.kuppio-card--coming-soon {
    opacity: 0.72;
}

.kuppio-card--linked {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.15s ease;
}

.kuppio-card--linked:hover {
    border-color: color-mix(in srgb, var(--accent) 45%, var(--separator-opaque));
    transform: translateY(-1px);
}

.kuppio-card--linked:hover .kuppio-card-icon {
    background: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.kuppio-card--linked:active {
    transform: translateY(0);
}

.kuppio-card--linked:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .kuppio-card--linked {
        transition: none;
    }

    .kuppio-card--linked:hover,
    .kuppio-card--linked:active {
        transform: none;
    }
}

.kuppio-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.625rem;
    
    background: var(--fill-tertiary);
    color: var(--label-secondary);
}

.kuppio-card-icon-svg {
    width: 1.125rem;
    height: 1.125rem;
}

.kuppio-card-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--label);
}

.kuppio-card-badge {
    align-self: flex-start;
    padding: var(--s1) var(--s3);
    border-radius: var(--r-full);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    
    color: var(--label-secondary);
    background: var(--fill-tertiary);
}

.kuppio-band-row {
    display: flex;
    align-items: center;
    gap: var(--s3);
    margin-top: var(--s2);
    padding: var(--s3) var(--s4);
    border-radius: var(--r-sm);
    background: var(--surface);
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s ease;
}

.kuppio-band-row:hover {
    background: var(--accent-fill-subtle);
}

.kuppio-band-row:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kuppio-band-row-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex: none;
    border-radius: var(--r-full);
    background: var(--warn-wash);
    color: var(--warn-ink);
}

.kuppio-band-row-icon-svg {
    width: 0.95rem;
    height: 0.95rem;
}

.kuppio-band-row-label {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--fs-subhead);
    font-weight: 600;
    color: var(--label);
}

.kuppio-band-row-count {
    flex: none;
    font-variant-numeric: tabular-nums;
    font-size: var(--fs-subhead);
    font-weight: 700;
    color: var(--warn-ink);
}

.kuppio-band-row-chevron {
    width: 1rem;
    height: 1rem;
    flex: none;
    color: var(--label-tertiary);
}

.kuppio-band-clear {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    margin-top: var(--s1);
    font-size: var(--fs-subhead);
    color: var(--label-secondary);
}

.kuppio-band-clear-icon {
    width: 1rem;
    height: 1rem;
    color: var(--accent);
}

.kuppio-band-note {
    display: block;
    margin-top: var(--s2);
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
}

@media (prefers-reduced-motion: reduce) {
    .kuppio-band-row {
        transition: none;
    }
}

.kshop-item {
    display: flex;
    align-items: center;
    gap: var(--s3);
    width: 100%;
    padding: var(--s2) var(--s5);
    text-align: left;
    font-size: var(--fs-subhead);
    color: var(--label);
    cursor: pointer;
}

.kshop-item-text {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.05rem;
}

.kshop-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kshop-item-address {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--fs-caption-1);
    color: var(--label-secondary);
}

.kshop-item--current .kshop-item-address {
    color: var(--accent-ink);
}

.kshop-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex: none;
    border-radius: var(--r-full);
    overflow: hidden;
    background: var(--fill-tertiary);
    color: var(--label-secondary);
}

.kshop-avatar {
    position: relative;
}

.kshop-avatar img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 2px;
    object-fit: contain;
}

.kshop-avatar.kshop-avatar--logo,
.kshop-item--current .kshop-avatar.kshop-avatar--logo {
    background: #fff;
    border-radius: var(--r-xs);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.kshop-avatar--logo .kshop-avatar-initials {
    visibility: hidden;
}

.kshop-avatar-initials {
    font-size: var(--fs-caption-2);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.kshop-item--current .kshop-avatar {
    background: color-mix(in srgb, var(--accent) 22%, transparent);
    color: var(--accent-ink);
}

.kshop-item:hover {
    background: var(--fill-tertiary);
    color: var(--label);
}

.kshop-item:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.kshop-item--current,
.kshop-item--current:hover {
    background: var(--accent-fill-subtle);
    color: var(--accent-ink);
    font-weight: 600;
}

.kshop-empty {
    padding: var(--s2) var(--s5);
    font-size: var(--fs-subhead);
    color: var(--label-secondary);
}

.kshop-hold {
    display: flex;
    align-items: center;
    gap: var(--s2);
    margin-top: var(--s2);
    padding: var(--s3) var(--s5) var(--s2);
    border-top: 1px solid var(--separator);
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
    cursor: default;
}

.kshop-hold-icon {
    flex: none;
    width: 16px;
    height: 16px;
}

.kmenu {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.kmenu__bar {
    display: flex;
    align-items: center;
    gap: var(--s3);
    flex-wrap: wrap;
}

.kmenu__search {
    flex: 1 1 16rem;
    min-width: 0;
    padding: var(--s3) var(--s4);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background: var(--surface);
    color: var(--label);
    font-size: var(--fs-subhead);
}

.kmenu__search:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kmenu__link {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    padding: var(--s3) var(--s4);
    border-radius: var(--r-sm);
    background: var(--fill-tertiary);
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: 600;
    text-decoration: none;
}

.kmenu__link:hover {
    background: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.kmenu__link-icon {
    width: 1rem;
    height: 1rem;
}

.kmenu__section {
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-md);
    background: var(--bg-grouped-secondary);
    overflow: hidden;
}

.kmenu__head {
    display: flex;
    align-items: center;
    gap: var(--s3);
    flex-wrap: wrap;
    padding: var(--s4) var(--s5);
    border-bottom: 1px solid var(--separator);
}

.kmenu__headtext {
    display: flex;
    align-items: center;
    gap: var(--s3);
    flex: 1 1 auto;
    min-width: 0;
}

.kmenu__rename {
    display: inline-flex;
    flex: none;
    opacity: 0.55;
    transition: opacity 0.12s ease;
}

.kmenu__head:hover .kmenu__rename,
.kmenu__rename:focus-within {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .kmenu__rename {
        transition: none;
    }
}

.kmenu__title {
    font-size: var(--fs-title-3);
    font-weight: 700;
    color: var(--label);
    margin: 0;
}

.kmenu__count {
    font-size: var(--fs-caption-1);
    color: var(--label-secondary);
    font-variant-numeric: tabular-nums;
}

.kmenu__headactions {
    display: flex;
    align-items: center;
    gap: var(--s2);
}

.kmenu__add {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    padding: var(--s2) var(--s4);
    border-radius: var(--r-full);
    background: var(--accent);
    color: var(--on-accent);
    font-size: var(--fs-caption-1);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.kmenu__add:hover {
    filter: brightness(1.06);
}

.kmenu__add:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kmenu__add-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.kmenu__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.kmenu__row {
    display: flex;
    align-items: center;
    gap: var(--s3);
    padding: var(--s3) var(--s5);
    border-bottom: 1px solid var(--separator);
}

.kmenu__row:last-child {
    border-bottom: 0;
}

.kmenu__row:hover {
    background: var(--fill-quaternary);
}

.kmenu__row--inactive {
    opacity: 0.6;
}

.kmenu__link--on {
    background: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.kmenu__bulk {
    display: flex;
    align-items: center;
    gap: var(--s2);
    flex-wrap: wrap;
    padding: var(--s3) var(--s4);
    border-radius: var(--r-sm);
    border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
    background: var(--accent-fill-subtle);
}

.kmenu__bulk-count {
    font-size: var(--fs-caption-1);
    font-weight: 700;
    color: var(--accent-ink);
    font-variant-numeric: tabular-nums;
}

.kmenu__bulk-spacer {
    flex: 1 1 auto;
}

.kmenu__bulkbtn {
    padding: var(--s2) var(--s3);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background: var(--surface);
    color: var(--label);
    font-size: var(--fs-caption-1);
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.kmenu__bulkbtn:hover {
    border-color: color-mix(in srgb, var(--accent) 45%, var(--separator-opaque));
}

.kmenu__bulkbtn:focus-visible,
.kmenu__bulklink:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kmenu__bulklink {
    padding: var(--s2);
    color: var(--accent-ink);
    font-size: var(--fs-caption-1);
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}

.kmenu__pick {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: var(--s8);
    flex: none;
    cursor: pointer;
}

.kmenu__pick input {
    width: 1.05rem;
    height: 1.05rem;
    accent-color: var(--accent);
    cursor: pointer;
}

.kmenu__sections {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.kmenu__cgrip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex: none;
    border-radius: var(--r-sm);
    color: var(--label-tertiary);
    cursor: grab;
    touch-action: none;
}

.kmenu__cgrip:hover {
    background: var(--fill-tertiary);
    color: var(--label-secondary);
}

.kmenu__cgrip:active {
    cursor: grabbing;
}

.kmenu__cgrip:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kmenu__section--ghost {
    opacity: 0.4;
}

.kmenu__grip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: var(--s8);
    flex: none;
    border-radius: var(--r-sm);
    color: var(--label-tertiary);
    cursor: grab;
    touch-action: none;
}

.kmenu__grip:hover {
    background: var(--fill-tertiary);
    color: var(--label-secondary);
}

.kmenu__grip:active {
    cursor: grabbing;
}

.kmenu__grip:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kmenu__grip-svg {
    width: 1rem;
    height: 1rem;
}

.kmenu__row--ghost {
    opacity: 0.4;
    background: var(--accent-fill-subtle);
}

.kmenu__main {
    display: flex;
    align-items: center;
    gap: var(--s4);
    flex: 1 1 auto;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.kmenu__main:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kmenu__thumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    flex: none;
    border-radius: var(--r-sm);
    background: var(--fill-tertiary);
    color: var(--label-tertiary);
    overflow: hidden;
}

.kmenu__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kmenu__thumb-svg {
    width: 1.1rem;
    height: 1.1rem;
}

.kmenu__body {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.kmenu__name {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    font-size: var(--fs-subhead);
    font-weight: 600;
    color: var(--label);
}

.kmenu__meta {
    display: inline-flex;
    align-items: baseline;
    gap: var(--s2);
    font-size: var(--fs-caption-1);
}

.kmenu__price {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--label-secondary);
}

.kmenu__price-was {
    font-variant-numeric: tabular-nums;
    text-decoration: line-through;
    color: var(--label-tertiary);
}

.kmenu__sell {
    flex: none;
    padding: var(--s2) var(--s4);
    border-radius: var(--r-full);
    border: 1px solid var(--separator-opaque);
    background: var(--warn-wash);
    color: var(--warn-ink);
    font-size: var(--fs-caption-1);
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.kmenu__sell--on {
    background: var(--accent-fill-subtle);
    color: var(--accent-ink);
    border-color: color-mix(in srgb, var(--accent) 30%, transparent);
}

.kmenu__sell:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kmenu__empty {
    margin: 0;
    padding: var(--s5);
    font-size: var(--fs-subhead);
    color: var(--label-secondary);
}

@media (max-width: 640px) {
    .kmenu__head {
        align-items: flex-start;
    }

    .kmenu__row {
        padding: var(--s3) var(--s4);
    }
}

.khub {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.khub__bar {
    display: flex;
    align-items: flex-end;
    gap: var(--s3);
    flex-wrap: wrap;
}

.khub__loc {
    display: flex;
    flex-direction: column;
    gap: var(--s1);
}

.khub__loc-label {
    font-size: var(--fs-caption-2);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--label-secondary);
}

.khub__select,
.khub__search {
    padding: var(--s3) var(--s4);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background: var(--surface);
    color: var(--label);
    font-size: var(--fs-subhead);
}

.khub__search {
    flex: 1 1 16rem;
    min-width: 0;
}

.khub__select:focus-visible,
.khub__search:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.khub__actions {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: var(--s3);
}

.khub__action {
    display: flex;
    align-items: center;
    gap: var(--s3);
    padding: var(--s3) var(--s4);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background: var(--bg-grouped-secondary);
    color: inherit;
    text-decoration: none;
    box-shadow: var(--shadow-card);
    transition: border-color 0.15s ease;
}

.khub__action:hover {
    border-color: color-mix(in srgb, var(--accent) 45%, var(--separator-opaque));
}

.khub__action:hover .khub__action-icon {
    background: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.khub__action:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.khub__action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--s8);
    height: var(--s8);
    flex: none;
    border-radius: var(--r-sm);
    background: var(--fill-tertiary);
    color: var(--label-secondary);
}

.khub__action-icon-svg {
    width: 1rem;
    height: 1rem;
}

.khub__action-label {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--fs-caption-1);
    font-weight: 600;
    color: var(--label);
}

.khub__desc {
    display: block;
    width: 100%;
    margin-top: 0.05rem;
    font-size: var(--fs-caption-2);
    font-weight: 400;
    color: var(--label-secondary);
}

.khub__badge {
    flex: none;
    padding: 1px var(--s2);
    border-radius: var(--r-full);
    font-size: var(--fs-caption-2);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.khub__badge--warning {
    background: var(--warn-wash);
    color: var(--warn-ink);
}

.khub__badge--danger {
    background: var(--warn-wash);
    color: var(--danger-ink);
}

.khub__badge--neutral {
    background: var(--fill-tertiary);
    color: var(--label-secondary);
}

.khub__section {
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-md);
    background: var(--bg-grouped-secondary);
    overflow: hidden;
}

.khub__head {
    display: flex;
    align-items: baseline;
    gap: var(--s3);
    padding: var(--s4) var(--s5);
    border-bottom: 1px solid var(--separator);
}

.khub__title {
    margin: 0;
    font-size: var(--fs-title-3);
    font-weight: 700;
    color: var(--label);
}

.khub__count {
    font-size: var(--fs-caption-1);
    color: var(--label-secondary);
    font-variant-numeric: tabular-nums;
}

.khub__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.khub__row {
    display: flex;
    align-items: center;
    gap: var(--s3);
    padding: var(--s3) var(--s5);
    border-bottom: 1px solid var(--separator);
}

.khub__row:last-child {
    border-bottom: 0;
}

.khub__row:hover {
    background: var(--fill-quaternary);
}

.khub__row--warning {
    box-shadow: inset 3px 0 0 var(--orange);
}

.khub__row--danger {
    box-shadow: inset 3px 0 0 var(--danger-ink);
}

.khub__name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--fs-subhead);
    font-weight: 600;
    color: var(--label);
    text-decoration: none;
}

a.khub__name:hover {
    color: var(--accent-ink);
}

a.khub__name:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.khub__stock {
    flex: none;
    font-variant-numeric: tabular-nums;
    font-size: var(--fs-subhead);
    font-weight: 600;
    color: var(--label-secondary);
}

.khub__unit {
    font-weight: 400;
    color: var(--label-tertiary);
}

.khub__pill {
    flex: none;
    padding: 1px var(--s2);
    border-radius: var(--r-full);
    font-size: var(--fs-caption-2);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.khub__pill--warning {
    background: var(--warn-wash);
    color: var(--warn-ink);
}

.khub__pill--danger {
    background: var(--warn-wash);
    color: var(--danger-ink);
}

.khub__pill--ok {
    background: var(--fill-secondary);
    color: var(--ok-ink);
}

.khub__setup {
    padding-top: var(--s3);
    border-top: 1px solid var(--separator);
}

.khub__setup-title {
    margin: 0 0 var(--s3);
    font-size: var(--fs-caption-2);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--label-secondary);
}

.khub__setup-grid {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
}

.khub__setup-link {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    padding: var(--s2) var(--s3);
    border-radius: var(--r-sm);
    background: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-weight: 600;
    text-decoration: none;
}

.khub__setup-link:hover {
    background: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.khub__setup-link:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.khub__setup-icon {
    width: 0.9rem;
    height: 0.9rem;
}

.khub__blank {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    padding: var(--s7) var(--s5);
    border: 1px dashed var(--separator-opaque);
    border-radius: var(--r-md);
    text-align: center;
    color: var(--label-secondary);
    font-size: var(--fs-subhead);
}

.khub__blank p {
    margin: 0;
}

.khub__blank-title {
    margin: 0;
    font-size: var(--fs-title-2);
    font-weight: 700;
    color: var(--label);
}

@media (prefers-reduced-motion: reduce) {
    .khub__action {
        transition: none;
    }
}

.kuppio-band {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: var(--s5) 1.15rem;
    border-radius: 0.875rem;
    border: 1px solid var(--separator-opaque);
    background: var(--bg-grouped-secondary);
}

.kuppio-band--manager {
    
    border-color: color-mix(in srgb, var(--orange) 25%, transparent);
    background: var(--warn-wash);
}

.kuppio-band-eyebrow {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    
    color: var(--label-secondary);
}

.kuppio-band-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
}

.kuppio-band-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--label);
}

.kuppio-band-badge {
    align-self: flex-start;
    padding: var(--s1) var(--s3);
    border-radius: var(--r-full);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    
    color: var(--label-secondary);
    background: var(--fill-tertiary);
}

.kstats {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.kstats__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
}

.kstats__seg {
    display: inline-flex;
    flex: 0 1 auto;
    max-width: 100%;
    padding: var(--s1);
    gap: var(--s1);
    background: var(--fill-quaternary);
    border-radius: var(--r-lg);
    overflow-x: auto;
    scrollbar-width: none;
}

.kstats__seg::-webkit-scrollbar {
    display: none;
}

.kstats__segbtn {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: var(--s2) var(--s4);
    border: 0;
    border-radius: var(--r-md);
    background: transparent;
    color: var(--label-secondary);
    font-size: var(--fs-subhead);
    font-weight: 600;
    cursor: pointer;
}

.kstats__segbtn:hover {
    color: var(--label);
}

.kstats__segbtn.is-on {
    background: var(--seg-active);
    color: var(--label);
    box-shadow: var(--shadow-card);
}

.kstats__segbtn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kstats__scope {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
}

.kstats__label {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.kstats__select {
    padding: var(--s2) var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    
    background-color: var(--surface);
    color: var(--label);
    font-size: var(--fs-subhead);
}

.kstats__select:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.kstats__bucket + .kstats__bucket {
    margin-top: var(--s5);
    padding-top: var(--s5);
    border-top: 1px solid var(--separator);
}

.kstats__cur {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: var(--s3);
}

.kstats__figs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: var(--s4);
}

.kstats__fig {
    display: flex;
    flex-direction: column;
    gap: var(--s1);
}

.kstats__figlabel {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.kstats__fignum {
    color: var(--label);
    font-size: var(--fs-title-3);
    font-weight: 700;
    
    font-variant-numeric: tabular-nums;
}

.kstats__unavailable {
    color: var(--danger-ink);
    font-size: var(--fs-subhead);
}

.kstats__empty {
    color: var(--label-tertiary);
    font-size: var(--fs-subhead);
}

.kstats__chan {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s4);
    margin-top: var(--s4);
    padding-top: var(--s3);
    border-top: 1px solid var(--separator);
}

.kstats__chanrow {
    display: inline-flex;
    align-items: baseline;
    gap: var(--s2);
}

.kstats__channum {
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.kstats__shops {
    width: 100%;
    margin-top: var(--s4);
    border-collapse: collapse;
    font-size: var(--fs-subhead);
}

.kstats__shops th {
    text-align: left;
    padding: var(--s2) var(--s3) var(--s2) 0;
    border-bottom: 1px solid var(--separator);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.kstats__shops td {
    padding: var(--s2) var(--s3) var(--s2) 0;
    border-bottom: 1px solid var(--separator);
    color: var(--label);
    font-variant-numeric: tabular-nums;
}

.kstats__bucket {
    overflow-x: auto;
}

.fi-body.fi-panel-business [data-leaks-table] td:first-child {
    width: 55%;
    min-width: 9rem;
}

.fi-body.fi-panel-business [data-leaks-table] td[data-col="money"] [data-reason] {
    display: inline-block;
    max-width: 10rem;
    white-space: normal;
    text-align: end;
}

.fi-body.fi-panel-business [data-leaks-table] td[data-col="change"]:empty {
    padding-inline: 0;
}

.kstats__spark {
    margin: var(--s4) 0 0;
}

.kstats__spark svg {
    display: block;
    width: 100%;
    height: 64px;
    overflow: visible;
}

.kstats__sparkfill {
    fill: var(--accent);
    
    opacity: 0.14;
}

.kstats__sparkline {
    fill: none;
    stroke: var(--accent);
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.kstats__sparkcap {
    margin-top: var(--s2);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-variant-numeric: tabular-nums;
}

.kchart__body {
    display: flex;
    gap: var(--s3);
}

.kchart__yaxis {
    flex: none;
    min-width: 3.25rem;
    height: 96px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.kchart__plot {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

.kchart__plot svg {
    height: 96px;
}

.kchart__grid {
    stroke: var(--separator);
    stroke-width: 1;
}

.kchart__grid--floor {
    stroke: var(--separator-opaque, var(--separator));
}

.kchart__days {
    position: absolute;
    inset: 0;
}

.kchart__day {
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
}

.kchart__dot {
    position: absolute;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    border-radius: var(--r-full);
    background: var(--accent);
    box-shadow: 0 0 0 2px var(--bg-grouped-secondary);
    opacity: 0;
}

.kchart__tip {
    position: absolute;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, calc(-100% - 10px));
    white-space: nowrap;
    padding: var(--s2) var(--s3);
    border-radius: var(--r-sm);
    background: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-float);
    color: var(--label);
    font-size: var(--fs-caption-1);
    font-variant-numeric: tabular-nums;
    pointer-events: none;
    opacity: 0;
}

.kchart__tip strong {
    margin-right: var(--s2);
    color: var(--label-secondary);
    font-weight: 600;
}

.kchart__day[data-edge="start"] .kchart__tip {
    left: 0;
    transform: translate(0, calc(-100% - 10px));
}

.kchart__day[data-edge="end"] .kchart__tip {
    left: auto;
    right: 0;
    transform: translate(0, calc(-100% - 10px));
}

.kchart__day:hover .kchart__dot,
.kchart__day:hover .kchart__tip {
    opacity: 1;
}

.kchart__xaxis {
    display: flex;
    justify-content: space-between;
    margin: var(--s2) 0 0 calc(3.25rem + var(--s3));
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
}

.kstats__chan {
    flex-direction: column;
    gap: var(--s3);
}

.kstats__chanrow {
    display: grid;
    grid-template-columns: 6rem 7rem 9rem minmax(4rem, 1fr);
    align-items: center;
    gap: var(--s3);
}

.kstats__chantrack {
    height: 8px;
    border-radius: var(--r-full);
    background: var(--fill-quaternary);
    overflow: hidden;
}

.kstats__chanbar {
    display: block;
    height: 100%;
    border-radius: var(--r-full);
    background: var(--accent);
}

@media (max-width: 620px) {
    .kstats__chanrow {
        grid-template-columns: 1fr 1fr;
    }

    .kstats__chantrack {
        grid-column: 1 / -1;
    }
}

.kstats__fresh {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
    margin-left: auto;
}

.kstats__updated {
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
    font-variant-numeric: tabular-nums;
}

.kstats__cmp {
    display: flex;
    flex-direction: column;
    margin-top: var(--s4);
}

.kstats__cmprow {
    display: flex;
    align-items: center;
    gap: var(--s4);
    width: 100%;
    padding: var(--s3) 0;
    border: 0;
    border-radius: var(--r-sm);
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.kstats__cmprow + .kstats__cmprow {
    border-top: 1px solid var(--separator);
}

.kstats__cmprow:hover .kstats__cmpname {
    color: var(--label);
}

.kstats__cmprow:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kstats__cmprow[aria-current="true"] .kstats__cmpname {
    color: var(--accent-ink);
    font-weight: 700;
}

.kstats__cmpname {
    
    flex: 0 0 clamp(6rem, 22%, 14rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--label-secondary);
    font-size: var(--fs-subhead);
    font-weight: 600;
}

.kstats__cmptrack {
    flex: 1 1 auto;
    height: 8px;
    min-width: 2rem;
    border-radius: var(--r-full);
    background: var(--fill-quaternary);
    overflow: hidden;
}

.kstats__cmpbar {
    display: block;
    height: 100%;
    border-radius: var(--r-full);
    background: var(--accent);
}

.kstats__cmpval {
    flex: 0 0 auto;
    min-width: 6rem;
    text-align: right;
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.kstats__chancount {
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-variant-numeric: tabular-nums;
}

.kuppio-band-title--figure {
    font-size: var(--fs-title-2);
    font-variant-numeric: tabular-nums;
}

.kuppio-band-cur {
    color: var(--label-secondary);
    font-size: var(--fs-subhead);
    font-weight: 600;
}

.kuppio-band-meta {
    margin-top: var(--s1);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-variant-numeric: tabular-nums;
}

.khours__field {
    display: flex;
    flex-direction: column;
    gap: var(--s1);
}

.khours__label {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.khours__date {
    padding: var(--s2) var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    
    background-color: var(--fill-quaternary);
    color: var(--label);
    font-size: var(--fs-subhead);
    font-variant-numeric: tabular-nums;
}

.kslip__month {
    color: var(--label);
    font-size: var(--fs-callout);
    font-weight: 600;
}

.kbank__pill {
    display: inline-block;
    padding: 0.1rem var(--s3);
    border-radius: var(--r-full);
    background: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-2);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.kbank__pill--none {
    background: var(--warn-wash);
    color: var(--warn-ink);
}

.kbank__add {
    margin-top: var(--s4);
}

.kppl__search {
    min-width: 18rem;
    padding: var(--s2) var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    
    background-color: var(--fill-quaternary);
    color: var(--label);
    font-size: var(--fs-subhead);
}

.kppl__search:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.kppl__list {
    display: flex;
    flex-direction: column;
}

.kppl__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    padding: var(--s3) 0;
}

.kppl__row + .kppl__row {
    border-top: 1px solid var(--separator);
}

.kppl__row.is-inactive .kppl__who {
    opacity: 0.65;
}

.kppl__who {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.kppl__email {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    overflow-wrap: anywhere;
}

.kppl__facts {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
    flex-shrink: 0;
}

.kupd__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--s5);
    margin-bottom: var(--s5);
}

.kupd__list {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.kupd__item + .kupd__item {
    padding-top: var(--s5);
    border-top: 1px solid var(--separator);
}

.kupd__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s4);
    flex-wrap: wrap;
}

.kupd__who {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.kupd__actions {
    display: inline-flex;
    gap: var(--s2);
    flex-shrink: 0;
}

.kupd__note {
    max-width: 24rem;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-style: italic;
}

.kupd__comment {
    margin: var(--s3) 0 0;
    color: var(--label);
    font-size: var(--fs-subhead);
}

.kupd__table {
    max-width: 32rem;
    margin-top: var(--s3);
}

.kupd__table td.kupd__qty {
    text-align: right;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kupd__table td.kupd__qty.is-down {
    color: var(--danger-ink);
}

.kinv__row {
    display: flex;
    align-items: center;
    gap: var(--s4);
    flex-wrap: wrap;
}

.kinv__hint {
    margin: var(--s3) 0 0;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.kqu__cat + .kqu__cat {
    margin-top: var(--s6);
}

.kqu__catname {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: var(--s2);
    border-bottom: 1px solid var(--separator);
}

.kqu__ing {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s5);
    padding: var(--s3) 0;
    flex-wrap: wrap;
}

.kqu__ing + .kqu__ing {
    border-top: 1px solid var(--separator);
}

.kqu__ingname {
    flex: 1 1 12rem;
    min-width: 0;
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: 600;
}

.kqu__vars {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3) var(--s5);
}

.kqu__var {
    display: flex;
    align-items: center;
    gap: var(--s3);
}

.kqu__varlabel {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    text-align: right;
}

.kqu__stock {
    color: var(--label-tertiary, var(--label-secondary));
    font-size: var(--fs-caption-2);
    font-variant-numeric: tabular-nums;
}

.kqu__input {
    width: 6rem;
    padding: var(--s2) var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    background-color: var(--fill-quaternary);
    color: var(--label);
    font-size: var(--fs-subhead);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.kqu__input:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.kperm__row {
    display: flex;
    align-items: center;
    gap: var(--s3);
    padding: var(--s2) 0;
    cursor: pointer;
}

.kperm__row + .kperm__row {
    border-top: 1px solid var(--separator);
}

.kperm__label {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    flex: 1;
    min-width: 0;
}

.kacct__header {
    display: flex;
    align-items: center;
    font-size: var(--fs-headline);
    font-weight: 600;
    color: var(--label);
}

.kacct__language {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
}

.kacct__photo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s5);
}

.kacct__photo-img,
.kacct__photo-none {
    width: 72px;
    height: 72px;
    border-radius: var(--r-full);
    flex: none;
}

.kacct__photo-img {
    object-fit: cover;
}

.kacct__photo-none {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-title-3);
    font-weight: var(--fw-bold);
}

.kacct__photo-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.kacct__photo-pick {
    cursor: pointer;
}

.kacct__photo-error {
    flex-basis: 100%;
    margin: 0;
    color: var(--danger-ink);
    font-size: var(--fs-footnote);
}

.kacct__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    padding: var(--s2) 0;
    flex-wrap: wrap;
}

.kacct__row + .kacct__row {
    border-top: 1px solid var(--separator);
}

.kacct__channels {
    display: inline-flex;
    align-items: center;
    gap: var(--s5);
    flex-shrink: 0;
}

.kacct__channel {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    color: var(--label);
    font-size: var(--fs-footnote);
    cursor: pointer;
}

.kacct__unavailable {
    color: var(--label-tertiary, var(--label-secondary));
    font-size: var(--fs-footnote);
}

.kmx {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    min-width: 0;
}

.kmx__legend {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2) var(--s5);
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.kmx__summary {
    margin: 0;
    color: var(--label);
    font-size: var(--fs-subhead);
}

.kmx__scroll {
    
    position: relative;
    
    width: 0;
    min-width: 100%;
    overflow: auto;
    max-height: min(70vh, 48rem);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    background: var(--surface);
}

.kmx__table {
    border-collapse: separate;
    border-spacing: 0;
    font-size: var(--fs-footnote);
}

.kmx__table th,
.kmx__table td {
    border-bottom: 1px solid var(--separator);
    background: var(--surface);
}

.kmx__group,
.kmx__perm,
.kmx__corner {
    position: sticky;
    z-index: 2;
}

.kmx__group {
    top: 0;
    padding: var(--s2) var(--s3);
    border-inline-start: 1px solid var(--separator);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: 600;
    text-align: start;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.kmx__perm {
    top: 2.25rem;
    height: 11rem;
    min-width: 2.75rem;
    padding: var(--s2) 0;
    vertical-align: bottom;
    text-align: center;
}

.kmx__permbtn {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    max-height: 10rem;
    padding: var(--s1) var(--s2);
    border: 0;
    background: transparent;
    color: var(--label);
    font: inherit;
    font-weight: 600;
    text-align: start;
    cursor: pointer;
}

.kmx__permbtn[aria-pressed='true'],
.kmx__permbtn:hover {
    color: var(--accent-ink);
    text-decoration: underline;
}

.kmx__corner {
    top: 0;
    left: 0;
    z-index: 3;
    min-width: 15rem;
    padding: var(--s2) var(--s3);
    text-align: start;
    color: var(--label-secondary);
    font-weight: 600;
}

.kmx__who {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 15rem;
    max-width: 15rem;
    padding: var(--s2) var(--s3);
    text-align: start;
    font-weight: 400;
    border-inline-end: 1px solid var(--separator);
}

.kmx__person {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    color: var(--label);
    text-decoration: none;
}

.kmx__person:hover,
.kmx__person:focus-visible {
    text-decoration: underline;
}

.kmx__row--inactive .kmx__who {
    opacity: 0.65;
}

.kmx__cell {
    min-width: 2.75rem;
    padding: var(--s2) 0;
    text-align: center;
}

.kmx__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--r-full);
    font-weight: var(--fw-bold);
}

.kmx__mark--yes {
    color: var(--ok-ink);
}

.kmx__mark--granted {
    background: var(--accent-fill-subtle);
    color: var(--accent-ink);
    box-shadow: inset 0 0 0 1px var(--accent-ink);
}

.kmx__mark--revoked {
    color: var(--danger-ink);
    box-shadow: inset 0 0 0 1px var(--danger-ink);
}

.kmx__mark--no {
    color: var(--label-tertiary, var(--label-secondary));
}

.kmx__sr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.kpay {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.kpay__summary {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s4);
}

.kpay__totals {
    display: flex;
    flex-direction: column;
    gap: var(--s1);
}

.kpay__total {
    color: var(--label);
    font-size: var(--fs-title-3, 1.25rem);
}

.kalerts__tiles {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s4);
    margin-bottom: var(--s5);
}

.kalerts__tile {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 7rem;
    min-height: 44px;
    padding: var(--s4) var(--s5);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator);
    background: transparent;
    text-decoration: none;
    color: inherit;
}

.kalerts__tile:hover {
    border-color: var(--label-tertiary);
}

.kalerts__tile:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kalerts__tile--danger .kalerts__tile-count {
    color: var(--danger-ink);
}

.kalerts__tile--warning .kalerts__tile-count {
    color: var(--warn-ink);
}

.kalerts__tile-count {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
}

.kalerts__tile-label,
.kalerts__digest-label {
    font-size: .75rem;
    color: var(--label-secondary);
}

.kalerts__digest {
    display: flex;
    gap: var(--s7);
    margin-bottom: var(--s6);
    padding: var(--s4) var(--s5);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
}

.kalerts__digest-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.kalerts__digest-count {
    font-size: 1.25rem;
    font-weight: 700;
}

.kalerts__open,
.kalerts__range {
    font-size: .75rem;
    color: var(--label-secondary);
    margin-top: var(--s2);
}

.kalerts__section {
    scroll-margin-top: 5rem;
}

.kact__total {
    display: flex;
    align-items: baseline;
    gap: var(--s4);
    flex-wrap: wrap;
}

.kact__total-label,
.kact__tile-label {
    font-size: .75rem;
    color: var(--label-secondary);
}

.kact__total-figure,
.kact__tile-figure {
    font-size: 1.5rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.kpay__counts {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
}

.kpay__muted {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.kpay__stale {
    margin: 0 0 var(--s3);
    color: var(--danger-ink);
    font-size: var(--fs-footnote);
    font-weight: 600;
}

.kpay__link {
    color: var(--accent);
    font-size: var(--fs-footnote);
    font-weight: 600;
}

.kpay__num {
}

.kact__unit {
    font-size: 1rem;
    font-weight: 500;
    color: var(--label-secondary);
}

.kact__hint {
    margin: var(--s4) 0 0;
    font-size: .8125rem;
    color: var(--label-secondary);
}

.kact__link {
    color: var(--accent);
    text-decoration: underline;
}

.kact__table {
    margin-top: var(--s5);
}

.kact__num {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.kpay__zero td {
    color: var(--label-secondary);
}

.kpay__neg {
    color: var(--danger-ink);
}

.kpay__footer {
    max-width: 26rem;
    margin-left: auto;
    margin-top: var(--s4);
}

.kpay__net td {
    border-bottom: none;
    padding-top: var(--s3);
    font-weight: 700;
    color: var(--label);
}

.kpay__actions {
    margin-top: var(--s4);
}

.kts-highlight > td {
    background: color-mix(in srgb, var(--accent) 14%, transparent) !important;
}

.kact__period {
    margin-bottom: var(--s5);
}

.kact {
    
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.kact > .kupd__bar,
.kact > .kact__summary,
.kact > .kact__caption,
.kact > .kact__more {
    margin: 0;
}

.kact__tiles {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s5);
}

.kact__tile {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 9rem;
    padding: var(--s4) var(--s5);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
}

.kact__summary {
    margin-bottom: var(--s5);
}

.kact__caption {
    margin: 0 0 var(--s3);
}

.kact__chart {
    margin: 0;
}

.kact__svg {
    display: block;
    width: 100%;
    height: 160px;
    border-bottom: 1px solid var(--separator);
}

.kact__bar--consumed {
    fill: var(--danger-ink);
    opacity: .75;
}

.kact__bar--anomaly {
    fill: var(--danger-ink);
}

.kact__bar--added {
    fill: var(--ok-ink);
    opacity: .75;
}

.kact__axis {
    display: flex;
    justify-content: space-between;
    margin-top: var(--s2);
    font-size: .75rem;
    color: var(--label-secondary);
}

.kact__legend {
    display: flex;
    gap: var(--s5);
    margin-top: var(--s4);
    font-size: .75rem;
    color: var(--label-secondary);
}

.kact__key::before {
    content: "";
    display: inline-block;
    width: .7rem;
    height: .7rem;
    margin-right: .35rem;
    border-radius: 2px;
    vertical-align: -1px;
}

.kact__key--consumed::before {
    background: var(--danger-ink);
    opacity: .75;
}

.kact__key--added::before {
    background: var(--ok-ink);
    opacity: .75;
}

.kact__key--anomaly::before {
    background: var(--danger-ink);
}

.kact__rows {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
}

.kact__row {
    display: grid;
    grid-template-columns: 7rem 1fr 9rem;
    align-items: center;
    gap: var(--s4);
    font-size: .875rem;
}

.kact__row-name {
    color: var(--label);
}

.kact__row-value {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.kact__track {
    display: block;
    height: .5rem;
    background: var(--fill-secondary);
    border-radius: 999px;
    overflow: hidden;
}

.kact__fill {
    display: block;
    height: 100%;
    background: var(--accent);
    border-radius: 999px;
}

.kact__fill--forecast {
    opacity: .55;
}

.kact__anomalies {
    margin: 0;
    padding-left: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    font-size: .875rem;
}

.kact__lines {
    display: flex;
    flex-direction: column;
}

.kact__line {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: var(--s5);
    padding: var(--s4) 0;
    border-bottom: 1px solid var(--separator);
}

.kact__line:last-child {
    border-bottom: 0;
}

.kact__line-what {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s2);
    font-weight: 600;
}

.kact__line-meta,
.kact__line-reported {
    font-size: .75rem;
    color: var(--label-secondary);
    margin-top: var(--s2);
}

.kact__line-reported {
    color: var(--warn-ink);
}

.kact__line-qty {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--ok-ink);
    white-space: nowrap;
}

.kact__line-qty.is-down {
    color: var(--danger-ink);
}

.kact__line-actions {
    display: flex;
    gap: var(--s5);
}

.kact__more {
    display: flex;
    justify-content: center;
    margin: var(--s5) 0;
}

@media (max-width: 640px) {
    .kact__row {
        grid-template-columns: 5rem 1fr 7rem;
    }

    .kact__line {
        grid-template-columns: 1fr auto;
    }

    .kact__line-actions {
        grid-column: 1 / -1;
    }
}

.kcount__banner {
    margin-bottom: var(--s5);
    padding: var(--s4) var(--s5);
    border-radius: var(--r-sm);
    background: var(--fill-secondary);
    color: var(--warn-ink);
    font-weight: 600;
    font-size: .875rem;
}

.kcount__progress {
    display: flex;
    justify-content: space-between;
    gap: var(--s4);
    margin-bottom: var(--s5);
    font-size: .8125rem;
    font-weight: 600;
    color: var(--label-secondary);
}

.kcount__prev {
    min-height: 44px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--label-secondary);
    font-size: .8125rem;
    font-weight: 600;
    cursor: pointer;
}

.kcount__category {
    margin: 0 0 .15rem;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--label-secondary);
}

.kcount__name {
    margin: 0 0 var(--s5);
    font-size: 1.5rem;
    font-weight: 700;
}

.kcount__hint,
.kcount__note {
    margin: 0 0 var(--s4);
    font-size: .8125rem;
    color: var(--label-secondary);
}

.kcount__note--done {
    color: var(--ok-ink);
}

.kcount__packs {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    margin-bottom: var(--s6);
}

.kcount__pack {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s5);
    padding: var(--s4) var(--s5);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
}

.kcount__pack-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.kcount__pack-name {
    font-weight: 600;
}

.kcount__pack-hint {
    font-size: .75rem;
    color: var(--label-secondary);
}

.kcount__input {
    width: 8rem;
    min-height: 44px;
    padding: 0 var(--s4);
    text-align: right;
    font-size: 1.125rem;
    font-variant-numeric: tabular-nums;
    border: 1px solid var(--separator);
    border-radius: var(--r-xs);
    background: transparent;
    color: inherit;
}

.kcount__input--big {
    width: 10rem;
    font-size: 1.5rem;
}

.kcount__input:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kcount__stepper {
    display: flex;
    align-items: center;
    gap: var(--s4);
    margin-bottom: var(--s6);
}

.kcount__unit {
    font-weight: 600;
    color: var(--label-secondary);
}

.kcount__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s5);
    margin-top: var(--s6);
}

.kcount__group {
    margin-top: var(--s6);
}

.kcount__row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--s4);
    padding: var(--s4) 0;
    border-bottom: 1px solid var(--separator);
}

.kcount__row-name {
    min-height: 44px;
    padding: 0;
    border: 0;
    background: none;
    text-align: left;
    font-weight: 600;
    color: inherit;
    cursor: pointer;
    flex: 1 1 12rem;
}

.kcount__status {
    font-size: .8125rem;
    color: var(--label-secondary);
}

.kcount__status--counted {
    color: var(--ok-ink);
    font-weight: 600;
}

.kcount__status--skipped {
    color: var(--warn-ink);
}

.kcount__revealed {
    flex-basis: 100%;
    font-size: .75rem;
    color: var(--label-secondary);
}

.ksheet {
    --ksheet-cols: minmax(10rem, 2fr) minmax(8rem, 1.4fr) 8.5rem minmax(11rem, 1.6fr) 6rem;
}

.ksheet--backdated {
    --ksheet-cols: minmax(10rem, 2fr) minmax(8rem, 1.4fr) 8.5rem 6.5rem 6.5rem minmax(11rem, 1.6fr) 6rem;
}

.ksheet__bar {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s4) var(--s5);
    padding: var(--s4) 0;
    background: inherit;
}

.ksheet__filter {
    flex: 1 1 14rem;
    min-height: 40px;
    padding: 0 var(--s4);
    border: 1px solid var(--separator);
    border-radius: var(--r-xs);
    background: transparent;
    color: inherit;
}

.ksheet__only {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
    font-size: .8125rem;
    font-weight: 600;
}

.ksheet__progress {
    font-size: .8125rem;
    font-weight: 600;
    color: var(--label-secondary);
}

.ksheet__submit {
    margin-left: auto;
}

.ksheet__head,
.ksheet__row {
    display: grid;
    grid-template-columns: var(--ksheet-cols);
    align-items: center;
    gap: var(--s4);
}

.ksheet__head {
    padding: var(--s3) 0;
    border-bottom: 2px solid var(--separator);
    font-size: .6875rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--label-secondary);
}

.ksheet__cat {
    margin-top: var(--s5);
}

.ksheet__article {
    border-bottom: 1px solid var(--separator);
    padding: var(--s2) 0;
}

.ksheet__name {
    font-weight: 600;
}

.ksheet__pack {
    font-size: .8125rem;
    color: var(--label-secondary);
}

.ksheet__pack--wide {
    grid-column: 2 / -2;
}

.ksheet__input {
    width: 100%;
    min-height: 36px;
    font-size: 1rem;
}

.ksheet__figure {
    text-align: right;
    font-size: .8125rem;
    font-variant-numeric: tabular-nums;
    color: var(--label-secondary);
}

.ksheet__status {
    font-size: .8125rem;
}

.ksheet__failed {
    color: var(--danger-ink, var(--warn-ink));
    font-weight: 600;
}

.ksheet__skip {
    text-align: right;
}

.kov__scroll {
    overflow-x: auto;
}

.kov__table {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}

.kov__table th,
.kov__table td {
    padding: var(--s3) var(--s4);
    border-bottom: 1px solid var(--separator);
    text-align: left;
    vertical-align: baseline;
}

.kov__table th {
    font-size: .6875rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--label-secondary);
    white-space: nowrap;
}

.kov__sort {
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
    cursor: pointer;
}

.kov__name {
    font-weight: 600;
}

.kov__name a {
    color: inherit;
    text-decoration: none;
}

.kov__name a:hover {
    text-decoration: underline;
}

.kov__num {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.kov__packs {
    color: var(--label-secondary);
    font-size: .8125rem;
}

.kov__none {
    color: var(--label-secondary);
    font-size: .8125rem;
}

.kqg {
    --ksheet-cols: minmax(10rem, 2fr) minmax(8rem, 1.4fr) 8.5rem;
}

.kqg--stock {
    --ksheet-cols: minmax(10rem, 2fr) minmax(8rem, 1.4fr) 6rem 8.5rem 9rem;
}

.kqg__out {
    color: var(--warn-ink);
}

.kprint__button {
    min-height: 40px;
    padding: 0 var(--s5);
    border: 0;
    border-radius: var(--r-xs);
    background: var(--accent);
    color: var(--accent-ink);
    font-weight: 600;
    cursor: pointer;
}

.kprint__sheet {
    padding: var(--s5);
    background: #fff;
    color: #000;
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
}

.kprint__title {
    margin: 0 0 var(--s4);
    font-size: 1.25rem;
    font-weight: 700;
}

.kprint__meta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--s5);
    margin: 0 0 var(--s3);
}

.kprint__meta div {
    display: flex;
    align-items: flex-end;
    gap: var(--s3);
}

.kprint__meta dt {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.kprint__meta dd {
    margin: 0;
    flex: 1;
    min-height: 1.5rem;
}

.kprint__line {
    border-bottom: 1px solid #000;
}

.kprint__printed {
    margin: 0 0 var(--s4);
    font-size: .6875rem;
    color: #555;
}

.kprint__table {
    width: 100%;
    border-collapse: collapse;
    font-size: .8125rem;
}

.kprint__table thead {
    display: table-header-group;
}

.kprint__table th,
.kprint__table td {
    padding: .35rem .5rem;
    border: 1px solid #999;
    text-align: left;
}

.kprint__table tr {
    break-inside: avoid;
}

.kprint__cat th {
    background: #eee;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.kprint__box-col,
.kprint__box {
    width: 7rem;
}

.kprint__box,
.kprint__note {
    height: 1.9rem;
}

.kprint__notes-col {
    width: 28%;
}

.kprint__book {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

@media print {
    
    body:has(.kprint) .fi-sidebar,
    body:has(.kprint) .fi-topbar,
    body:has(.kprint) .fi-header,
    body:has(.kprint) .fi-breadcrumbs,
    body:has(.kprint) .kprint__controls {
        display: none !important;
    }

    body:has(.kprint) .fi-main-ctn {
        padding: 0 !important;
        margin: 0 !important;
    }

    body:has(.kprint) .fi-main {
        max-width: none !important;
        padding: 0 !important;
    }

    .kprint__sheet {
        padding: 0;
        border: 0;
    }
}

@media (max-width: 900px) {
    .ksheet__head {
        display: none;
    }

    .ksheet__row {
        grid-template-columns: 1fr 8.5rem;
    }

    .ksheet__name {
        grid-column: 1 / -1;
    }
}

.kprod__loc {
    margin-bottom: var(--s5);
}

.kprod__cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
    gap: var(--s5);
}

.kprod__card {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    padding: var(--s5);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
}

.kprod__card-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.kprod__name {
    font-weight: 700;
    font-size: 1rem;
}

.kprod__cover,
.kprod__line,
.kprod__needs-label {
    font-size: .8125rem;
    color: var(--label-secondary);
}

.kprod__reqs {
    margin: var(--s2) 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    font-size: .8125rem;
}

.kprod__req-amount {
    margin-left: var(--s3);
    font-variant-numeric: tabular-nums;
}

.kprod__req-short {
    margin-left: var(--s3);
    color: var(--danger-ink);
    font-weight: 600;
}

.kprod__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s4);
    margin-top: var(--s4);
}

.kupd__reason,
.kupd__reviewed {
    margin: var(--s2) 0 0;
    font-size: .8125rem;
    color: var(--label-secondary);
}

.kupd__reviewed {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.kupd__edit {
    text-align: right;
    white-space: nowrap;
}

.kupd__receipt {
    display: grid;
    gap: var(--s2);
    margin-top: var(--s3);
}

.kupd__note-pages {
    display: grid;
    gap: var(--s2);
}

.kupd__thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
}

.kupd__thumbs img {
    display: block;
    max-height: 9rem;
    border: 1px solid var(--separator, rgba(128, 128, 128, .35));
    border-radius: .375rem;
}

.kib-receipt {
    display: grid;
    gap: var(--s1, .25rem);
    padding: var(--s2) 0;
}

.kupd__raw {
    margin-top: var(--s4);
    font-size: .8125rem;
}

.kupd__raw summary {
    cursor: pointer;
    min-height: 44px;
    display: flex;
    align-items: center;
    color: var(--label-secondary);
    font-weight: 600;
}

.kupd__raw-text {
    margin: var(--s2) 0 0;
    padding: var(--s4);
    white-space: pre-wrap;
    word-break: break-word;
    border: 1px solid var(--separator);
    border-radius: var(--r-xs);
    font-family: inherit;
}

.kupd__more {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--s5);
    margin-top: var(--s5);
}

@media (min-width: 640px) {
    .fi-panel-business .fi-header {
        flex-wrap: wrap;
    }

    .fi-panel-business .fi-header > div:first-child {
        flex: 1 1 auto;
        min-width: min(100%, 22rem);
    }
}

.kccr { list-style: none; margin: 0; padding: 0; }
.kccr__row { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); padding: var(--s3) 0; border-bottom: 1px solid var(--separator); }
.kccr__row:last-child { border-bottom: 0; }
.kccr__who { display: flex; flex-direction: column; min-width: 0; }

:root { --kbell-tint: 13%; }
:root[data-theme='dark'] { --kbell-tint: 18%; }
@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) { --kbell-tint: 18%; }
}

.kbell-ic { flex: none; display: block; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.kbell-ic--chip { width: 22px; height: 22px; }
.kbell-ic--badge { width: 10px; height: 10px; stroke-width: 2.2; }
.kbell-row__chev { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.kbell-chip { --t: var(--label-secondary); flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--r-full); color: var(--t); background-color: color-mix(in srgb, var(--t) var(--kbell-tint), transparent); }
.kbell-chip--neutral { --t: var(--label-secondary); background-color: var(--fill-tertiary); }
.kbell-chip--info { --t: var(--info-ink); }
.kbell-chip--ok { --t: var(--ok-ink); }
.kbell-chip--warn { --t: var(--warn-ink); }
.kbell-chip--danger { --t: var(--danger-ink); }

.kbell-lead { position: relative; flex: none; width: 40px; height: 40px; }
.kbell-lead__img { display: block; width: 40px; height: 40px; border-radius: var(--r-full); object-fit: cover; }
.kbell-badge { --t: var(--info-ink); position: absolute; right: -4px; bottom: -4px; display: grid; place-items: center; box-sizing: border-box; width: 18px; height: 18px; border: 2px solid var(--bg-grouped-secondary); border-radius: var(--r-full); color: var(--t); background-color: color-mix(in srgb, var(--t) 16%, var(--bg-grouped-secondary)); }
.kbell-badge--neutral { --t: var(--label-secondary); }
.kbell-badge--info { --t: var(--info-ink); }
.kbell-badge--ok { --t: var(--ok-ink); }
.kbell-badge--warn { --t: var(--warn-ink); }
.kbell-badge--danger { --t: var(--danger-ink); }

.kbell-row--dead.kbell-row--ack { cursor: pointer; }
.kbell-row--ack:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }

.kpp-standing { flex: none; display: inline-flex; align-items: center; padding: 0 var(--s3); border: 1px solid var(--separator-opaque); border-radius: var(--r-full); color: var(--label-tertiary); font-size: var(--fs-caption-1); font-weight: var(--fw-medium); white-space: nowrap; }
.kn-sub {
    background: var(--bg-grouped-secondary);
    border-bottom: 1px solid var(--separator-opaque);
}
.kn-sub__in {
    display: flex;
    align-items: stretch;
    gap: var(--s1);
    padding-inline: var(--s5);
    min-height: 48px;
}
@media (min-width: 768px) { .kn-sub__in { padding-inline: var(--s6); } }

.kn-sub__area {
    display: none;
}
.kn-sub__tabs {
    display: flex;
    align-items: stretch;
    gap: var(--s1);
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    scrollbar-width: none;
}
.kn-sub__tabs::-webkit-scrollbar { display: none; }
.kn-sub__tabs li { display: flex; flex: none; }

@media (max-width: 1023px) {
    .kn-sub__tabs {
        flex: 1 1 auto;
        padding-inline-end: var(--s9);
        -webkit-mask-image: linear-gradient(to right, var(--label) calc(100% - 56px), transparent);
        mask-image: linear-gradient(to right, var(--label) calc(100% - 56px), transparent);
    }
}

@media (max-width: 639px) {
    .kn-sub__in {
        overflow-x: auto;
        scrollbar-width: none;
        padding-inline-end: var(--s9);
        -webkit-mask-image: linear-gradient(to right, var(--label) calc(100% - 40px), transparent);
        mask-image: linear-gradient(to right, var(--label) calc(100% - 40px), transparent);
    }
    .kn-sub__in::-webkit-scrollbar { display: none; }
    .kn-sub__tabs {
        flex: none;
        overflow: visible;
        padding-inline-end: 0;
        -webkit-mask-image: none;
        mask-image: none;
    }
    .kn-sub__in > * { flex: none; }
}

.kn-sub--fit .kn-sub__tabs {
    overflow: hidden;
    padding-inline-end: 0;
    -webkit-mask-image: none;
    mask-image: none;
}
.kn-sub__tabs li[hidden],
.kn-sub .fi-dropdown[hidden],
.fi-dropdown-list-item[data-kn-ovf][hidden] {
    display: none;
}

.kn-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: var(--touch);
    padding: 0 14px;
    border: 0;
    background: transparent;
    color: var(--label-secondary);
    font: inherit;
    font-size: 14px;
    font-weight: var(--fw-semibold);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}
.kn-tab:hover { color: var(--label); }
.kn-tab:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.kn-tab.is-active {
    color: var(--accent-ink);
    box-shadow: inset 0 -3px 0 var(--accent);
}

.kn-sub .fi-dropdown { display: flex; flex: none; }
.kn-sub .fi-dropdown-trigger { align-items: stretch; }
.kn-tab--menu:hover,
.kn-tab--menu:focus-visible,
.kn-tab--menu.is-active {
    color: var(--label);
    background: var(--fill-tertiary);
    border-radius: var(--r-xs) var(--r-xs) 0 0;
    box-shadow: none;
}
.kn-tab__badge {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: var(--r-full);
    background: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
    line-height: 1;
}
.kn-tab.is-active .kn-tab__badge {
    background: var(--accent-fill-subtle);
    color: var(--accent-ink);
}
.kn-tab__chev { width: 14px; height: 14px; flex: none; color: var(--label-tertiary); }

.kn-iconbtn {
    position: relative;
    display: inline-grid;
    place-items: center;
    flex: none;
    width: var(--s9);
    height: var(--s9);
    border: 0;
    border-radius: var(--r-xs);
    background: transparent;
    color: var(--label-secondary);
    cursor: pointer;
}
.kn-iconbtn:hover { background: var(--fill-tertiary); color: var(--label); }
.kn-iconbtn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.kn-iconbtn__ic { width: 21px; height: 21px; }
.kmenu__more {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--touch, 44px);
    height: var(--touch, 44px);
    border-radius: var(--r-full);
    border: 0;
    background: transparent;
    color: var(--label-secondary);
    cursor: pointer;
}

.kmenu__more:hover {
    background: var(--fill-tertiary);
    color: var(--label);
}

.kmenu__more:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.kmenu__more-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.kphoto {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    margin-bottom: var(--s5);
}

.kphoto__zone {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--s2);
    min-height: 7rem;
    padding: var(--s5);
    border: 2px dashed var(--separator-opaque);
    border-radius: var(--r-md);
    text-align: center;
    cursor: pointer;
}

.kphoto__zone:hover,
.kphoto__zone--over,
.kphoto__zone:focus-within {
    border-color: var(--accent);
    background: var(--accent-fill-subtle);
}

.kphoto__input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.kphoto__title {
    font-weight: 600;
    color: var(--label);
}

.kphoto__hint {
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
}

.kphoto__error {
    margin: 0;
    font-size: var(--fs-footnote);
    color: var(--danger-ink, var(--danger-solid));
}

.kphoto__problems {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
}

.kphoto__queue {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
}

.kphoto__thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.kphoto__thumb {
    position: relative;
    width: 7rem;
    display: flex;
    flex-direction: column;
    gap: var(--s1);
}

.kphoto__pick {
    padding: 0;
    border: 2px solid transparent;
    border-radius: var(--r-sm);
    overflow: hidden;
    background: var(--fill-tertiary);
    cursor: pointer;
}

.kphoto__thumb--on .kphoto__pick {
    border-color: var(--accent);
}

.kphoto__pick img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.kphoto__remove {
    position: absolute;
    top: var(--s1);
    right: var(--s1);
    width: 1.75rem;
    height: 1.75rem;
    border: 0;
    border-radius: var(--r-full);
    background: var(--surface);
    color: var(--label);
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.3);
}

.kphoto__size {
    font-size: var(--fs-caption-1);
    color: var(--label-secondary);
    font-variant-numeric: tabular-nums;
}

.kphoto__crops-title {
    margin: 0 0 var(--s2);
    font-size: var(--fs-footnote);
    font-weight: 600;
    color: var(--label-secondary);
}

.kphoto__crop-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s4);
    align-items: flex-start;
}

.kphoto__crop {
    margin: 0;
    width: 11rem;
}

.kphoto__frame {
    overflow: hidden;
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background: var(--fill-tertiary);
}

.kphoto__frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.kphoto__crop figcaption {
    margin-top: var(--s1);
    font-size: var(--fs-caption-1);
    color: var(--label-secondary);
}

.kphoto__bar {
    display: flex;
    gap: var(--s3);
    align-items: center;
}

.kphoto__save,
.kphoto__clear {
    min-height: var(--touch, 44px);
    padding: var(--s2) var(--s5);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    font-size: var(--fs-subhead);
    font-weight: 600;
    cursor: pointer;
}

.kphoto__save {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--on-accent, #fff);
}

.kphoto__clear {
    background: var(--surface);
    color: var(--label);
}

.kphoto__save:disabled,
.kphoto__clear:disabled {
    opacity: 0.6;
    cursor: default;
}

.kbrand {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: var(--s6);
    align-items: start;
}

@media (max-width: 900px) {
    .kbrand {
        grid-template-columns: minmax(0, 1fr);
    }
}

.kbrand__editors {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.kbrand__card {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    padding: var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-md);
    background: var(--surface);
}

.kbrand__title {
    margin: 0;
    font-size: var(--fs-body);
    font-weight: 700;
    color: var(--label);
}

.kbrand__hint,
.kbrand__drag {
    margin: 0;
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
}

.kbrand__choose {
    position: relative;
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    min-height: var(--touch, 44px);
    padding: var(--s2) var(--s5);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background: var(--fill-tertiary);
    color: var(--label);
    font-weight: 600;
    cursor: pointer;
}

.kbrand__choose:hover,
.kbrand__choose:focus-within {
    background: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.kbrand__file {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.kbrand__work {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.kbrand__frame {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 32rem;
    border: 2px solid var(--accent);
    border-radius: var(--r-sm);
    background: var(--fill-tertiary);
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.kbrand__frame--cover { aspect-ratio: 16 / 9; }
.kbrand__frame--logo { aspect-ratio: 1 / 1; max-width: 16rem; }

.kbrand__frame:active { cursor: grabbing; }

.kbrand__frame img {
    position: absolute;
    max-width: none;
    height: auto;
    pointer-events: none;
}

.kbrand__zoom {
    display: flex;
    align-items: center;
    gap: var(--s3);
    max-width: 32rem;
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
}

.kbrand__zoom input { flex: 1; min-height: var(--touch, 44px); }

.kbrand__verdict {
    margin: 0;
    font-size: var(--fs-footnote);
    font-weight: 600;
}

.kbrand__verdict--ok { color: var(--ok-ink, var(--ok-solid)); }
.kbrand__verdict--warn { color: var(--warn-ink); }
.kbrand__verdict--reject { color: var(--danger-ink, var(--danger-solid)); }

.kbrand__bar { display: flex; gap: var(--s3); }

.kbrand__error {
    margin: 0;
    font-size: var(--fs-footnote);
    color: var(--danger-ink, var(--danger-solid));
}

.kbrand__preview {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    position: sticky;
    top: var(--s5);
}

.kbp {
    max-width: 22rem;
    overflow: hidden;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-md);
    background: #0f0f11;
}

.kbp__cover {
    position: relative;
    aspect-ratio: 16 / 9;
    background-color: #2a2a2e;
    background-size: cover;
    background-position: center;
}

.kbp__cover-empty {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: var(--fs-footnote);
}

.kbp__logo {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 6.5rem;
    height: 6.5rem;
    overflow: hidden;
    border-radius: 0 1.25rem 1.25rem 0;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.kbp__logo img { width: 100%; height: 100%; object-fit: contain; }

.kbp__logo-empty {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #888888;
    font-size: var(--fs-title-3);
}

.kbp__sheet {
    position: relative;
    margin-top: -1.5625rem;
    padding: 2.3rem 1rem 1.1rem;
    border-radius: 0 1.875rem 0 1.875rem;
    background: #0f0f11;
    color: #ffffff;
}

.kbp__name { margin: 0; font-size: var(--fs-body); font-weight: 800; }

.kbp__desc {
    margin: 0.2rem 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--fs-footnote);
    color: rgba(255, 255, 255, 0.6);
}

.kprice__summary { margin: 0 0 var(--s3); font-size: var(--fs-subhead); color: var(--label); }
.kprice__skipnote { color: var(--warn-ink); }
.kprice__scroll { max-height: 22rem; overflow: auto; border: 1px solid var(--separator-opaque); border-radius: var(--r-sm); }
.kprice__table { width: 100%; border-collapse: collapse; font-size: var(--fs-subhead); }
.kprice__table th { position: sticky; top: 0; padding: var(--s3) var(--s4); background: var(--fill-tertiary); text-align: left; font-weight: 600; color: var(--label-secondary); }
.kprice__table td { padding: var(--s3) var(--s4); border-top: 1px solid var(--separator-opaque); vertical-align: top; }
.kprice__num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.kprice__row--unchanged td { color: var(--label-secondary); }
.kprice__row--skip td { background: var(--warn-wash); }
.kprice__reason { display: block; font-size: var(--fs-footnote); color: var(--label-secondary); }
.kprice__more { margin: var(--s2) 0 0; font-size: var(--fs-footnote); color: var(--label-secondary); }

.kmenu__layout { display: block; }

.kmenu__layout--with-preview {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    gap: var(--s6);
    align-items: start;
}

@media (max-width: 1100px) {
    .kmenu__layout--with-preview { grid-template-columns: minmax(0, 1fr); }
}

.kcust {
    position: sticky;
    top: var(--s5);
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    max-height: calc(100vh - var(--s8, 4rem));
}

.kcust__title { margin: 0; font-size: var(--fs-body); font-weight: 700; color: var(--label); }
.kcust__note, .kcust__foot { margin: 0; font-size: var(--fs-footnote); color: var(--label-secondary); }

.kcust__phone {
    overflow-y: auto;
    padding: var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-lg, var(--r-md));
    background: #0f0f11;
    color: #ffffff;
}

.kcust__section + .kcust__section { margin-top: var(--s5); }
.kcust__section-name { margin: 0 0 var(--s3); font-size: var(--fs-subhead); font-weight: 800; }

.kcust__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.kcust__card { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--r-sm); background: #1b1b1f; }
.kcust__card--out { opacity: 0.6; }

.kcust__photo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 4 / 3;
    background: #2a2a2e;
}

.kcust__photo img { width: 100%; height: 100%; object-fit: cover; }
.kcust__photo-icon { width: 1.75rem; height: 1.75rem; color: rgba(255, 255, 255, 0.4); }

.kcust__badge {
    position: absolute;
    top: var(--s2);
    left: var(--s2);
    padding: 2px var(--s2);
    border-radius: var(--r-full);
    background: #ffffff;
    color: #0f0f11;
    font-size: var(--fs-caption-1);
    font-weight: 800;
}

.kcust__body { display: flex; flex-direction: column; gap: 2px; padding: var(--s3); }
.kcust__name { font-size: var(--fs-footnote); font-weight: 700; }
.kcust__desc { font-size: var(--fs-caption-1); color: rgba(255, 255, 255, 0.6); }
.kcust__price { font-size: var(--fs-footnote); }
.kcust__price s { margin-left: var(--s2); color: rgba(255, 255, 255, 0.5); }
.kcust__empty { margin: 0; font-size: var(--fs-footnote); color: rgba(255, 255, 255, 0.6); }

.kcopy__list { margin: 0 0 var(--s3); padding-left: 1.25rem; list-style: disc; font-size: var(--fs-subhead); }
.fi-btn,
.fi-icon-btn {
    min-height: var(--touch);
}

.fi-icon-btn {
    min-width: var(--touch);
}
html body.fi-body.fi-panel-business {
    background-color: var(--bg-grouped);
}

html .fi-panel-business .fi-section .fi-section {
    border-radius: var(--r-sm);
    box-shadow: none;
}

html .fi-panel-business .fi-ta-ctn > :not([hidden]) ~ :not([hidden]),
html .fi-panel-business .fi-ta-header-ctn > :not([hidden]) ~ :not([hidden]),
html .fi-panel-business .fi-ta-table > tbody > tr:not([hidden]) ~ tr:not([hidden]),
html .fi-panel-business .fi-ta-table > thead > tr:not([hidden]) ~ tr:not([hidden]),
html .fi-panel-business .fi-section-header,
html .fi-panel-business .fi-section-footer,
html .fi-panel-business .fi-ta-content,
html .fi-panel-business .fi-pagination {
    border-color: var(--separator);
}

html .fi-panel-business .fi-section-header-description,
html .fi-panel-business .fi-ta-empty-state-description {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

html .fi-panel-business .fi-ta-header-cell-sort-icon {
    color: var(--label-tertiary);
}

html .fi-panel-business .fi-ta-row:hover {
    background-color: var(--fill-quaternary);
}

html .fi-panel-business .fi-ta-row > td {
    color: var(--label);
}

html .fi-panel-business .fi-input-wrp .fi-input,
html .fi-panel-business .fi-input-wrp select {
    color: var(--label);
}

html .fi-panel-business :is(.fi-btn, .fi-icon-btn, .fi-link, .fi-tabs-item, .fi-dropdown-list-item, .fi-ta-header-cell > span):focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    --tw-ring-color: transparent;
}

html body.fi-body.fi-panel-business .fi-input-wrp.fi-input-wrp:focus-within {
    --tw-ring-color: var(--accent);
}
.kdoc-nowrap { white-space: nowrap; }
.kdoc-num { font-variant-numeric: tabular-nums; }
.kdoc-mt { margin-top: var(--s5); }
.kdoc-mt-sm { margin-top: 6px; }
.kdoc-mb { margin-bottom: var(--s7); }
.kdoc-eyebrow { text-transform: uppercase; letter-spacing: .04em; }
.kdoc-warn { color: var(--warn-ink); }
.kdoc-ok { color: var(--ok-ink); }

.kdoc-layout { display: grid; gap: var(--s7); align-items: start; }
.kdoc-layout__main { min-width: 0; display: flex; flex-direction: column; gap: var(--s7); }
.kdoc-layout__main--tight { gap: var(--s4); }
.kdoc-layout__aside { min-width: 0; display: flex; flex-direction: column; gap: var(--s5); }
@media (min-width: 1024px) {
    .kdoc-layout--aside { grid-template-columns: minmax(0, 1fr) 360px; }
    
    .kdoc-layout--aside > .kdoc-layout__main { grid-column: 1; grid-row: 1; }
    .kdoc-layout--aside > .kdoc-layout__aside { grid-column: 2; grid-row: 1; }
    .kdoc-layout--halves { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.kdoc-dl { display: grid; grid-template-columns: minmax(80px, max-content) minmax(0, 1fr); gap: var(--s3) var(--s5); margin-top: var(--s5); font-size: var(--fs-footnote); }
.kdoc-dl > dt { color: var(--label-tertiary); }
.kdoc-dl > dd { margin: 0; min-width: 0; }
.kdoc-dl > dd > small { display: block; margin-top: 2px; }

.kdoc-counters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4); }
@media (min-width: 900px) { .kdoc-counters { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.kdoc-ctr {
    display: flex; align-items: center; gap: var(--s4); width: 100%; margin: 0; cursor: pointer; text-align: left; font: inherit;
    padding: var(--s4) var(--s5); color: var(--label);
    background: var(--bg-grouped-secondary); border: 1.5px solid var(--separator); border-radius: var(--r-md); box-shadow: var(--shadow-card);
}
.kdoc-ctr:hover { border-color: var(--separator-opaque); }
.kdoc-ctr__n { flex: none; min-width: 30px; font-size: 28px; line-height: 32px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.kdoc-ctr__l { min-width: 0; font-size: var(--fs-footnote); line-height: 16px; font-weight: 600; color: var(--label-secondary); }
.kdoc-ctr__l small { display: block; font-size: var(--fs-caption-1); font-weight: 400; color: var(--label-tertiary); }
.kdoc-ctr--overdue .kdoc-ctr__n { color: var(--danger-ink); }
.kdoc-ctr--due_this_week .kdoc-ctr__n { color: var(--warn-ink); }
.kdoc-ctr--needs_review .kdoc-ctr__n { color: var(--accent-ink); }
.kdoc-ctr--in_progress .kdoc-ctr__n { color: var(--info-ink); }
.kdoc-ctr--done_this_month .kdoc-ctr__n { color: var(--ok-ink); }
.kdoc-ctr.is-on { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }

.kdoc-ctr--overdue.is-zero .kdoc-ctr__n { color: var(--label); }

.kdoc-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.kdoc-table th { text-align: left; white-space: nowrap; padding: 10px 9px; font-size: var(--fs-caption-1); font-weight: 600; color: var(--label-tertiary); border-bottom: 1px solid var(--separator-opaque); }
.kdoc-table td { padding: 11px 9px; vertical-align: middle; border-bottom: 1px solid var(--separator); }
.kdoc-table tbody tr:last-child td { border-bottom: 0; }
.kdoc-table td.kdoc-top { vertical-align: top; }
.kdoc-table td:last-child { text-align: right; white-space: nowrap; }
.kdoc-table td.kdoc-period { color: var(--label-secondary); font-size: var(--fs-footnote); }
.kdoc-table .kdoc-sub { display: block; margin-top: 2px; font-size: var(--fs-caption-1); color: var(--label-tertiary); }

.kdoc-table tr.kdoc-row--over td:first-child,
.kdoc-row--over { box-shadow: inset 3px 0 0 var(--red); }

.kdoc-drop { display: flex; flex-direction: column; align-items: center; gap: 4px; cursor: pointer; padding: var(--s7); text-align: center;
    border: 2px dashed var(--separator-opaque); border-radius: var(--r-md); font-size: var(--fs-footnote); }
.kdoc-drop:hover { border-color: var(--accent); background: var(--accent-fill-subtle); }
.kdoc-drop--lg { padding: var(--s8); }
.kdoc-pages { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 130px)); gap: var(--s5); margin-bottom: var(--s7); }
.kdoc-page { position: relative; min-width: 0; }
.kdoc-page__sheet { position: relative; overflow: hidden; aspect-ratio: 3 / 4; border-radius: var(--r-xs); border: 1px solid var(--separator); background: var(--bg-grouped-secondary); box-shadow: var(--shadow-card); }
.kdoc-page__sheet img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kdoc-page__n { position: absolute; left: var(--s3); bottom: var(--s3); display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px;
    border-radius: var(--r-full); background: rgba(0, 0, 0, .7); color: #fff; font-size: var(--fs-caption-1); font-weight: 700; }
.kdoc-page__x { position: absolute; right: var(--s3); top: var(--s3); display: grid; place-items: center; width: 24px; height: 24px;
    border-radius: var(--r-full); background: rgba(0, 0, 0, .6); color: #fff; border: 0; cursor: pointer; }
.kdoc-page__x svg { width: 16px; height: 16px; }
.kdoc-page[draggable="true"] { cursor: grab; }
.kdoc-page.is-dragging { opacity: .45; }
.kdoc-page.is-over .kdoc-page__sheet { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent); }
.kdoc-page__grip { position: absolute; left: var(--s3); top: var(--s3); display: grid; place-items: center; width: 24px; height: 24px;
    border-radius: var(--r-full); background: rgba(255, 255, 255, .92); color: var(--label-secondary); border: 0; cursor: grab; }
.kdoc-page__grip:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.kdoc-page__grip svg { width: 16px; height: 16px; }
.kdoc-page__ph { display: grid; place-items: center; width: 100%; height: 100%; font-size: var(--fs-caption-1); font-weight: 700; color: var(--label-tertiary); }
.kdoc-page__st { position: absolute; right: var(--s3); top: var(--s3); }
.kdoc-page__st--ok { display: grid; place-items: center; width: 24px; height: 24px; border-radius: var(--r-full); background: var(--ok-ink); color: #fff; }
.kdoc-page__name { margin-top: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs-caption-1); color: var(--label-tertiary); }

.kdoc-row-between { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s5); }
.kdoc-prog { display: flex; height: 8px; overflow: hidden; border-radius: var(--r-full); background: var(--bg-tertiary); }
.kdoc-prog__fill { height: 100%; background: var(--accent); }
.kdoc-prog__fill--ok { background: var(--ok-solid); }

.kdoc-prog__fill--wait { background: color-mix(in srgb, var(--info-solid) 45%, transparent); }
.kdoc-subhead { display: flex; justify-content: space-between; gap: var(--s5); margin-top: var(--s7); padding-bottom: var(--s3); border-bottom: 1px solid var(--separator); font-size: var(--fs-footnote); font-weight: 600; }
.kdoc-plabel { margin-top: var(--s5); font-size: var(--fs-caption-1); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--label-tertiary); }
.kdoc-prow { display: flex; justify-content: space-between; align-items: center; gap: var(--s5); padding: var(--s3) 0; font-size: var(--fs-footnote); }
.kdoc-prow__r { flex: none; text-align: right; color: var(--label-secondary); }
.kdoc-prow__r b { color: var(--label); font-weight: 600; }
.kdoc-prow__r--2 { display: flex; flex-direction: column; align-items: flex-end; }
.kdoc-more { margin: var(--s3) 0 0; font-size: var(--fs-footnote); color: var(--label-secondary); }
.kdoc-link { border: 0; padding: 0; background: none; cursor: pointer; font: inherit; font-weight: 600; color: var(--accent-ink); }
.kdoc-link:hover { text-decoration: underline; }
.kdoc-hint { margin: var(--s4) 0 0; font-size: var(--fs-footnote); color: var(--label-secondary); }
.kdoc-note { margin: var(--s4) 0 0; display: flex; align-items: center; gap: var(--s3); font-size: var(--fs-footnote); color: var(--label-secondary); }

.kdoc-confirm { width: 100%; }
.kdoc-confirm.is-locked, .kdoc-confirm[disabled] { background: var(--bg-tertiary); color: var(--label-tertiary); box-shadow: none; cursor: not-allowed; }
.kdoc-confirm__lock { width: 18px; height: 18px; }
.kdoc-radios { display: flex; flex-direction: column; gap: var(--s4); margin-top: var(--s5); }
.kdoc-radio { display: flex; align-items: flex-start; gap: var(--s5); padding: var(--s5); cursor: pointer; border: 1.5px solid var(--separator); border-radius: var(--r-md); }
.kdoc-radio:has(input:checked) { border-color: var(--accent); background: var(--accent-fill-subtle); }
.kdoc-radio input { margin-top: 3px; flex: none; }
.kdoc-radio b { display: block; font-size: var(--fs-footnote); }
.kdoc-radio small { display: block; margin-top: 2px; font-size: var(--fs-caption-1); color: var(--label-secondary); }
.kdoc-ready { display: flex; align-items: center; gap: var(--s5); margin-top: var(--s5); }
.kdoc-ready__ic { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--r-full); background: var(--ok-wash); color: var(--ok-ink); font-weight: 700; }
.kdoc-ready b { display: block; }
.kdoc-ready small { display: block; font-size: var(--fs-caption-1); color: var(--label-secondary); }
.kdoc-modal-foot { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: var(--s4); width: 100%; }

.kdoc-bulk { margin-top: var(--s5); }
.kdoc-bulk__head { display: flex; align-items: center; gap: var(--s5); flex-wrap: wrap; font-size: var(--fs-footnote); }
.kdoc-bulk__head .kdoc-prog { flex: 1; min-width: 120px; }
.kdoc-bulk__row { border-top: 1px solid var(--separator); }
.kdoc-bulk__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.kdoc-welcome { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s5) var(--s7); }
.kdoc-welcome__who { min-width: 0; }
.kdoc-welcome__prog { display: flex; flex-direction: column; gap: var(--s3); min-width: 200px; flex: 1; max-width: 320px; }
.kdoc-checks { margin-top: var(--s5); }
.kdoc-check { display: flex; align-items: center; gap: var(--s5); padding: var(--s5) 0; border-top: 1px solid var(--separator); }
.kdoc-check__t { flex: 1; min-width: 0; font-weight: 600; }
.kdoc-check__t small { display: block; margin-top: 2px; font-size: var(--fs-footnote); font-weight: 400; }
.kdoc-check__box { flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: var(--r-full); border: 2px solid var(--separator-opaque); font-size: 13px; font-weight: 700; line-height: 1; }
.kdoc-check__box.is-done { background: var(--ok-solid); border-color: var(--ok-solid); color: #fff; }
.kdoc-check__box.is-wait { border-color: color-mix(in srgb, var(--info-solid) 55%, transparent); background: color-mix(in srgb, var(--info-solid) 18%, transparent); }
.kdoc-check__box.is-fix { border-color: var(--danger-solid); color: var(--danger-ink); }
.kdoc-check[data-state="done"] .kdoc-check__t { color: var(--label-secondary); }

.kdoc-switchrow { display: flex; align-items: center; justify-content: space-between; gap: var(--s7); }
.kdoc-switchrow__b { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kdoc-switchrow__b span { font-size: var(--fs-footnote); color: var(--label-secondary); }
.kdoc-switch { flex: none; position: relative; width: 46px; height: 28px; border: 0; padding: 0; cursor: pointer; border-radius: var(--r-full); background: var(--separator-opaque); transition: background .15s; }
.kdoc-switch::after { content: ""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: var(--r-full); background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); transition: transform .15s; }
.kdoc-switch.is-on { background: var(--ok-solid); }
.kdoc-switch.is-on::after { transform: translateX(18px); }
.kdoc-switch:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.kdoc-switch[disabled] { opacity: .5; cursor: progress; }

.kdoc-pick { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3) var(--s5); margin-top: var(--s5); padding-top: var(--s5); border-top: 1px solid var(--separator); font-size: var(--fs-footnote); }
.kdoc-pick__l { color: var(--label-secondary); }
.kdoc-cbx { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; padding: 4px 10px; border: 1px solid var(--separator); border-radius: var(--r-full); }
.kdoc-cbx:has(input:checked) { border-color: var(--accent); background: var(--accent-fill-subtle); }
.kdoc-cbx input { flex: none; }
.kdoc-switchrow--sub { margin-top: var(--s5); padding-top: var(--s5); border-top: 1px solid var(--separator); }

.kdoc-readh { display: flex; align-items: center; justify-content: space-between; gap: var(--s5); }
.kdoc-reading { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-footnote); font-weight: 600; color: var(--info-ink); }
.kdoc-reading::before { content: ""; width: 8px; height: 8px; border-radius: var(--r-full); background: var(--info-solid); animation: kdoc-pulse 1.2s ease-in-out infinite; }
@keyframes kdoc-pulse { 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .kdoc-reading::before { animation: none; } }
.kdoc-src { display: block; margin-top: 1px; font-size: var(--fs-caption-1); font-weight: 400; color: var(--label-tertiary); }
.kdoc-wait { color: var(--label-tertiary); }
.kdoc-notice { margin: var(--s5) 0 0; padding: var(--s4) var(--s5); border-radius: var(--r-md); background: var(--warn-wash); color: var(--label); font-size: var(--fs-footnote); }
.kdoc-notice b { color: var(--warn-ink); }
.kdoc-readfoot { display: flex; align-items: center; justify-content: space-between; gap: var(--s5); margin-top: var(--s5); }
.kdoc-readfoot .kdoc-hint { margin: 0; }

.kdoc-frow { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kdoc-snip { font-size: var(--fs-footnote); color: var(--label-secondary); overflow-wrap: anywhere; }
.kdoc-hl { padding: 0 2px; border-radius: 3px; background: var(--warn-wash); color: var(--label); font-weight: 600; }
.kdoc-found { font-size: var(--fs-caption-1); color: var(--label-tertiary); }

.kdoc-thumb { position: relative; flex: none; display: grid; place-items: center; width: 96px; height: 60px; overflow: hidden; border-radius: var(--r-xs); background: #101114; color: #fff; }
.kdoc-thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }
.kdoc-thumb--sheet { background: var(--bg-tertiary); color: var(--label-secondary); }
.kdoc-thumb__ic { width: 22px; height: 22px; }
.kdoc-thumb__len { position: absolute; right: 4px; bottom: 4px; padding: 0 5px; border-radius: 4px; background: rgba(0, 0, 0, .72); color: #fff; font-size: 11px; line-height: 16px; font-variant-numeric: tabular-nums; }

.kdoc-tsearch { display: flex; flex-direction: column; gap: 2px; }
.kdoc-tsearch .kdoc-hint { margin: 0; }
.kdoc-tsub { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); font-size: var(--fs-footnote); color: var(--label-secondary); }
.kdoc-req { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--s4); margin-top: var(--s3); }
.kdoc-req__card { display: flex; align-items: center; gap: var(--s5); padding: var(--s4) var(--s5); border: 1px solid var(--separator); border-radius: var(--r-md); background: var(--bg-grouped-secondary); box-shadow: var(--shadow-card); }
.kdoc-req__card:hover { border-color: var(--accent); }
.kdoc-req__b { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kdoc-req__b .kdoc-hint { margin: 0; }
.kdoc-tlib { display: grid; gap: var(--s7); align-items: start; }
@media (min-width: 1024px) { .kdoc-tlib { grid-template-columns: 260px minmax(0, 1fr); } }
.kdoc-rail { display: flex; flex-direction: column; gap: 2px; padding: var(--s3); border: 1px solid var(--separator); border-radius: var(--r-md); background: var(--bg-grouped-secondary); }
.kdoc-rail__i { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); width: 100%; padding: 8px 10px; border: 0; border-radius: var(--r-xs); background: none; cursor: pointer; font: inherit; font-size: 14px; text-align: left; color: var(--label); }
.kdoc-rail__i:hover { background: var(--bg-tertiary); }
.kdoc-rail__i.is-on { background: var(--accent-fill-subtle); color: var(--accent-ink); font-weight: 600; }
.kdoc-rail__n { flex: none; display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-footnote); color: var(--label-tertiary); }
.kdoc-rail__todo { padding: 1px 7px; border-radius: var(--r-full); background: var(--warn-wash); color: var(--warn-ink); font-size: var(--fs-caption-1); font-weight: 600; }
.kdoc-chips { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.kdoc-chips .kdoc-hint { margin: 0; }
.kdoc-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 11px; cursor: pointer; border: 1px solid var(--separator); border-radius: var(--r-full); background: var(--bg-grouped-secondary); color: var(--label); font: inherit; font-size: var(--fs-footnote); }
.kdoc-chip:hover { border-color: var(--separator-opaque); }
.kdoc-chip.is-on { border-color: var(--accent); background: var(--accent-fill-subtle); color: var(--accent-ink); font-weight: 600; }
.kdoc-table--lib { margin-top: var(--s5); }
.kdoc-table--lib td:last-child { text-align: left; white-space: normal; }
.kdoc-lmat { display: flex; align-items: center; gap: var(--s5); min-width: 0; }
.kdoc-lmat__b { min-width: 0; }
.kdoc-lmat:hover b { text-decoration: underline; }
.kdoc-staff { display: flex; flex-direction: column; gap: 4px; min-width: 120px; font-size: var(--fs-footnote); color: var(--label-secondary); }
.kdoc-staff:hover { color: var(--accent-ink); }

.kdoc-hit { display: flex; align-items: flex-start; gap: var(--s5); padding: var(--s5) 0; border-top: 1px solid var(--separator); }
.kdoc-hit:first-child { border-top: 0; padding-top: 0; }
.kdoc-hit__b { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.kdoc-where { color: var(--accent-ink); font-weight: 600; }
.kdoc-where-row { margin: 0 0 var(--s5); font-size: var(--fs-footnote); }
.kdoc-where-row b { display: block; }
.kdoc-where-row .kdoc-hint { margin: 0; display: block; }

.kdoc-subj-edit { display: flex; align-items: center; gap: var(--s3); width: 100%; }
.kdoc-subj-edit > :first-child { flex: 1; min-width: 0; }
.kdoc-subj-acts { flex: none; display: inline-flex; align-items: center; gap: var(--s3); }

.kdoc-watch { display: grid; gap: var(--s7); align-items: start; }
.kdoc-watch__player, .kdoc-watch__steps, .kdoc-watch__confirm { min-width: 0; }
.kdoc-watch__confirm { display: flex; flex-direction: column; gap: var(--s5); }
@media (min-width: 1024px) {
    .kdoc-watch--wide, .kdoc-watch--square { grid-template-columns: minmax(0, 1fr) 360px; grid-template-areas: "player confirm" "steps confirm"; }
    .kdoc-watch--tall { grid-template-columns: minmax(280px, 420px) minmax(0, 1fr); grid-template-areas: "player steps" "player confirm"; grid-template-rows: auto 1fr; }
    .kdoc-watch__player { grid-area: player; }
    .kdoc-watch__steps { grid-area: steps; }
    .kdoc-watch__confirm { grid-area: confirm; }
}
.kdoc-player { --kdoc-ar: 16 / 9; border-radius: var(--r-md); overflow: hidden; background: #0b0c0e; color: #fff; }
.kdoc-player__band { display: grid; place-items: center; background: #0b0c0e; }

.kdoc-player__frame { position: relative; width: 100%; max-height: 72vh; aspect-ratio: var(--kdoc-ar); cursor: pointer; }
.kdoc-watch--tall .kdoc-player__frame { width: auto; height: min(72vh, 680px); max-width: 100%; }
.kdoc-player__frame video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #0b0c0e; display: block; }
.kdoc-player__start { position: absolute; inset: 0; margin: auto; width: max-content; height: max-content; max-width: 90%; display: inline-flex; align-items: center; gap: 10px; padding: 12px 20px; cursor: pointer;
    border: 0; border-radius: var(--r-full); background: rgba(255, 255, 255, .94); color: #111; font: inherit; font-weight: 600; }
.kdoc-player__start[disabled] { cursor: progress; opacity: .8; }
.kdoc-player__startic { width: 20px; height: 20px; }
.kdoc-player__notice { position: absolute; inset: 0; display: grid; place-items: center; padding: var(--s7); text-align: center; background: rgba(0, 0, 0, .78); color: #fff; cursor: default; }
.kdoc-player__notice p { margin: 0 0 var(--s5); }
.kdoc-player__btn { padding: 8px 16px; cursor: pointer; border: 0; border-radius: var(--r-full); background: #fff; color: #111; font: inherit; font-weight: 600; }
.kdoc-player__bar { display: flex; align-items: center; gap: var(--s4); padding: 8px 12px; font-size: var(--fs-footnote); }
.kdoc-player__ctl { flex: none; display: grid; place-items: center; width: 32px; height: 32px; cursor: pointer; border: 0; border-radius: var(--r-full); background: none; color: #fff; }
.kdoc-player__ctl:hover { background: rgba(255, 255, 255, .14); }
.kdoc-player__ctl:focus-visible, .kdoc-player__track:focus-visible, .kdoc-player__start:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.kdoc-player__ic { width: 18px; height: 18px; }
.kdoc-player__track { position: relative; flex: 1; height: 8px; cursor: pointer; border-radius: var(--r-full); background: rgba(255, 255, 255, .18); overflow: hidden; }
.kdoc-player__reach { position: absolute; inset: 0 auto 0 0; background: rgba(255, 255, 255, .34); }
.kdoc-player__pos { position: absolute; inset: 0 auto 0 0; background: var(--accent); }

.kdoc-player.is-full { display: flex; flex-direction: column; width: 100vw; height: 100vh; border-radius: 0; }
.kdoc-player.is-full .kdoc-player__band { flex: 1; min-height: 0; }
.kdoc-player.is-full .kdoc-player__frame { width: 100%; height: 100%; max-height: none; aspect-ratio: auto; }
.kdoc-steps { margin: var(--s4) 0 0; padding: 0; list-style: none; }
.kdoc-step { display: flex; align-items: flex-start; gap: var(--s4); padding: var(--s4) 0; border-top: 1px solid var(--separator); font-size: 14px; }
.kdoc-step:first-child { border-top: 0; }
.kdoc-step__n { flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: var(--r-full); background: var(--bg-tertiary); font-size: var(--fs-caption-1); font-weight: 700; }
.kdoc-step__t { flex: 1; min-width: 0; }
.kdoc-step__at { flex: none; padding: 2px 8px; cursor: pointer; border: 0; border-radius: var(--r-full); background: var(--bg-tertiary); color: var(--accent-ink); font: inherit; font-size: var(--fs-footnote); }
.kdoc-step.is-past .kdoc-step__n { background: var(--ok-solid); color: #fff; }
.kdoc-step.is-past .kdoc-step__t { color: var(--label-secondary); }
.kdoc-step.is-now .kdoc-step__n { background: var(--accent); color: #fff; }
.kdoc-step.is-now .kdoc-step__t { font-weight: 600; }
.kdoc-linkcard { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--s7); }
.kdoc-linkcard .kdoc-thumb { width: 240px; height: 150px; }
.kdoc-linkcard__b { flex: 1; min-width: 240px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--s4); }
.kdoc-linkcard__b .kdoc-notice, .kdoc-linkcard__b .kdoc-hint { margin: 0; }

.kdoc-rtext { max-width: 68ch; padding: var(--s7); border: 1px solid var(--separator); border-radius: var(--r-md); background: var(--bg-grouped-secondary); font-size: 16px; line-height: 1.6; }
.kdoc-rtext h3 { margin: var(--s7) 0 var(--s3); font-size: 18px; font-weight: 700; }
.kdoc-rtext h3:first-child { margin-top: 0; }
.kdoc-rtext p { margin: 0 0 var(--s5); }
.kdoc-rtext__ol, .kdoc-rtext__ul { margin: 0 0 var(--s5); padding-left: 1.4em; }
.kdoc-rtext__ol { list-style: decimal; }
.kdoc-rtext__ul { list-style: disc; }
.kdoc-rtext__ol li, .kdoc-rtext__ul li { margin-bottom: 4px; }
.kdoc-rtext__img { display: block; max-width: 100%; height: auto; margin: 0 0 var(--s5); border-radius: var(--r-xs); }
.kdoc-rtext__end { height: 1px; }

@media (min-width: 900px) { .kdoc-counters--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.kdoc-counters--3 .kdoc-ctr { cursor: default; }
.kdoc-grp { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s5); margin-bottom: var(--s4); font-size: var(--fs-footnote); }
.kdoc-grp .kdoc-prog { flex: 1; min-width: 120px; max-width: 240px; }
.kdoc-done { margin-top: var(--s5); font-size: var(--fs-footnote); }
.kdoc-done summary { cursor: pointer; }

.kdoc-form { display: grid; gap: var(--s7) var(--s7); }
@media (min-width: 900px) { .kdoc-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .kdoc-fld--wide { grid-column: 1 / -1; } }
.kdoc-fld { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.kdoc-fld__l { font-size: var(--fs-footnote); font-weight: 600; color: var(--label); }
.kdoc-fld__help { display: block; font-size: var(--fs-caption-1); color: var(--label-tertiary); }
.kdoc-segs { display: inline-flex; align-self: flex-start; padding: 3px; border-radius: var(--r-md); background: var(--bg-tertiary); }
.kdoc-seg { padding: 6px 14px; cursor: pointer; border-radius: calc(var(--r-md) - 3px); font-size: 14px; color: var(--label-secondary); }
.kdoc-seg.is-on { background: var(--bg-grouped-secondary); color: var(--label); font-weight: 600; box-shadow: var(--shadow-card); }
.kdoc-seg:has(input:disabled) { cursor: default; }
.kdoc-seg:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 1px; }
.kdoc-seg__in { position: absolute; opacity: 0; width: 1px; height: 1px; }
.kdoc-linkrow { display: flex; align-items: center; gap: var(--s4); }
.kdoc-linkrow > :first-child { flex: 1; min-width: 0; }
.kdoc-steprow { display: flex; align-items: center; gap: var(--s4); }
.kdoc-steprow__t { flex: 1; min-width: 0; }
.kdoc-steprow__at { flex: none; width: 84px; }
.kdoc-pick--plain { margin-top: 0; padding-top: 0; border-top: 0; }
.kdoc-ccard { display: flex; flex-direction: column; gap: 4px; margin-top: var(--s3); padding: var(--s5); border: 1px solid var(--separator); border-radius: var(--r-md); background: var(--bg-tertiary); }
.kdoc-ccard .kdoc-dl { margin-top: var(--s3); }
.kdoc-blocks { display: flex; flex-direction: column; gap: var(--s5); }
.kdoc-block { padding: var(--s4) var(--s5); border: 1px solid var(--separator); border-radius: var(--r-md); }
.kdoc-block__head { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); margin-bottom: var(--s3); }
.kdoc-block__head .kdoc-plabel { margin: 0; }
.kdoc-textarea { display: block; width: 100%; padding: 8px 12px; border: 0; background: transparent; color: inherit; font: inherit; resize: vertical; }
.kdoc-textarea:focus { outline: none; }
.kdoc-upl__row { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s5); padding: var(--s5); border: 1px solid var(--separator); border-radius: var(--r-md); }
.kdoc-upl__b { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.kdoc-upl__b .kdoc-hint { margin: 0; }
.kdoc-page__move { display: flex; justify-content: center; gap: var(--s3); margin-top: 4px; }
.kdoc-upl { min-width: 0; }
.fi-body.fi-panel-business {
    --kb-ctl: var(--s9);  
    --kb-ctl-fs: 14px;     
    --kb-btn-px: var(--s5); 
    --kb-th-y: var(--s4);  
    --kb-td-y: 15px;       
    --kb-cell-x: 14px;     
    --kb-card-pad: var(--s6); 
    --kb-tab-y: 10px;      
    --kb-tab-x: 18px;      
    --kb-item-y: 11px;     
    --kb-inp-y: 10px;      
    --kb-row-gap: var(--s5); 

    --sidebar-width: 240px;
}

.fi-body.fi-panel-business.fi-body {
    background-color: var(--bg-grouped);
    color: var(--label);
}

.fi-body.fi-panel-business .fi-sidebar {
    background-color: var(--bg-grouped-secondary);
    border-inline-end: 1px solid var(--separator-opaque);
}

@media (min-width: 1024px) {
    .fi-body.fi-panel-business .fi-sidebar {
        border-image: linear-gradient(to left, var(--separator-opaque) 1px, var(--bg-grouped-secondary) 1px) fill 0 / 0 / 0 0 60000px 0;
    }

    [dir="rtl"] .fi-body.fi-panel-business .fi-sidebar {
        border-image-source: linear-gradient(to right, var(--separator-opaque) 1px, var(--bg-grouped-secondary) 1px);
    }
}

.fi-body.fi-panel-business .fi-sidebar-header {
    height: 60px;
    padding: 0 18px;
    gap: 10px;
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .fi-sidebar-header .fi-logo {
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
    line-height: 1.3;
    letter-spacing: normal;
    white-space: nowrap;
    color: var(--label);
}

.fi-body.fi-panel-business .fi-sidebar-header .fi-icon-btn {
    margin: 0;
    border-radius: var(--r-xs);
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-sidebar-header .fi-icon-btn-icon {
    width: 18px;
    height: 18px;
}

.fi-body.fi-panel-business .fi-sidebar-nav {
    row-gap: 0;
    padding: var(--s3) 0 14px;
    scrollbar-gutter: auto !important;
}

.fi-body.fi-panel-business .fi-sidebar-nav-groups {
    margin-inline: 0;
    row-gap: 0;
}

.fi-body.fi-panel-business .fi-sidebar-group,
.fi-body.fi-panel-business .fi-sidebar-group-items {
    row-gap: 0;
}

.fi-body.fi-panel-business .fi-sidebar-group-button {
    padding: var(--s4) 22px var(--s2);
}

.fi-body.fi-panel-business .fi-sidebar-group-label {
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-bold);
    line-height: 1.45;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-sidebar-item-button {
    min-height: var(--kb-ctl);
    margin: 1px 10px;
    padding: 0 var(--s4);
    gap: var(--s4);
    border-radius: var(--r-xs);
    background-color: transparent;
}

.fi-body.fi-panel-business .fi-sidebar-item-button:hover,
.fi-body.fi-panel-business .fi-sidebar-item-button:focus-visible {
    background-color: var(--fill-quaternary);
}

.fi-body.fi-panel-business .fi-sidebar-item-label {
    font-size: 14px;
    font-weight: var(--fw-medium);
    line-height: 1.45;
    white-space: nowrap;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-sidebar-item-icon {
    width: 20px;
    height: 20px;
    flex: none;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-sidebar-item.fi-active > .fi-sidebar-item-button {
    background-color: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .fi-sidebar-item.fi-active > .fi-sidebar-item-button .fi-sidebar-item-label {
    font-weight: var(--fw-bold);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .fi-sidebar-item.fi-active > .fi-sidebar-item-button .fi-sidebar-item-icon {
    color: var(--accent);
}

@media (min-width: 1024px) {
    .fi-body.fi-panel-business .fi-sidebar:not(.fi-sidebar-open) {
        width: 72px;
    }

    .fi-body.fi-panel-business .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-header {
        padding-inline: 0;
        justify-content: center;
    }

    .fi-body.fi-panel-business .fi-sidebar:not(.fi-sidebar-open) .fi-sidebar-item-button {
        margin: var(--s1) 14px;
        padding: 0;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .fi-body.fi-panel-business .fi-sidebar.fi-main-sidebar {
        width: 72px;
    }

    .fi-body.fi-panel-business .fi-sidebar.fi-main-sidebar .fi-sidebar-header {
        padding-inline: 0;
        justify-content: center;
    }

    .fi-body.fi-panel-business .fi-sidebar.fi-main-sidebar .fi-sidebar-header > * {
        display: none;
    }

    .fi-body.fi-panel-business .fi-sidebar.fi-main-sidebar .fi-sidebar-item-button {
        position: relative;
        margin: var(--s1) 14px;
        padding: 0;
    }

    .fi-body.fi-panel-business .fi-sidebar.fi-main-sidebar .fi-sidebar-item-button > :not(.fi-sidebar-item-icon) {
        display: none;
    }

    .fi-body.fi-panel-business .fi-sidebar.fi-main-sidebar .fi-sidebar-group-button {
        display: none;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) and (min-height: 640px) {
    .fi-body.fi-panel-business .fi-sidebar.fi-main-sidebar .fi-sidebar-nav {
        overflow: visible;
    }

    .fi-body.fi-panel-business .fi-sidebar.fi-main-sidebar .fi-sidebar-item-button:is(:hover, :focus-visible) > .fi-sidebar-item-label {
        display: block;
        position: absolute;
        inset-inline-start: calc(100% + var(--s4));
        top: 50%;
        z-index: 1;
        flex: none;
        transform: translateY(-50%);
        padding: 7px 11px;
        border-radius: var(--r-xs);
        background-color: var(--neutral-solid);
        box-shadow: var(--shadow-float);
        font-size: 12.5px;
        font-weight: var(--fw-semibold);
        line-height: 1.4;
        color: var(--on-accent);
        overflow: visible;
        pointer-events: none;
    }
}

@media (min-width: 1024px) {
    .fi-body.fi-panel-business .fi-sidebar.fi-main-sidebar {
        flex: none;
        min-width: 0;
    }

    .fi-body.fi-panel-business .fi-main-ctn {
        min-width: 0;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .fi-body.fi-panel-business .fi-sidebar.fi-main-sidebar {
        max-width: 72px;
    }
}

@media (min-width: 1280px) {
    .fi-body.fi-panel-business .fi-sidebar.fi-main-sidebar.fi-sidebar-open {
        max-width: var(--sidebar-width);
    }

    .fi-body.fi-panel-business .fi-sidebar.fi-main-sidebar:not(.fi-sidebar-open) {
        max-width: 72px;
    }
}

@media (max-width: 1023px) {
    .fi-body.fi-panel-business .fi-sidebar.fi-sidebar-open {
        width: 288px;
        max-width: 86vw;
        border-inline-end: 0;
        box-shadow: var(--shadow-float);
    }
}

.fi-body.fi-panel-business .fi-topbar > nav {
    height: 60px;
    padding-inline: var(--s6);
    column-gap: 6px;
    background-color: var(--bg-grouped-secondary);
    border-bottom: 1px solid var(--separator-opaque);
    box-shadow: none;
}

.fi-body.fi-panel-business .fi-topbar > nav > .ms-auto {
    flex: 1 1 auto;
    min-width: 0;
    margin-inline-start: 0;
    column-gap: 6px;
}

.fi-body.fi-panel-business .fi-topbar .fi-icon-btn {
    margin: 0;
    border-radius: var(--r-xs);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-topbar .kp-trigger {
    flex: 0 1 400px;
    min-width: 0;
    height: var(--kb-ctl);
    margin-inline-end: auto;
    padding: 0 var(--s4);
    gap: var(--s3);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background: var(--bg-grouped-secondary);
    color: var(--label-tertiary);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-regular);
    text-align: start;
}

.fi-body.fi-panel-business .fi-topbar .kp-trigger:hover {
    background: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .fi-topbar .kp-trigger .kp-trigger__label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fi-body.fi-panel-business .fi-topbar .kp-trigger .kp-kbds {
    margin-inline-start: auto;
}

@media (max-width: 900px) {
    .fi-body.fi-panel-business .fi-topbar .kp-trigger {
        flex: none;
        width: var(--kb-ctl);
        padding: 0;
        justify-content: center;
        border-color: transparent;
        background: transparent;
        color: var(--label-secondary);
    }

    .fi-body.fi-panel-business .fi-topbar .kp-trigger .kp-kbds {
        display: none;
    }
}

.fi-body.fi-panel-business .fi-topbar .kbell {
    border-radius: var(--r-xs);
    background: transparent;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-topbar .kbell:hover {
    background: var(--fill-tertiary);
    color: var(--label);
}

.fi-body.fi-panel-business .fi-topbar .kbell__ic {
    width: 21px;
    height: 21px;
}

.fi-body.fi-panel-business .fi-topbar .kbell__count {
    top: var(--s2);
    right: var(--s2);
}

.fi-body.fi-panel-business .kshop-trigger {
    height: var(--kb-ctl);
    max-width: 280px;
    margin-inline: var(--s2);
    padding: 0 var(--s4);
    gap: var(--s3);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
    line-height: 1.3;
    white-space: nowrap;
    color: var(--label);
}

.fi-body.fi-panel-business .kshop-trigger:hover {
    background-color: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .kshop-trigger:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kshop-trigger > span:not(.kshop-avatar) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fi-body.fi-panel-business .kshop-trigger > svg {
    flex: none;
    color: var(--label-tertiary);
}

@media (max-width: 767px) {
    .fi-body.fi-panel-business .kshop-trigger {
        max-width: 44vw;
    }
}

@media (max-width: 639px) {
    .fi-body.fi-panel-business .kshop-trigger { max-width: none; margin-inline: 0; padding: 0 var(--s2); gap: var(--s1); }
    .fi-body.fi-panel-business .kshop-trigger > span:not(.kshop-avatar),
    .fi-body.fi-panel-business .kshop-trigger > svg:last-child { display: none; }
    .fi-body.fi-panel-business [data-testid="quick-actions-button"] .fi-btn-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .fi-body.fi-panel-business [data-testid="quick-actions-button"] { padding-inline: var(--s3); }
    .fi-body.fi-panel-business .fi-topbar > nav { gap: var(--s1); }
}

.fi-body.fi-panel-business .kshop-panel {
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    box-shadow: var(--shadow-float);
}

.fi-body.fi-panel-business .kshop-search {
    min-height: var(--kb-ctl);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    font-size: var(--kb-ctl-fs);
    color: var(--label);
}

.fi-body.fi-panel-business .kshop-panel .kshop-item {
    min-height: var(--kb-ctl);
    padding: var(--s3) var(--s4);
    gap: 10px;
}

.fi-body.fi-panel-business .fi-topbar .fi-user-menu .fi-dropdown-trigger > button {
    display: grid;
    place-items: center;
    width: var(--kb-ctl);
    height: var(--kb-ctl);
    border-radius: var(--r-full);
}

.fi-body.fi-panel-business .fi-topbar .fi-user-menu .fi-avatar {
    width: 34px;
    height: 34px;
}

.fi-body.fi-panel-business .fi-main {
    padding-inline: var(--s5);
}

@media (min-width: 768px) {
    .fi-body.fi-panel-business .fi-main {
        padding-inline: var(--s7);
    }
}

.fi-body.fi-panel-business .fi-page > section {
    row-gap: 18px;
    padding-block: var(--s7) 28px;
}

.fi-body.fi-panel-business .fi-page > section > div.grid {
    row-gap: var(--kb-row-gap);
}

@media (min-width: 640px) {
    .fi-body.fi-panel-business .fi-header {
        align-items: flex-end;
        gap: var(--s5);
    }
}

.fi-body.fi-panel-business .fi-header .fi-breadcrumbs {
    margin-bottom: 3px;
}

.fi-body.fi-panel-business .fi-header-heading {
    font-size: 24px;
    font-weight: var(--fw-bold);
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--label);
}

.fi-body.fi-panel-business .fi-header-subheading {
    margin-top: var(--s2);
    max-width: 90ch;
    font-size: 14px;
    line-height: 1.45;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-header > div:last-child {
    margin-top: 0;
    gap: var(--s3);
    flex-wrap: wrap;
}

.fi-body.fi-panel-business .fi-header .fi-ac {
    gap: var(--s3);
}

.fi-body.fi-panel-business .fi-breadcrumbs-item-label {
    font-size: 12.5px;
    font-weight: var(--fw-regular);
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-breadcrumbs-item:last-child .fi-breadcrumbs-item-label {
    font-weight: var(--fw-semibold);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-breadcrumbs-item-separator {
    width: 14px;
    height: 14px;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-section:not(.fi-aside),
.fi-body.fi-panel-business .fi-section.fi-aside > .fi-section-content-ctn,
.fi-body.fi-panel-business .fi-fo-tabs.fi-contained,
.fi-body.fi-panel-business .fi-in-tabs.fi-contained,
.fi-body.fi-panel-business .fi-fo-repeater-item,
.fi-body.fi-panel-business .fi-fo-builder-item {
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .fi-section.fi-aside {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

.fi-body.fi-panel-business .fi-section .fi-section:not(.fi-aside) {
    box-shadow: none;
}

.fi-body.fi-panel-business .fi-section-header {
    padding: 14px var(--kb-card-pad);
}

.fi-body.fi-panel-business .fi-section-header-heading {
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
    line-height: 1.45;
    color: var(--label);
}

.fi-body.fi-panel-business .fi-section-header-description {
    font-size: var(--fs-footnote);
    line-height: 1.45;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-section-header-icon {
    width: 20px;
    height: 20px;
}

.fi-body.fi-panel-business .fi-section:not(.fi-aside) > .fi-section-content-ctn {
    border-color: var(--separator);
}

.fi-body.fi-panel-business .fi-section-content {
    padding: var(--kb-card-pad);
}

.fi-body.fi-panel-business .fi-section-footer {
    padding: var(--s4) var(--kb-card-pad);
    border-color: var(--separator);
}

.fi-body.fi-panel-business .fi-fieldset {
    padding: var(--kb-card-pad);
    border-color: var(--separator-opaque);
    border-radius: var(--r-sm);
}

.fi-body.fi-panel-business :is(.fi-ta-content, .fi-ta-table, .fi-ta-table > thead, .fi-ta-table > tbody, .fi-fo-repeater-item) > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--separator);
}

.fi-body.fi-panel-business .fi-ta-ctn {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}

.fi-body.fi-panel-business .fi-ta-ctn > :not(.fi-ta-header-ctn) {
    background-color: var(--bg-grouped-secondary);
    border-inline: 1px solid var(--separator-opaque);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .fi-ta-ctn > .fi-ta-content {
    border-top-width: 1px !important;
}

.fi-body.fi-panel-business .fi-ta-ctn > .fi-ta-header-ctn ~ * {
    border-top-color: var(--separator-opaque);
    border-start-start-radius: var(--r-sm);
    border-start-end-radius: var(--r-sm);
}

.fi-body.fi-panel-business .fi-ta-ctn > .fi-ta-header-ctn ~ :not([hidden]):not([x-cloak]) ~ * {
    border-top-color: var(--separator);
    border-start-start-radius: 0;
    border-start-end-radius: 0;
}

.fi-body.fi-panel-business .fi-ta-ctn > :last-child:not(.fi-ta-header-ctn) {
    border-bottom: 1px solid var(--separator-opaque);
    border-end-start-radius: var(--r-sm);
    border-end-end-radius: var(--r-sm);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .fi-ta-header-ctn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    padding-bottom: 14px;
    background-color: transparent;
}

.fi-body.fi-panel-business .fi-ta-header-ctn > * {
    border-top-width: 0;
}

.fi-body.fi-panel-business .fi-ta-header-ctn > .fi-ta-header {
    flex: 1 1 100%;
    padding: 0 0 var(--s2);
}

.fi-body.fi-panel-business .fi-ta-header-heading {
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
    line-height: 1.45;
    color: var(--label);
}

.fi-body.fi-panel-business .fi-ta-header-description {
    font-size: var(--fs-footnote);
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-ta-header-ctn > .fi-ta-header-toolbar,
.fi-body.fi-panel-business .fi-ta-header-ctn > .fi-ta-header-toolbar > .ms-auto {
    display: contents;
}

.fi-body.fi-panel-business .fi-ta-header-ctn .fi-ta-search-field {
    order: 1;
    flex: 0 1 300px;
    min-width: 200px;
}

.fi-body.fi-panel-business .fi-ta-header-ctn > .fi-ta-filters-above-content-ctn {
    order: 2;
    display: block;
    flex: 1 1 320px;
    min-width: 0;
    padding: 0;
}

.fi-body.fi-panel-business .fi-ta-header-ctn > .fi-ta-header-toolbar > .shrink-0 {
    order: 3;
    gap: var(--s3);
}

.fi-body.fi-panel-business .fi-ta-header-ctn .fi-ta-filters-dropdown,
.fi-body.fi-panel-business .fi-ta-header-ctn .fi-ta-col-toggle {
    order: 4;
}

.fi-body.fi-panel-business .fi-ta-header-ctn .fi-ta-col-toggle {
    margin-inline-start: auto;
}

.fi-body.fi-panel-business .fi-ta-header-ctn .fi-icon-btn {
    margin: 0;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-ta-header-ctn .fi-icon-btn:hover {
    background-color: var(--bg-grouped-tertiary);
    color: var(--label);
}

.fi-body.fi-panel-business .fi-ta-header-ctn .fi-icon-btn-icon {
    width: 18px;
    height: 18px;
}

.fi-body.fi-panel-business .fi-ta-search-field .fi-input-wrp-icon {
    width: 16px;
    height: 16px;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-ta-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .fi-ta-filters > div:first-child {
    order: 2;
    min-height: var(--kb-ctl);
}

.fi-body.fi-panel-business .fi-ta-filters > div:first-child > h4 {
    display: none;
}

.fi-body.fi-panel-business .fi-ta-filters > .fi-fo-component-ctn {
    order: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .fi-ta-filters > .fi-fo-component-ctn > * {
    grid-column: auto;
    width: auto;
    min-width: 0;
}

.fi-body.fi-panel-business .fi-ta-filters .fi-fo-field-wrp:has(.fi-fo-select) .fi-fo-field-wrp-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
}

.fi-body.fi-panel-business .fi-ta-filters .fi-input-wrp {
    min-width: 140px;
}

.fi-body.fi-panel-business .fi-ta-filters .fi-input,
.fi-body.fi-panel-business .fi-ta-filters .fi-select-input,
.fi-body.fi-panel-business .fi-ta-filters .choices__inner {
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .fi-ta-filters .fi-fo-field-wrp > div,
.fi-body.fi-panel-business .fi-ta-filters .fi-fo-field-wrp > div > div {
    row-gap: var(--s2);
}

.fi-body.fi-panel-business .fi-ta-filters > .fi-fo-component-ctn > * {
    flex: 0 0 auto;
}

.fi-body.fi-panel-business .fi-ta-filters > .fi-fo-component-ctn .fi-fo-component-ctn {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .fi-ta-filters > .fi-fo-component-ctn .fi-fo-component-ctn > * {
    grid-column: auto;
    width: auto;
    min-width: 0;
}

.fi-body.fi-panel-business .fi-ta-filters .fi-fo-field-wrp:not(:has(.fi-fo-select)) > div.grid {
    display: flex;
    align-items: center;
    gap: var(--s2);
    min-height: var(--kb-ctl);
}

.fi-body.fi-panel-business .fi-ta-filters .fi-fo-field-wrp:not(:has(.fi-fo-select)) .fi-fo-field-wrp-label > span {
    font-size: var(--fs-footnote);
    font-weight: var(--fw-medium);
    color: var(--label-secondary);
    white-space: nowrap;
}

.fi-body.fi-panel-business .fi-ta-filters .fi-fo-date-time-picker .fi-input-wrp,
.fi-body.fi-panel-business .fi-ta-filters .fi-input-wrp:has(input[type="date"]) {
    min-width: 0;
    width: 150px;
}

.fi-body.fi-panel-business .fi-ta-filters > .fi-fo-component-ctn > :not(:has(input, select, button, a, .fi-fo-field-wrp)) {
    display: none;
}

.fi-body.fi-panel-business .fi-ta-filters .fi-input-wrp.fi-input-wrp:has(select > option:checked:not([value=""])) {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
}

.fi-body.fi-panel-business .fi-ta-filters .fi-input-wrp:has(select > option:checked:not([value=""])) .fi-select-input {
    font-weight: var(--fw-bold);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .fi-ta-filter-indicators {
    padding: var(--s3) var(--kb-card-pad);
    background-color: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .fi-ta-ctn > .fi-ta-selection-indicator {
    min-height: 56px;
    padding: var(--s3) var(--s5);
    background-color: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .fi-ta-selection-indicator > div:first-child > span {
    font-size: 14px;
    font-weight: var(--fw-bold);
    color: var(--label);
}

.fi-body.fi-panel-business .fi-ta-selection-indicator .fi-link {
    min-height: var(--kb-ctl);
    padding-inline: var(--s2);
}

.fi-body.fi-panel-business .fi-ta-table > thead > tr {
    background-color: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .fi-ta-header-cell {
    padding: var(--kb-th-y) var(--kb-cell-x);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .fi-ta-header-cell-label {
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-bold);
    line-height: 1.45;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-ta-header-cell[aria-sort] .fi-ta-header-cell-label {
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .fi-ta-header-cell-sort-icon {
    width: 14px;
    height: 14px;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-ta-cell {
    padding: 0;
    font-size: var(--kb-ctl-fs);
    color: var(--label);
}

.fi-body.fi-panel-business .fi-ta-cell .px-3.py-4 {
    padding: var(--kb-td-y) var(--kb-cell-x);
}

.fi-body.fi-panel-business .fi-ta-text {
    row-gap: 0;
}

.fi-body.fi-panel-business .fi-ta-text-item-label {
    font-size: var(--kb-ctl-fs);
    line-height: 1.45;
}

.fi-body.fi-panel-business .fi-ta-text > p {
    margin-top: 1px;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-ta-row:hover {
    background-color: var(--fill-quaternary);
}

.fi-body.fi-panel-business .fi-ta-row.bg-gray-50 {
    background-color: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .fi-ta-group-header {
    padding: 10px var(--kb-cell-x);
    background-color: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business :is(.kb-row--alert, .ka-row--alert) > .fi-ta-cell:first-child {
    box-shadow: inset 3px 0 0 var(--danger-ink);
}

.fi-body.fi-panel-business .fi-ta-selection-cell > .px-3.py-4 {
    padding: 0 var(--s2);
}

.fi-body.fi-panel-business .fi-ta-selection-cell label {
    align-items: center;
    justify-content: center;
    min-width: var(--kb-ctl);
    min-height: var(--kb-ctl);
    cursor: pointer;
}

.fi-body.fi-panel-business .fi-ta-actions-cell .fi-ta-actions {
    gap: var(--s2);
}

.fi-body.fi-panel-business .fi-ta-actions-cell .fi-icon-btn {
    width: var(--kb-ctl);
    height: var(--kb-ctl);
    margin: calc(var(--s3) * -1) 0;
    border-radius: var(--r-xs);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-ta-actions-cell .fi-icon-btn:hover {
    background-color: var(--fill-tertiary);
    color: var(--label);
}

.fi-body.fi-panel-business .fi-ta-actions-cell .fi-icon-btn-icon {
    width: 18px;
    height: 18px;
}

.fi-body.fi-panel-business .fi-ta-actions-cell .fi-link {
    min-height: var(--kb-ctl);
    margin-block: calc(var(--s3) * -1);
    padding-inline: var(--s2);
}

.fi-body.fi-panel-business .fi-ta-actions-cell .fi-icon-btn.fi-ac-icon-btn-group > .fi-icon-btn-icon {
    visibility: hidden;
}

.fi-body.fi-panel-business .fi-ta-actions-cell .fi-icon-btn.fi-ac-icon-btn-group::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--s2);
    height: var(--s2);
    margin: calc(var(--s1) * -1) 0 0 calc(var(--s1) * -1);
    border-radius: var(--r-full);
    background-color: currentColor;
    box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor;
}

.fi-body.fi-panel-business .fi-ta-pagination {
    padding: var(--s3) var(--kb-card-pad);
}

.fi-body.fi-panel-business .fi-pagination-overview {
    font-size: var(--fs-footnote);
    font-weight: var(--fw-regular);
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-pagination-items {
    background-color: var(--bg-grouped-secondary);
    border-radius: var(--r-xs);
    box-shadow: 0 0 0 1px var(--separator-opaque);
}

.fi-body.fi-panel-business .fi-pagination-item {
    border-color: var(--separator);
}

.fi-body.fi-panel-business .fi-pagination-item-button {
    align-items: center;
    justify-content: center;
    min-width: var(--kb-ctl);
    min-height: var(--kb-ctl);
    padding: 0 var(--s2);
}

.fi-body.fi-panel-business .fi-pagination-item-label {
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-pagination-item.fi-active .fi-pagination-item-button {
    background-color: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .fi-pagination-item.fi-active .fi-pagination-item-label {
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .fi-ta-ctn > .fi-ta-content:has(.fi-ta-empty-state) {
    border-style: dashed;
    border-color: var(--separator-opaque);
    box-shadow: none;
}

.fi-body.fi-panel-business .fi-ta-empty-state {
    padding: var(--s9) var(--s7);
}

.fi-body.fi-panel-business .fi-ta-empty-state-icon-ctn {
    margin-bottom: 14px;
    padding: 13px;
    background-color: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .fi-ta-empty-state-icon,
.fi-body.fi-panel-business .fi-ta-empty-state-icon-ctn svg {
    width: 26px;
    height: 26px;
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .fi-ta-empty-state-heading {
    font-size: var(--fs-headline);
    font-weight: var(--fw-bold);
    line-height: 1.3;
    color: var(--label);
}

.fi-body.fi-panel-business .fi-ta-empty-state-description {
    max-width: 46ch;
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.45;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business :is(button, a, label).fi-btn {
    min-height: var(--kb-ctl);
    padding: 0 var(--kb-btn-px);
    gap: 7px;
    border-radius: var(--r-xs);
    font-size: var(--kb-ctl-fs);
    line-height: 1.3;
    white-space: nowrap;
}

.fi-body.fi-panel-business :is(button, a).fi-btn:not(.fi-btn-outlined) {
    box-shadow: none;
}

.fi-body.fi-panel-business :is(button, a, label).fi-btn:is(.fi-size-xs, .fi-size-sm) {
    padding: 0 var(--s4);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business :is(button, a, label).fi-btn .fi-btn-icon {
    width: 16px;
    height: 16px;
}

.fi-body.fi-panel-business :is(button, a).fi-btn.fi-color-gray:not(.fi-btn-outlined),
.fi-body.fi-panel-business :is(button, a).fi-btn.fi-btn-outlined.fi-color-gray {
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    box-shadow: inset 0 0 0 1px var(--separator-opaque);
}

.fi-body.fi-panel-business :is(button, a).fi-btn.fi-color-gray:hover {
    background-color: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business :is(button, a).fi-btn.fi-color-gray .fi-btn-icon {
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business :is(button, a).fi-btn.fi-color-danger {
    background-color: var(--bg-grouped-secondary);
    color: var(--danger-ink);
    box-shadow: inset 0 0 0 1px var(--separator-opaque);
}

.fi-body.fi-panel-business :is(button, a).fi-btn.fi-color-danger .fi-btn-icon {
    color: var(--danger-ink);
}

.fi-body.fi-panel-business :is(button, a).fi-btn.fi-color-danger:hover {
    background-color: color-mix(in srgb, var(--danger-ink) 8%, transparent);
}

.fi-body.fi-panel-business .fi-modal-window :is(button, a).fi-btn.fi-color-danger:not(.fi-btn-outlined) {
    background-color: var(--danger-solid);
    color: var(--on-accent);
    box-shadow: none;
}

.fi-body.fi-panel-business .fi-modal-window :is(button, a).fi-btn.fi-color-danger:not(.fi-btn-outlined) .fi-btn-icon {
    color: var(--on-accent);
}

.fi-body.fi-panel-business .fi-modal-window :is(button, a).fi-btn.fi-color-danger:not(.fi-btn-outlined):hover {
    background-color: var(--danger-solid);
}

.fi-body.fi-panel-business .fi-icon-btn {
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .fi-link {
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .fi-link.fi-color-gray {
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-link.fi-color-danger,
.fi-body.fi-panel-business .fi-link.fi-color-danger .fi-link-icon {
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .fi-dropdown-panel {
    padding: 0;
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    box-shadow: var(--shadow-float);
}

.fi-body.fi-panel-business .fi-dropdown-panel > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--separator);
}

.fi-body.fi-panel-business .fi-dropdown-list {
    padding: 6px;
}

.fi-body.fi-panel-business .fi-dropdown-list-item {
    min-height: var(--kb-ctl);
    gap: 10px;
    padding: var(--kb-item-y) var(--s4);
    border-radius: var(--r-xs);
    font-size: 14px;
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .fi-dropdown-list-item:hover,
.fi-body.fi-panel-business .fi-dropdown-list-item:focus-visible {
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .fi-dropdown-list-item-label {
    color: var(--label);
}

.fi-body.fi-panel-business .fi-dropdown-list-item-icon {
    width: 17px;
    height: 17px;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-dropdown-list-item.fi-color-primary .fi-dropdown-list-item-label {
    font-weight: var(--fw-bold);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .fi-dropdown-list-item.fi-color-danger,
.fi-body.fi-panel-business .fi-dropdown-list-item.fi-color-danger .fi-dropdown-list-item-icon,
.fi-body.fi-panel-business .fi-dropdown-list-item.fi-color-danger .fi-dropdown-list-item-label {
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .fi-dropdown-list-item.fi-color-danger:hover,
.fi-body.fi-panel-business .fi-dropdown-list-item.fi-color-danger:focus-visible {
    background-color: color-mix(in srgb, var(--danger-ink) 8%, transparent);
}

.fi-body.fi-panel-business .fi-dropdown-list > .fi-dropdown-list-item.fi-color-danger:last-child:not(:first-child) {
    position: relative;
    margin-top: 11px;
}

.fi-body.fi-panel-business .fi-dropdown-list > .fi-dropdown-list-item.fi-color-danger:last-child:not(:first-child)::before {
    content: '';
    position: absolute;
    inset-inline: var(--s2);
    top: -6px;
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .fi-dropdown-header {
    padding: var(--s4) 18px;
    font-size: var(--fs-footnote);
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-ta-col-toggle .fi-dropdown-panel > .grid {
    padding: var(--kb-card-pad);
    row-gap: var(--s4);
}

.fi-body.fi-panel-business .fi-ta-col-toggle .fi-dropdown-panel h4 {
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
    color: var(--label);
}

.fi-body.fi-panel-business .fi-fo-component-ctn {
    gap: 18px;
}

.fi-body.fi-panel-business .fi-fo-field-wrp > div.grid {
    row-gap: 6px;
}

.fi-body.fi-panel-business .fi-fo-field-wrp-label > span {
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    line-height: 1.45;
    color: var(--label);
}

.fi-body.fi-panel-business .fi-fo-field-wrp-label sup {
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .fi-fo-field-wrp-helper-text {
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-fo-field-wrp-error-message {
    font-size: 12.5px;
    font-weight: var(--fw-medium);
    line-height: 1.45;
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .fi-input-wrp.fi-input-wrp {
    min-height: var(--kb-ctl);
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    box-shadow: none;
}

.fi-body.fi-panel-business .fi-input-wrp.fi-input-wrp:focus-within {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
}

.fi-body.fi-panel-business .fi-input-wrp.fi-input-wrp.fi-invalid {
    border-color: var(--danger-ink);
    box-shadow: 0 0 0 1px var(--danger-ink);
}

.fi-body.fi-panel-business .fi-input-wrp.fi-input-wrp.fi-disabled {
    background-color: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .fi-input-wrp .fi-input,
.fi-body.fi-panel-business .fi-input-wrp .fi-select-input,
.fi-body.fi-panel-business .fi-input-wrp textarea,
.fi-body.fi-panel-business .fi-input-wrp .choices__inner {
    padding-block: var(--kb-inp-y);
    font-size: var(--kb-ctl-fs);
    line-height: 1.5;
    color: var(--label);
}

.fi-body.fi-panel-business .fi-input-wrp .fi-input::placeholder,
.fi-body.fi-panel-business .fi-input-wrp textarea::placeholder {
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-input-wrp-prefix,
.fi-body.fi-panel-business .fi-input-wrp-suffix {
    border-color: var(--separator);
}

.fi-body.fi-panel-business .fi-input-wrp-label {
    font-size: var(--fs-footnote);
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .choices__list--dropdown,
.fi-body.fi-panel-business .choices__list[aria-expanded] {
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    box-shadow: var(--shadow-float);
}

.fi-body.fi-panel-business .choices__item--choice.choices__item--selectable {
    min-height: var(--kb-ctl);
    padding: var(--kb-item-y) var(--s4);
    border-radius: var(--r-xs);
    font-size: 14px;
    color: var(--label);
}

.fi-body.fi-panel-business .choices__list--dropdown .choices__item--selectable.is-highlighted,
.fi-body.fi-panel-business .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .fi-radio-input {
    width: 18px;
    height: 18px;
    color: var(--accent);
}

.fi-body.fi-panel-business .fi-checkbox-input {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1.5px solid var(--label-tertiary);
    border-radius: 5px;
    background-color: var(--fill-quaternary);
    box-shadow: none;
    color: var(--on-accent);
    cursor: pointer;
    transition: background-color var(--dur-fast), border-color var(--dur-fast);
}

.fi-body.fi-panel-business .fi-checkbox-input:checked {
    border-color: var(--accent);
    background-color: var(--accent);
    background-image: none;
}

.fi-body.fi-panel-business .fi-checkbox-input:checked::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--on-accent);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.5l3 3 6-7' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.5l3 3 6-7' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

.fi-body.fi-panel-business .fi-checkbox-input:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .fi-checkbox-input:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.fi-body.fi-panel-business :is(.fi-fo-toggle, .fi-ta-toggle > [role="switch"]) {
    height: 26px;
    border-width: 3px var(--s1);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business :is(.fi-fo-toggle, .fi-ta-toggle > [role="switch"])[aria-checked="true"] {
    background-color: var(--ok-solid);
}

.fi-body.fi-panel-business :is(.fi-fo-toggle, .fi-ta-toggle > [role="switch"])::before {
    content: '';
    position: absolute;
    inset: -12px calc(var(--s1) * -1);
}

.fi-body.fi-panel-business :is(.fi-resource-edit-record-page, .fi-resource-create-record-page) .fi-form > .fi-form-actions {
    position: sticky;
    bottom: 0;
    z-index: 3;
    margin-top: auto;
    padding: var(--s4) var(--kb-card-pad);
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    border-bottom: 0;
    border-radius: var(--r-sm) var(--r-sm) 0 0;
    box-shadow: var(--shadow-sheet);
}

.fi-body.fi-panel-business .fi-form-actions .fi-sticky {
    position: static;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

.fi-body.fi-panel-business .fi-form-actions .fi-ac {
    gap: var(--s3);
}

.fi-body.fi-panel-business .fi-resource-create-record-page .fi-form-actions .fi-ac {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.fi-body.fi-panel-business .fi-modal-window {
    background-color: var(--bg-grouped-secondary);
    border: 0;
    border-radius: var(--r-md);
    box-shadow: var(--shadow-float);
}

.fi-body.fi-panel-business .fi-modal-window.max-w-md:not(.fi-modal-slide-over-window) {
    max-width: 440px;
}

.fi-body.fi-panel-business .fi-modal-slide-over-window.max-w-2xl {
    max-width: 520px;
}

.fi-body.fi-panel-business .fi-modal-slide-over-window {
    border-radius: 0;
}

.fi-body.fi-panel-business .fi-modal-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--s4);
    padding: 22px var(--s7) var(--s2);
}

.fi-body.fi-panel-business .fi-modal-header.fi-sticky {
    padding-bottom: var(--s5);
    background-color: var(--bg-grouped-secondary);
    border-color: var(--separator);
}

.fi-body.fi-panel-business .fi-modal-slide-over-window .fi-modal-header {
    padding: var(--s6) var(--s7) var(--s5);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .fi-modal-header > div:has(> div > .fi-modal-icon) {
    margin: 0;
    justify-content: flex-start;
}

.fi-body.fi-panel-business .fi-modal-header > .text-center {
    text-align: start;
}

.fi-body.fi-panel-business .fi-modal-header div:has(> .fi-modal-icon) {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .fi-modal-icon {
    width: 21px;
    height: 21px;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-modal-header div.fi-color-primary:has(> .fi-modal-icon) {
    background-color: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .fi-modal-header div.fi-color-danger:has(> .fi-modal-icon) {
    background-color: color-mix(in srgb, var(--danger-ink) 12%, transparent);
}

.fi-body.fi-panel-business .fi-modal-header div.fi-color-warning:has(> .fi-modal-icon) {
    background-color: color-mix(in srgb, var(--warn-ink) 14%, transparent);
}

.fi-body.fi-panel-business .fi-modal-header div.fi-color-success:has(> .fi-modal-icon) {
    background-color: color-mix(in srgb, var(--ok-ink) 13%, transparent);
}

.fi-body.fi-panel-business .fi-modal-header div.fi-color-info:has(> .fi-modal-icon) {
    background-color: color-mix(in srgb, var(--info-ink) 12%, transparent);
}

.fi-body.fi-panel-business .fi-modal-header div.fi-color-primary > .fi-modal-icon {
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .fi-modal-header div.fi-color-danger > .fi-modal-icon {
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .fi-modal-header div.fi-color-warning > .fi-modal-icon {
    color: var(--warn-ink);
}

.fi-body.fi-panel-business .fi-modal-header div.fi-color-success > .fi-modal-icon {
    color: var(--ok-ink);
}

.fi-body.fi-panel-business .fi-modal-header div.fi-color-info > .fi-modal-icon {
    color: var(--info-ink);
}

.fi-body.fi-panel-business .fi-modal-heading {
    margin-inline-start: 0;
    font-size: 18px;
    font-weight: var(--fw-bold);
    line-height: 1.3;
    color: var(--label);
}

.fi-body.fi-panel-business .fi-modal-description {
    font-size: 14px;
    line-height: 1.45;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-modal-content {
    padding: 10px var(--s7) 18px;
    font-size: 14px;
}

.fi-body.fi-panel-business .fi-modal-slide-over-window .fi-modal-content {
    padding: var(--s6) var(--s7);
}

.fi-body.fi-panel-business .fi-modal-footer {
    padding: 14px var(--s7) 18px;
}

.fi-body.fi-panel-business .fi-modal-footer:not(.fi-sticky) {
    margin-top: 0;
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .fi-modal-footer.mt-6 {
    margin-top: 14px;
}

.fi-body.fi-panel-business .fi-modal-footer.fi-sticky {
    background-color: var(--bg-grouped-secondary);
    border-color: var(--separator);
}

.fi-body.fi-panel-business .fi-modal-footer-actions {
    gap: var(--s3);
}

.fi-body.fi-panel-business .fi-modal-footer-actions.flex-col-reverse {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.fi-body.fi-panel-business .fi-modal-close-btn {
    margin: 0;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-tabs {
    width: fit-content;
    max-width: 100%;
    align-self: flex-start;
    justify-self: start;
    margin-inline: 0;
    padding: 3px;
    gap: var(--s1);
    border: 0;
    border-radius: var(--r-sm);
    background-color: var(--fill-tertiary);
    box-shadow: none;
}

.fi-body.fi-panel-business .fi-tabs.fi-contained {
    margin: var(--s4) var(--kb-card-pad);
}

.fi-body.fi-panel-business .fi-tabs-item {
    min-height: 38px;
    padding: 0 var(--kb-tab-x);
    border-radius: 9px;
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .fi-tabs-item:hover,
.fi-body.fi-panel-business .fi-tabs-item:focus-visible {
    background-color: transparent;
}

.fi-body.fi-panel-business .fi-tabs-item-label {
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-tabs-item.fi-active {
    background-color: var(--seg-raised);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .fi-tabs-item.fi-active .fi-tabs-item-label,
.fi-body.fi-panel-business .fi-tabs-item.fi-active .fi-tabs-item-icon {
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .fi-tabs-item-icon {
    width: 16px;
    height: 16px;
}

.fi-body.fi-panel-business .fi-tabs-item .fi-badge.fi-badge {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: var(--r-full);
    font-size: var(--fs-caption-2);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-tabs-item.fi-active .fi-badge.fi-badge {
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .fi-in-entry-wrp > div.grid {
    row-gap: 3px;
}

.fi-body.fi-panel-business .fi-in-entry-wrp-label > span {
    font-size: 12.5px;
    font-weight: var(--fw-regular);
    line-height: 1.45;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-in-text-item {
    font-size: 14px;
    font-weight: var(--fw-medium);
    line-height: 1.45;
}

.fi-body.fi-panel-business .fi-badge {
    min-width: 0;
    height: 24px;
    padding: 0 9px;
    gap: 5px;
    border-radius: 6px;
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
    line-height: 1;
    letter-spacing: normal;
    white-space: nowrap;
    box-shadow: none;
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-badge-icon {
    width: 13px;
    height: 13px;
    color: currentColor;
}

.fi-body.fi-panel-business .fi-badge.fi-color-primary {
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .fi-badge.fi-color-success {
    background-color: color-mix(in srgb, var(--ok-ink) 13%, transparent);
    color: var(--ok-ink);
}

.fi-body.fi-panel-business .fi-badge.fi-color-danger {
    background-color: color-mix(in srgb, var(--danger-ink) 12%, transparent);
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .fi-badge.fi-color-warning {
    background-color: color-mix(in srgb, var(--warn-ink) 14%, transparent);
    color: var(--warn-ink);
}

.fi-body.fi-panel-business .fi-badge.fi-color-info {
    background-color: color-mix(in srgb, var(--info-ink) 12%, transparent);
    color: var(--info-ink);
}

.fi-body.fi-panel-business :is(.fi-btn-badge-ctn, .fi-icon-btn-badge-ctn, .fi-link-badge-ctn) {
    border-radius: var(--r-full);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business :is(.fi-btn-badge-ctn, .fi-icon-btn-badge-ctn, .fi-link-badge-ctn) .fi-badge {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: var(--r-full);
    font-size: var(--fs-caption-2);
}

.fi-body.fi-panel-business .fi-ta-text:not(.ka-status):not(.ka-tag):not(.kb-attn) .fi-badge.fi-color-gray {
    height: auto;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-regular);
    line-height: 1.45;
    color: var(--label);
}

.fi-body.fi-panel-business .fi-ta-icon-item.fi-color-success,
.fi-body.fi-panel-business .fi-in-icon-item.fi-color-success {
    color: var(--ok-ink);
}

.fi-body.fi-panel-business .fi-ta-icon-item.fi-color-gray,
.fi-body.fi-panel-business .fi-in-icon-item.fi-color-gray {
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-fo-wizard {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.fi-body.fi-panel-business .fi-fo-wizard > .fi-fo-wizard-header {
    gap: var(--s1);
    padding: var(--s4);
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .fi-fo-wizard-header > .fi-fo-wizard-header-step {
    border-width: 0;
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step-button {
    width: 100%;
    min-height: var(--kb-ctl);
    padding: var(--s4);
    gap: var(--s4);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step-icon-ctn {
    width: 28px;
    height: 28px;
    border-width: 0;
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step-indicator {
    font-size: var(--fs-footnote);
    font-weight: var(--fw-bold);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step-icon {
    width: 15px;
    height: 15px;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step-label {
    font-size: 14px;
    font-weight: var(--fw-semibold);
    color: var(--label);
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step-description {
    font-size: 12.5px;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step-separator {
    display: none;
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step.fi-active > .fi-fo-wizard-header-step-button {
    background-color: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step.fi-active .fi-fo-wizard-header-step-icon-ctn {
    background-color: var(--accent);
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step.fi-active :is(.fi-fo-wizard-header-step-indicator, .fi-fo-wizard-header-step-icon) {
    color: var(--on-accent);
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step.fi-active .fi-fo-wizard-header-step-label {
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step.fi-completed .fi-fo-wizard-header-step-icon-ctn {
    background-color: var(--ok-solid);
}

.fi-body.fi-panel-business .fi-fo-wizard-header-step.fi-completed .fi-fo-wizard-header-step-icon {
    color: var(--on-accent);
}

.fi-body.fi-panel-business .fi-fo-wizard.fi-contained > .fi-fo-wizard-step.fi-active {
    margin-top: var(--kb-row-gap);
    padding: var(--kb-card-pad);
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .fi-fo-wizard > .fi-fo-wizard-step.fi-active {
    margin-top: var(--kb-row-gap);
}

.fi-body.fi-panel-business .fi-fo-wizard > div:last-child {
    margin-top: var(--kb-row-gap);
    padding: 0;
}

@media (min-width: 1024px) {
    .fi-body.fi-panel-business .fi-fo-wizard:not(.fi-modal *) {
        display: grid;
        grid-template-columns: 260px minmax(0, 1fr);
        column-gap: var(--s6);
        align-items: start;
    }

    .fi-body.fi-panel-business .fi-fo-wizard:not(.fi-modal *) > .fi-fo-wizard-header {
        grid-column: 1;
        grid-row: 1 / span 2;
        grid-auto-flow: row;
        overflow: visible;
        align-self: start;
    }

    .fi-body.fi-panel-business .fi-fo-wizard:not(.fi-modal *) > :not(.fi-fo-wizard-header) {
        grid-column: 2;
    }

    .fi-body.fi-panel-business .fi-fo-wizard:not(.fi-modal *) > .fi-fo-wizard-step.fi-active {
        margin-top: 0;
    }

    .fi-body.fi-panel-business .fi-fo-wizard:not(.fi-modal *) .fi-fo-wizard-header-step-button > div:last-child {
        width: auto;
        max-width: none;
        min-width: 0;
    }
}

.fi-body.fi-panel-business .fi-no-notification:not(.fi-inline) {
    max-width: 360px;
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    box-shadow: var(--shadow-float);
}

.fi-body.fi-panel-business .fi-no-notification:not(.fi-inline) > div {
    padding: 14px var(--s5);
    background-color: transparent;
}

.fi-body.fi-panel-business .fi-no-notification-title {
    font-size: 14px;
    font-weight: var(--fw-bold);
    color: var(--label);
}

.fi-body.fi-panel-business .fi-no-notification-body,
.fi-body.fi-panel-business .fi-no-notification-date {
    font-size: var(--fs-footnote);
    line-height: 1.45;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .fi-no-notification.fi-status-success .fi-no-notification-icon {
    color: var(--ok-ink);
}

.fi-body.fi-panel-business .fi-no-notification.fi-status-warning .fi-no-notification-icon {
    color: var(--warn-ink);
}

.fi-body.fi-panel-business .fi-no-notification.fi-status-danger .fi-no-notification-icon {
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .fi-no-notification.fi-status-info .fi-no-notification-icon {
    color: var(--info-ink);
}

.fi-body.fi-panel-business .fi-wi-stats-overview-stats-ctn {
    gap: 14px;
}

.fi-body.fi-panel-business .fi-wi-stats-overview-stat {
    padding: var(--s5) 18px;
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .fi-wi-stats-overview-stat > .grid {
    row-gap: var(--s2);
}

.fi-body.fi-panel-business .fi-wi-stats-overview-stat-label {
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .fi-wi-stats-overview-stat-value {
    font-size: 26px;
    font-weight: var(--fw-bold);
    line-height: 1.2;
    letter-spacing: normal;
    font-variant-numeric: tabular-nums;
    color: var(--label);
}

.fi-body.fi-panel-business .fi-wi-stats-overview-stat-description {
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .fi-simple-main {
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .fi-simple-header-heading {
    font-size: 24px;
    font-weight: var(--fw-bold);
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--label);
}

.fi-body.fi-panel-business .fi-simple-header-subheading {
    font-size: 14px;
    color: var(--label-secondary);
}
.fi-body.fi-panel-business {
    --ka-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --ka-p: 0%;
}

.fi-body.fi-panel-business .ka-p0 { --ka-p: 0%; }
.fi-body.fi-panel-business .ka-p5 { --ka-p: 5%; }
.fi-body.fi-panel-business .ka-p10 { --ka-p: 10%; }
.fi-body.fi-panel-business .ka-p15 { --ka-p: 15%; }
.fi-body.fi-panel-business .ka-p20 { --ka-p: 20%; }
.fi-body.fi-panel-business .ka-p25 { --ka-p: 25%; }
.fi-body.fi-panel-business .ka-p30 { --ka-p: 30%; }
.fi-body.fi-panel-business .ka-p35 { --ka-p: 35%; }
.fi-body.fi-panel-business .ka-p40 { --ka-p: 40%; }
.fi-body.fi-panel-business .ka-p45 { --ka-p: 45%; }
.fi-body.fi-panel-business .ka-p50 { --ka-p: 50%; }
.fi-body.fi-panel-business .ka-p55 { --ka-p: 55%; }
.fi-body.fi-panel-business .ka-p60 { --ka-p: 60%; }
.fi-body.fi-panel-business .ka-p65 { --ka-p: 65%; }
.fi-body.fi-panel-business .ka-p70 { --ka-p: 70%; }
.fi-body.fi-panel-business .ka-p75 { --ka-p: 75%; }
.fi-body.fi-panel-business .ka-p80 { --ka-p: 80%; }
.fi-body.fi-panel-business .ka-p85 { --ka-p: 85%; }
.fi-body.fi-panel-business .ka-p90 { --ka-p: 90%; }
.fi-body.fi-panel-business .ka-p95 { --ka-p: 95%; }
.fi-body.fi-panel-business .ka-p100 { --ka-p: 100%; }

.fi-body.fi-panel-business .ka-stats {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
    margin-bottom: var(--s4);
}

.fi-body.fi-panel-business .ka-stat {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
    height: 32px;
    padding: 0 var(--s4);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    color: var(--label);
    font-size: 12.5px;
    font-weight: var(--fw-semibold);
    text-decoration: none;
}

.fi-body.fi-panel-business .ka-stat--on {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
}

.fi-body.fi-panel-business .ka-stat__n {
    font-family: var(--ka-mono);
    font-weight: var(--fw-bold);
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-kpis {
    display: grid;
    gap: 10px;
    margin-bottom: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.fi-body.fi-panel-business .ka-kpis--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fi-body.fi-panel-business .ka-kpis--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fi-body.fi-panel-business .ka-kpis--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fi-body.fi-panel-business .ka-kpis--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.fi-body.fi-panel-business .ka-kpis--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.fi-body.fi-panel-business .ka-kpis--7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }

.fi-body.fi-panel-business .ka-kpi {
    min-width: 0;
    padding: 11px var(--s4);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .ka-kpi__k {
    color: var(--label-tertiary);
    font-size: 11.5px;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ka-kpi__v {
    margin-top: 3px;
    color: var(--label);
    font-size: 17px;
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-kpi--lg .ka-kpi__v {
    font-size: 19px;
}

.fi-body.fi-panel-business .ka-kpi__v small {
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ka-kpi__s {
    margin-top: var(--s1);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
}

.fi-body.fi-panel-business .ka-kpi__s a {
    color: var(--accent-ink);
    font-size: var(--fs-caption-2);
}

@media (max-width: 1100px) {
    .fi-body.fi-panel-business .ka-kpis--5,
    .fi-body.fi-panel-business .ka-kpis--6,
    .fi-body.fi-panel-business .ka-kpis--7 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .fi-body.fi-panel-business .ka-kpis,
    .fi-body.fi-panel-business .ka-kpis--3,
    .fi-body.fi-panel-business .ka-kpis--5,
    .fi-body.fi-panel-business .ka-kpis--6,
    .fi-body.fi-panel-business .ka-kpis--7 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.fi-body.fi-panel-business .ka-person {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.fi-body.fi-panel-business .ka-person__mark {
    flex: none;
    width: 32px;
    height: 32px;
    border-radius: var(--r-full);
    object-fit: cover;
}

.fi-body.fi-panel-business .ka-person--sm .ka-person__mark { width: 24px; height: 24px; }
.fi-body.fi-panel-business .ka-person--sm { gap: var(--s3); }
.fi-body.fi-panel-business .ka-person--lg .ka-person__mark { width: 64px; height: 64px; }
.fi-body.fi-panel-business .ka-person--lg { gap: var(--s5); }

.fi-body.fi-panel-business .ka-person__text {
    min-width: 0;
}

.fi-body.fi-panel-business .ka-person__nm {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    color: var(--label);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ka-person--sm .ka-person__nm { font-weight: var(--fw-medium); flex-wrap: nowrap; white-space: nowrap; }
.fi-body.fi-panel-business .ka-person--lg .ka-person__nm { font-size: 20px; font-weight: var(--fw-bold); line-height: 1.2; }

.fi-body.fi-panel-business .ka-person__name {
    color: inherit;
    text-decoration: none;
}

.fi-body.fi-panel-business a.ka-person__name:hover {
    text-decoration: underline;
}

.fi-body.fi-panel-business .ka-person__sub {
    display: block;
    margin-top: 1px;
    color: var(--label-tertiary);
    font-size: 11.5px;
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .ka-person__sub--mono {
    font-family: var(--ka-mono);
}

.fi-body.fi-panel-business .ka-person__absent {
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .ka-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 21px;
    padding: 0 var(--s3);
    border-radius: 6px;
    font-size: 11.5px;
    font-weight: var(--fw-bold);
    line-height: 1;
    white-space: nowrap;
    color: var(--label-secondary);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .ka-pill__dot {
    flex: none;
    width: 6px;
    height: 6px;
    border-radius: var(--r-full);
    background-color: currentColor;
}

.fi-body.fi-panel-business .ka-pill--ok { color: var(--ok-ink); background-color: color-mix(in srgb, var(--ok-ink) 13%, transparent); }
.fi-body.fi-panel-business .ka-pill--warn { color: var(--warn-ink); background-color: color-mix(in srgb, var(--warn-ink) 14%, transparent); }
.fi-body.fi-panel-business .ka-pill--danger { color: var(--danger-ink); background-color: color-mix(in srgb, var(--danger-ink) 12%, transparent); }
.fi-body.fi-panel-business .ka-pill--info { color: var(--info-ink); background-color: color-mix(in srgb, var(--info-ink) 12%, transparent); }
.fi-body.fi-panel-business .ka-pill--accent { color: var(--accent-ink); background-color: var(--accent-fill-subtle); }

.fi-body.fi-panel-business .ka-kind {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 19px;
    padding: 0 7px;
    border-radius: var(--r-full);
    border: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-kind--info {
    color: var(--info-ink);
    border-color: color-mix(in srgb, var(--info-ink) 35%, transparent);
}

.fi-body.fi-panel-business .ka-kind--accent {
    border-color: transparent;
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-kind__svg {
    width: 11px;
    height: 11px;
}

.fi-body.fi-panel-business .ka-banner {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px var(--s4);
    border-radius: var(--r-xs);
    border: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label-secondary);
    font-size: 12.5px;
    line-height: 1.5;
}

.fi-body.fi-panel-business .ka-banner--spaced { margin-bottom: 14px; }

.fi-body.fi-panel-business .ka-banner__icon {
    flex: none;
    width: 16px;
    height: 16px;
    margin-top: 1px;
}

.fi-body.fi-panel-business .ka-banner__body {
    flex: 1;
    min-width: 0;
    color: var(--label);
}

.fi-body.fi-panel-business .ka-banner__body b { font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .ka-banner__body p { margin: 0; }

.fi-body.fi-panel-business .ka-banner__act {
    display: flex;
    flex: none;
    align-items: center;
    align-self: center;
    gap: var(--s3);
    margin-left: auto;
    padding-left: var(--s4);
}

.fi-body.fi-panel-business .ka-banner--warn {
    color: var(--warn-ink);
    border-color: color-mix(in srgb, var(--warn-ink) 35%, transparent);
    background-color: color-mix(in srgb, var(--warn-ink) 9%, transparent);
}

.fi-body.fi-panel-business .ka-banner--danger {
    color: var(--danger-ink);
    border-color: color-mix(in srgb, var(--danger-ink) 35%, transparent);
    background-color: color-mix(in srgb, var(--danger-ink) 8%, transparent);
}

.fi-body.fi-panel-business .ka-banner--info {
    color: var(--info-ink);
    border-color: color-mix(in srgb, var(--info-ink) 30%, transparent);
    background-color: color-mix(in srgb, var(--info-ink) 7%, transparent);
}

.fi-body.fi-panel-business .ka-banner--neutral {
    color: var(--label-secondary);
    border-color: var(--separator-opaque);
    background-color: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .ka-banner--ok {
    color: var(--ok-ink);
    border-color: color-mix(in srgb, var(--ok-ink) 32%, transparent);
    background-color: color-mix(in srgb, var(--ok-ink) 8%, transparent);
}

.fi-body.fi-panel-business .ka-card {
    overflow: hidden;
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .ka-card + .ka-card { margin-top: 14px; }

.fi-body.fi-panel-business .ka-card__hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    padding: var(--s4) var(--s5);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .ka-card__title {
    margin: 0;
    color: var(--label);
    font-size: 14px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-card__badge {
    display: inline-flex;
    align-items: center;
    height: 20px;
    margin-inline-start: 6px;
    padding: 0 7px;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
    line-height: 1;
    vertical-align: 1px;
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-card__sub {
    display: block;
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .ka-card__act {
    display: flex;
    flex: none;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ka-card__bd { padding: var(--s5); }
.fi-body.fi-panel-business .ka-card__bd--flush { padding: 0; }

.fi-body.fi-panel-business .ka-card__ft {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    padding: 10px var(--s5);
    border-top: 1px solid var(--separator);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .ka-hbars { display: block; }

.fi-body.fi-panel-business .ka-hbars__row {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) 92px;
    gap: var(--s4);
    align-items: center;
    padding: 6px 0;
    color: var(--label);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ka-hbars__label { min-width: 0; overflow-wrap: anywhere; }
.fi-body.fi-panel-business .ka-hbars__label a { color: var(--accent-ink); }

.fi-body.fi-panel-business .ka-hbars__track {
    height: 10px;
    overflow: hidden;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .ka-hbars__fill {
    display: block;
    width: var(--ka-p);
    height: 100%;
    border-radius: var(--r-full);
    background-color: var(--accent);
}

.fi-body.fi-panel-business .ka-hbars__fill--ok { background-color: var(--ok-solid); }
.fi-body.fi-panel-business .ka-hbars__fill--danger { background-color: var(--danger-solid); }
.fi-body.fi-panel-business .ka-hbars__fill--info { background-color: var(--info-solid); }
.fi-body.fi-panel-business .ka-hbars__fill--neutral { background-color: var(--neutral-solid); }

.fi-body.fi-panel-business .ka-hbars__val {
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .fi-body.fi-panel-business .ka-hbars__row { grid-template-columns: 100px minmax(0, 1fr) 80px; gap: var(--s3); }
}

.fi-body.fi-panel-business .ka-mbars {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: var(--s3);
    height: 170px;
}

.fi-body.fi-panel-business .ka-mbars__col {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: var(--s2);
    min-width: 0;
}

.fi-body.fi-panel-business .ka-mbars__bar {
    display: block;
    width: 100%;
    height: var(--ka-p);
    border-radius: var(--r-xxs) var(--r-xxs) 0 0;
    background-color: var(--accent);
}

.fi-body.fi-panel-business .ka-mbars__col--part .ka-mbars__bar {
    background-color: var(--accent-fill-subtle);
    border: 1px dashed var(--accent);
    border-bottom: 0;
}

.fi-body.fi-panel-business .ka-mbars__val {
    color: var(--label-secondary);
    font-family: var(--ka-mono);
    font-size: 10px;
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-mbars__m {
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-tl { display: block; }

.fi-body.fi-panel-business .ka-tl__item {
    position: relative;
    display: grid;
    grid-template-columns: 44px 26px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
    padding: 5px 0;
    color: var(--label);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ka-tl__item:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 66px;
    top: 33px;
    bottom: -5px;
    width: 1px;
    background-color: var(--separator);
}

.fi-body.fi-panel-business .ka-tl__time {
    padding-top: var(--s2);
    color: var(--label-tertiary);
    font-family: var(--ka-mono);
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .ka-tl__icon {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .ka-tl__svg { width: 14px; height: 14px; }

.fi-body.fi-panel-business .ka-tl__text {
    min-width: 0;
    padding-top: 3px;
    line-height: 1.4;
}

.fi-body.fi-panel-business .ka-tl__sub {
    display: block;
    margin-top: var(--s1);
    color: var(--label-tertiary);
    font-size: 11.5px;
}

.fi-body.fi-panel-business .ka-tl__aside {
    padding-top: 3px;
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    text-align: right;
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-tl__item--accent .ka-tl__icon { background-color: var(--accent-fill-subtle); color: var(--accent-ink); }
.fi-body.fi-panel-business .ka-tl__item--danger .ka-tl__icon { background-color: color-mix(in srgb, var(--danger-ink) 14%, transparent); color: var(--danger-ink); }
.fi-body.fi-panel-business .ka-tl__item--danger .ka-tl__text > b { color: var(--danger-ink); }
.fi-body.fi-panel-business .ka-tl__item--ok .ka-tl__icon { background-color: color-mix(in srgb, var(--ok-ink) 14%, transparent); color: var(--ok-ink); }
.fi-body.fi-panel-business .ka-tl__item--ok .ka-tl__text > b { color: var(--ok-ink); }

.fi-body.fi-panel-business .ka-steps {
    display: flex;
    gap: 6px;
}

.fi-body.fi-panel-business .ka-step {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 6px;
    padding: var(--s3) 10px;
    border-radius: var(--r-xs);
    border: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ka-step__svg { width: 14px; height: 14px; flex: none; }

.fi-body.fi-panel-business .ka-step--done { color: var(--ok-ink); }

.fi-body.fi-panel-business .ka-step--bad {
    color: var(--danger-ink);
    border-color: var(--danger-ink);
    background-color: color-mix(in srgb, var(--danger-ink) 8%, transparent);
}

.fi-body.fi-panel-business .ka-step--skip { opacity: 0.55; }

.fi-body.fi-panel-business .ka-steps--sm .ka-step { padding: 5px var(--s3); font-size: 11.5px; }

.fi-body.fi-panel-business .ka-empty {
    padding: var(--s9) var(--s7);
    border-radius: var(--r-sm);
    border: 1.5px dashed var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    text-align: center;
}

.fi-body.fi-panel-business .ka-empty__ic {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    border-radius: var(--r-full);
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .ka-empty__svg { width: 24px; height: 24px; }

.fi-body.fi-panel-business .ka-empty__t {
    margin: 0 0 6px;
    color: var(--label);
    font-size: 16px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-empty__p {
    max-width: 52ch;
    margin: 0 auto var(--s5);
    color: var(--label-secondary);
    font-size: 13.5px;
}

.fi-body.fi-panel-business .ka-empty__act {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ka-switchrow {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px var(--s5);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .ka-switchrow:first-child { border-top: 0; }

.fi-body.fi-panel-business .ka-switch {
    position: relative;
    display: inline-block;
    flex: none;
    width: 38px;
    height: 22px;
    margin-top: var(--s1);
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .ka-switch::after {
    content: '';
    position: absolute;
    top: var(--s1);
    left: var(--s1);
    width: 18px;
    height: 18px;
    border-radius: var(--r-full);
    background-color: var(--on-accent);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .ka-switch--on { background-color: var(--ok-solid); }
.fi-body.fi-panel-business .ka-switch--on::after { left: 18px; }
.fi-body.fi-panel-business .ka-switchrow--off .ka-switch { opacity: 0.45; }

.fi-body.fi-panel-business .ka-switchrow__tx { flex: 1; min-width: 0; }

.fi-body.fi-panel-business .ka-switchrow__t {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    margin: 0 0 var(--s1);
    color: var(--label);
    font-size: 13.5px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-switchrow__p {
    max-width: 78ch;
    margin: 0;
    color: var(--label-secondary);
    font-size: 12.5px;
}

.fi-body.fi-panel-business .ka-switchrow--off .ka-switchrow__t,
.fi-body.fi-panel-business .ka-switchrow--off .ka-switchrow__p { color: var(--label-tertiary); }

.fi-body.fi-panel-business .ka-switchrow__act {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ka-hist {
    display: flex;
    align-items: center;
    gap: var(--s4);
    padding: 10px var(--s5);
    border-top: 1px solid var(--separator);
    color: var(--label);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ka-hist:first-child { border-top: 0; }
.fi-body.fi-panel-business .ka-hist__what { flex: 1; min-width: 0; overflow-wrap: anywhere; }

.fi-body.fi-panel-business .ka-hist__when {
    flex: none;
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-fchip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 11px;
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    color: var(--label);
    font-size: 12.5px;
    font-weight: var(--fw-medium);
    text-decoration: none;
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-fchip--on {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
}

.fi-body.fi-panel-business .ka-fchip__ct {
    display: grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: var(--r-full);
    background-color: var(--accent);
    color: var(--on-accent);
    font-size: 10.5px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-fchip__svg { width: 13px; height: 13px; color: var(--label-tertiary); }

.fi-body.fi-panel-business .ka-sectitle {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 var(--s3);
}

.fi-body.fi-panel-business .ka-sectitle__t {
    margin: 0;
    color: var(--label);
    font-size: 14px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-sectitle__s {
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .ka-sectitle__act {
    display: flex;
    align-items: center;
    gap: var(--s3);
    margin-left: auto;
}

.fi-body.fi-panel-business { --ka-w: 0%; }

.fi-body.fi-panel-business .ka-w0 { --ka-w: 0%; }
.fi-body.fi-panel-business .ka-w1 { --ka-w: 1%; }
.fi-body.fi-panel-business .ka-w2 { --ka-w: 2%; }
.fi-body.fi-panel-business .ka-w3 { --ka-w: 3%; }
.fi-body.fi-panel-business .ka-w4 { --ka-w: 4%; }
.fi-body.fi-panel-business .ka-w5 { --ka-w: 5%; }
.fi-body.fi-panel-business .ka-w6 { --ka-w: 6%; }
.fi-body.fi-panel-business .ka-w7 { --ka-w: 7%; }
.fi-body.fi-panel-business .ka-w8 { --ka-w: 8%; }
.fi-body.fi-panel-business .ka-w9 { --ka-w: 9%; }
.fi-body.fi-panel-business .ka-w10 { --ka-w: 10%; }
.fi-body.fi-panel-business .ka-w11 { --ka-w: 11%; }
.fi-body.fi-panel-business .ka-w12 { --ka-w: 12%; }
.fi-body.fi-panel-business .ka-w13 { --ka-w: 13%; }
.fi-body.fi-panel-business .ka-w14 { --ka-w: 14%; }
.fi-body.fi-panel-business .ka-w15 { --ka-w: 15%; }
.fi-body.fi-panel-business .ka-w16 { --ka-w: 16%; }
.fi-body.fi-panel-business .ka-w17 { --ka-w: 17%; }
.fi-body.fi-panel-business .ka-w18 { --ka-w: 18%; }
.fi-body.fi-panel-business .ka-w19 { --ka-w: 19%; }
.fi-body.fi-panel-business .ka-w20 { --ka-w: 20%; }
.fi-body.fi-panel-business .ka-w21 { --ka-w: 21%; }
.fi-body.fi-panel-business .ka-w22 { --ka-w: 22%; }
.fi-body.fi-panel-business .ka-w23 { --ka-w: 23%; }
.fi-body.fi-panel-business .ka-w24 { --ka-w: 24%; }
.fi-body.fi-panel-business .ka-w25 { --ka-w: 25%; }
.fi-body.fi-panel-business .ka-w26 { --ka-w: 26%; }
.fi-body.fi-panel-business .ka-w27 { --ka-w: 27%; }
.fi-body.fi-panel-business .ka-w28 { --ka-w: 28%; }
.fi-body.fi-panel-business .ka-w29 { --ka-w: 29%; }
.fi-body.fi-panel-business .ka-w30 { --ka-w: 30%; }
.fi-body.fi-panel-business .ka-w31 { --ka-w: 31%; }
.fi-body.fi-panel-business .ka-w32 { --ka-w: 32%; }
.fi-body.fi-panel-business .ka-w33 { --ka-w: 33%; }
.fi-body.fi-panel-business .ka-w34 { --ka-w: 34%; }
.fi-body.fi-panel-business .ka-w35 { --ka-w: 35%; }
.fi-body.fi-panel-business .ka-w36 { --ka-w: 36%; }
.fi-body.fi-panel-business .ka-w37 { --ka-w: 37%; }
.fi-body.fi-panel-business .ka-w38 { --ka-w: 38%; }
.fi-body.fi-panel-business .ka-w39 { --ka-w: 39%; }
.fi-body.fi-panel-business .ka-w40 { --ka-w: 40%; }
.fi-body.fi-panel-business .ka-w41 { --ka-w: 41%; }
.fi-body.fi-panel-business .ka-w42 { --ka-w: 42%; }
.fi-body.fi-panel-business .ka-w43 { --ka-w: 43%; }
.fi-body.fi-panel-business .ka-w44 { --ka-w: 44%; }
.fi-body.fi-panel-business .ka-w45 { --ka-w: 45%; }
.fi-body.fi-panel-business .ka-w46 { --ka-w: 46%; }
.fi-body.fi-panel-business .ka-w47 { --ka-w: 47%; }
.fi-body.fi-panel-business .ka-w48 { --ka-w: 48%; }
.fi-body.fi-panel-business .ka-w49 { --ka-w: 49%; }
.fi-body.fi-panel-business .ka-w50 { --ka-w: 50%; }
.fi-body.fi-panel-business .ka-w51 { --ka-w: 51%; }
.fi-body.fi-panel-business .ka-w52 { --ka-w: 52%; }
.fi-body.fi-panel-business .ka-w53 { --ka-w: 53%; }
.fi-body.fi-panel-business .ka-w54 { --ka-w: 54%; }
.fi-body.fi-panel-business .ka-w55 { --ka-w: 55%; }
.fi-body.fi-panel-business .ka-w56 { --ka-w: 56%; }
.fi-body.fi-panel-business .ka-w57 { --ka-w: 57%; }
.fi-body.fi-panel-business .ka-w58 { --ka-w: 58%; }
.fi-body.fi-panel-business .ka-w59 { --ka-w: 59%; }
.fi-body.fi-panel-business .ka-w60 { --ka-w: 60%; }
.fi-body.fi-panel-business .ka-w61 { --ka-w: 61%; }
.fi-body.fi-panel-business .ka-w62 { --ka-w: 62%; }
.fi-body.fi-panel-business .ka-w63 { --ka-w: 63%; }
.fi-body.fi-panel-business .ka-w64 { --ka-w: 64%; }
.fi-body.fi-panel-business .ka-w65 { --ka-w: 65%; }
.fi-body.fi-panel-business .ka-w66 { --ka-w: 66%; }
.fi-body.fi-panel-business .ka-w67 { --ka-w: 67%; }
.fi-body.fi-panel-business .ka-w68 { --ka-w: 68%; }
.fi-body.fi-panel-business .ka-w69 { --ka-w: 69%; }
.fi-body.fi-panel-business .ka-w70 { --ka-w: 70%; }
.fi-body.fi-panel-business .ka-w71 { --ka-w: 71%; }
.fi-body.fi-panel-business .ka-w72 { --ka-w: 72%; }
.fi-body.fi-panel-business .ka-w73 { --ka-w: 73%; }
.fi-body.fi-panel-business .ka-w74 { --ka-w: 74%; }
.fi-body.fi-panel-business .ka-w75 { --ka-w: 75%; }
.fi-body.fi-panel-business .ka-w76 { --ka-w: 76%; }
.fi-body.fi-panel-business .ka-w77 { --ka-w: 77%; }
.fi-body.fi-panel-business .ka-w78 { --ka-w: 78%; }
.fi-body.fi-panel-business .ka-w79 { --ka-w: 79%; }
.fi-body.fi-panel-business .ka-w80 { --ka-w: 80%; }
.fi-body.fi-panel-business .ka-w81 { --ka-w: 81%; }
.fi-body.fi-panel-business .ka-w82 { --ka-w: 82%; }
.fi-body.fi-panel-business .ka-w83 { --ka-w: 83%; }
.fi-body.fi-panel-business .ka-w84 { --ka-w: 84%; }
.fi-body.fi-panel-business .ka-w85 { --ka-w: 85%; }
.fi-body.fi-panel-business .ka-w86 { --ka-w: 86%; }
.fi-body.fi-panel-business .ka-w87 { --ka-w: 87%; }
.fi-body.fi-panel-business .ka-w88 { --ka-w: 88%; }
.fi-body.fi-panel-business .ka-w89 { --ka-w: 89%; }
.fi-body.fi-panel-business .ka-w90 { --ka-w: 90%; }
.fi-body.fi-panel-business .ka-w91 { --ka-w: 91%; }
.fi-body.fi-panel-business .ka-w92 { --ka-w: 92%; }
.fi-body.fi-panel-business .ka-w93 { --ka-w: 93%; }
.fi-body.fi-panel-business .ka-w94 { --ka-w: 94%; }
.fi-body.fi-panel-business .ka-w95 { --ka-w: 95%; }
.fi-body.fi-panel-business .ka-w96 { --ka-w: 96%; }
.fi-body.fi-panel-business .ka-w97 { --ka-w: 97%; }
.fi-body.fi-panel-business .ka-w98 { --ka-w: 98%; }
.fi-body.fi-panel-business .ka-w99 { --ka-w: 99%; }
.fi-body.fi-panel-business .ka-w100 { --ka-w: 100%; }

.fi-body.fi-panel-business .ka-chead {
    display: flex;
    align-items: center;
    gap: var(--s5);
    padding: var(--s5);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .ka-chead__who {
    flex: 1;
    min-width: 0;
}

.fi-body.fi-panel-business .ka-chead--gone .ka-person__mark,
.fi-body.fi-panel-business .ka-chead--gone .ka-person__nm > .ka-person__name,
.fi-body.fi-panel-business .ka-chead--gone .ka-chead__meta { opacity: 0.5; }

.fi-body.fi-panel-business .ka-chead__meta {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    gap: var(--s2) var(--s5);
    margin: 5px 0 9px;
    color: var(--label-secondary);
    font-size: 12.5px;
    font-weight: var(--fw-regular);
    line-height: 1.45;
}

.fi-body.fi-panel-business .ka-chead__meta > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.fi-body.fi-panel-business .ka-chead__svg {
    width: 14px;
    height: 14px;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .ka-chead__pills {
    display: flex;
    flex: 0 0 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ka-chead__act {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--s3);
}

@media (max-width: 700px) {
    .fi-body.fi-panel-business .ka-chead { flex-direction: column; align-items: flex-start; }
}

.fi-body.fi-panel-business .ka-table {
    width: 100%;
    border-collapse: collapse;
    color: var(--label);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ka-table thead th,
.fi-body.fi-panel-business .ka-table__group th {
    padding: 10px var(--s4);
    border-bottom: 1px solid var(--separator);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-bold);
    letter-spacing: 0.04em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-table tbody td,
.fi-body.fi-panel-business .ka-table tfoot td {
    padding: 11px var(--s4);
    border-bottom: 1px solid var(--separator);
    color: var(--label);
    vertical-align: middle;
}

.fi-body.fi-panel-business .ka-table tbody tr:last-child td { border-bottom: 0; }

.fi-body.fi-panel-business .ka-table tfoot td {
    border-top: 1px solid var(--separator);
    border-bottom: 0;
    background-color: var(--bg-grouped-tertiary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-table .ka-table__num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fi-body.fi-panel-business .ka-table .ka-table__strong { font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .ka-table .ka-table__muted { color: var(--label-tertiary); }
.fi-body.fi-panel-business .ka-table .ka-table__lost { color: var(--danger-ink); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .ka-table .ka-table__nowrap { white-space: nowrap; }
.fi-body.fi-panel-business .ka-table .ka-table__act { text-align: right; white-space: nowrap; }
.fi-body.fi-panel-business .ka-table .ka-table__row--sel td { background-color: var(--accent-fill-subtle); }
.fi-body.fi-panel-business .ka-table__group-sub { color: var(--label-tertiary); font-weight: var(--fw-regular); letter-spacing: normal; text-transform: none; }

.fi-body.fi-panel-business .ka-table__sub {
    display: block;
    margin-top: 1px;
    color: var(--label-tertiary);
    font-size: 11.5px;
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .ka-table .ka-table__exp > td { padding: 14px var(--s5); background-color: var(--bg-grouped-tertiary); }
.fi-body.fi-panel-business .ka-table .ka-table__row--sel + .ka-table__exp > td { box-shadow: inset 3px 0 0 var(--accent); }

.fi-body.fi-panel-business .ka-cartbox {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: var(--s5);
    align-items: start;
}

.fi-body.fi-panel-business .ka-cartbox__links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s4);
    margin-top: var(--s4);
}

@media (max-width: 1100px) {
    .fi-body.fi-panel-business .ka-cartbox { grid-template-columns: 1fr; }
}

.fi-body.fi-panel-business .ka-inner {
    overflow: hidden;
    border-radius: var(--r-xs);
    border: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .ka-table--sm { font-size: 12.5px; }

.fi-body.fi-panel-business .ka-table--sm thead th { padding: var(--s3) 10px; font-size: 10.5px; }
.fi-body.fi-panel-business .ka-table--sm tbody td,
.fi-body.fi-panel-business .ka-table--sm tfoot td { padding: var(--s3) 10px; }
.fi-body.fi-panel-business .ka-table--sm tfoot td { font-size: 12.5px; }

.fi-body.fi-panel-business .ka-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    margin-bottom: var(--s4);
}

.fi-body.fi-panel-business .ka-filters__sp { flex: 1; }

.fi-body.fi-panel-business .ka-filters__note {
    color: var(--label-tertiary);
    font-size: 12.5px;
}

.fi-body.fi-panel-business .ka-fchip--sel { position: relative; }

.fi-body.fi-panel-business .ka-fchip__sel {
    padding: 0 var(--s5) 0 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    appearance: none;
}

.fi-body.fi-panel-business .ka-fchip--sel .ka-fchip__svg {
    position: absolute;
    right: 10px;
    pointer-events: none;
}

.fi-body.fi-panel-business .ka-fchip__box { cursor: pointer; }

.fi-body.fi-panel-business .ka-row--alert > td:first-child { box-shadow: inset 3px 0 0 var(--danger-solid); }

.fi-body.fi-panel-business .ka-row--gone > td { background-color: var(--bg-grouped-tertiary); }
.fi-body.fi-panel-business .ka-row--gone > td:not(:last-child) > * { opacity: 0.55; }

.fi-body.fi-panel-business .ka-day { margin-bottom: 18px; }

.fi-body.fi-panel-business .ka-visit {
    overflow: hidden;
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .ka-visit + .ka-visit { margin-top: 10px; }
.fi-body.fi-panel-business .ka-visit--sel { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.fi-body.fi-panel-business .ka-visit--pre { border-style: dashed; }

.fi-body.fi-panel-business .ka-visit__hd {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s4);
    padding: 10px 14px;
    border-bottom: 1px solid var(--separator);
    background-color: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .ka-visit__app {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
    color: var(--label);
    font-size: 13.5px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-visit__svg { width: 16px; height: 16px; color: var(--label-tertiary); }

.fi-body.fi-panel-business .ka-visit__ver {
    color: var(--label-tertiary);
    font-family: var(--ka-mono);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .ka-visit__grow { flex: 1; }

.fi-body.fi-panel-business .ka-visit__t {
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .ka-visit__bd { padding: var(--s3) 14px 10px; }

.fi-body.fi-panel-business .ka-visit__note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 14px;
    border-bottom: 1px solid var(--separator);
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
    font-size: 12.5px;
    line-height: 1.45;
}

.fi-body.fi-panel-business .ka-visit__note b { font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .ka-visit__note .ka-visit__svg { margin-top: 1px; color: inherit; }

.fi-body.fi-panel-business .ka-tl__text a { color: var(--accent-ink); font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .ka-tl__why {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 3px;
}

.fi-body.fi-panel-business .ka-tl__mono { font-family: var(--ka-mono); font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .ka-tl__aside > span { display: block; }

.fi-body.fi-panel-business .ka-two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s5);
    align-items: start;
    margin-top: 14px;
}

.fi-body.fi-panel-business .ka-two > .ka-card { margin-top: 0; }

.fi-body.fi-panel-business .ka-stack { display: flex; flex-direction: column; gap: 14px; }
.fi-body.fi-panel-business .ka-stack > .ka-card { margin-top: 0; }

.fi-body.fi-panel-business .ka-gap { margin-top: 14px; }

@media (max-width: 1100px) {
    .fi-body.fi-panel-business .ka-two { grid-template-columns: 1fr; }
}

.fi-body.fi-panel-business .ka-rank {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fi-body.fi-panel-business .ka-rank > li {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 7px 0;
    border-top: 1px solid var(--separator);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ka-rank > li:first-child { border-top: 0; }

.fi-body.fi-panel-business .ka-rank__no {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: 11px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-rank__ct {
    font-family: var(--ka-mono);
    font-size: 12.5px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-rank a { color: var(--accent-ink); font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .ka-meter {
    height: 6px;
    min-width: 90px;
    overflow: hidden;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .ka-meter__fill {
    display: block;
    width: var(--ka-w);
    height: 100%;
    border-radius: var(--r-full);
    background-color: var(--accent);
}

.fi-body.fi-panel-business .ka-cv {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fi-body.fi-panel-business .ka-cv .ka-meter { flex: 1; }
.fi-body.fi-panel-business .ka-cv b { min-width: 46px; text-align: right; font-variant-numeric: tabular-nums; }

.fi-body.fi-panel-business .ka-trend {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--label-tertiary);
    font-size: 12.5px;
    font-weight: var(--fw-bold);
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-trend__svg { width: 14px; height: 14px; }
.fi-body.fi-panel-business .ka-trend--good { color: var(--ok-ink); }
.fi-body.fi-panel-business .ka-trend--bad { color: var(--danger-ink); }

.fi-body.fi-panel-business .ka-fnl { padding: var(--s2) var(--s5) var(--s3); }

.fi-body.fi-panel-business .ka-fnl__hd,
.fi-body.fi-panel-business .ka-fnl__row {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr) 110px 170px;
    gap: var(--s5);
    align-items: center;
}

.fi-body.fi-panel-business .ka-fnl__hd {
    padding: var(--s3) 0 var(--s2);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-bold);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.fi-body.fi-panel-business .ka-fnl__hd > span:nth-child(3) { text-align: right; }

.fi-body.fi-panel-business .ka-fnl__row {
    padding: var(--s4) 0;
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .ka-fnl__nm {
    display: flex;
    align-items: center;
    gap: var(--s3);
    color: var(--label);
    font-size: 13.5px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-fnl__no {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: var(--r-full);
    background-color: var(--accent);
    color: var(--on-accent);
    font-size: 11px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-fnl__bar {
    height: 28px;
    border-radius: 6px;
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .ka-fnl__fill {
    display: block;
    width: var(--ka-w);
    height: 100%;
    border-radius: 6px;
    background-color: var(--accent);
}

.fi-body.fi-panel-business .ka-fnl__row--end .ka-fnl__fill { background-color: var(--ok-solid); }

.fi-body.fi-panel-business .ka-fnl__n {
    color: var(--label);
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.fi-body.fi-panel-business .ka-fnl__n small {
    display: block;
    color: var(--label-tertiary);
    font-size: 11.5px;
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .ka-fnl__lost {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--danger-ink);
    font-size: 12.5px;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ka-fnl__lost--none { color: var(--label-tertiary); font-weight: var(--fw-regular); }
.fi-body.fi-panel-business .ka-fnl__svg { width: 14px; height: 14px; flex: none; }

.fi-body.fi-panel-business .ka-fnl--cmp .ka-fnl__hd,
.fi-body.fi-panel-business .ka-fnl--cmp .ka-fnl__row {
    grid-template-columns: 120px minmax(0, 1fr) 96px;
    gap: var(--s3) 14px;
}

.fi-body.fi-panel-business .ka-fnl--cmp .ka-fnl__hd > span:last-child { display: none; }
.fi-body.fi-panel-business .ka-fnl--cmp .ka-fnl__lost { grid-column: 2 / -1; margin-top: -4px; }

@media (max-width: 1100px) {
    .fi-body.fi-panel-business .ka-fnl__hd,
    .fi-body.fi-panel-business .ka-fnl__row { grid-template-columns: 120px minmax(0, 1fr) 90px 130px; }
}

.fi-body.fi-panel-business .ka-heat {
    display: grid;
    grid-template-columns: 44px repeat(5, minmax(0, 1fr));
    gap: var(--s2);
    font-size: 11.5px;
}

.fi-body.fi-panel-business .ka-heat__h {
    padding-bottom: var(--s1);
    color: var(--label-tertiary);
    font-weight: var(--fw-semibold);
    line-height: 1.2;
    text-align: center;
}

.fi-body.fi-panel-business .ka-heat__h small {
    display: block;
    font-size: 10.5px;
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .ka-heat__d {
    display: flex;
    align-items: center;
    color: var(--label-secondary);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-heat__c {
    display: grid;
    place-items: center;
    height: 28px;
    border-radius: 6px;
    background-color: var(--bg-grouped-tertiary);
    color: var(--label);
    font-family: var(--ka-mono);
    font-size: 11px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-heat__c--l1 { background-color: color-mix(in srgb, var(--accent) 20%, var(--bg-grouped-tertiary)); }
.fi-body.fi-panel-business .ka-heat__c--l2 { background-color: color-mix(in srgb, var(--accent) 40%, var(--bg-grouped-tertiary)); }
.fi-body.fi-panel-business .ka-heat__c--l3 { background-color: color-mix(in srgb, var(--accent) 60%, var(--bg-grouped-tertiary)); }
.fi-body.fi-panel-business .ka-heat__c--l4 { background-color: color-mix(in srgb, var(--accent) 80%, var(--bg-grouped-tertiary)); }
.fi-body.fi-panel-business .ka-heat__c--l5 { background-color: var(--accent); color: var(--on-accent); }

.fi-body.fi-panel-business .ka-slide { font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .ka-slide__blk { margin-bottom: var(--s5); }
.fi-body.fi-panel-business .ka-slide__blk:last-child { margin-bottom: 0; }

.fi-body.fi-panel-business .ka-slide__sub {
    margin: 0 0 var(--s5);
    color: var(--label-secondary);
    font-size: 12px;
}

.fi-body.fi-panel-business .ka-slide__h {
    margin: 0 0 var(--s3);
    color: var(--label);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-slide__hint {
    margin: var(--s2) 0 0;
    color: var(--label-tertiary);
    font-size: 11.5px;
}

.fi-body.fi-panel-business .ka-dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s4) 18px;
    margin: 0;
}

.fi-body.fi-panel-business .ka-dl > div { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; }
.fi-body.fi-panel-business .ka-dl dt { color: var(--label-tertiary); font-size: 11.5px; }
.fi-body.fi-panel-business .ka-dl dd { margin: 0; color: var(--label); font-size: var(--fs-footnote); font-weight: var(--fw-medium); }
.fi-body.fi-panel-business .ka-dl a { color: var(--accent-ink); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .ka-dl__mono { font-family: var(--ka-mono); font-size: 12.5px; }

.fi-body.fi-panel-business .ka-fold {
    border-radius: var(--r-xs);
    border: 1px solid var(--separator-opaque);
}

.fi-body.fi-panel-business .ka-fold > summary {
    display: flex;
    align-items: center;
    gap: var(--s3);
    padding: 10px var(--s4);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    cursor: pointer;
    list-style: none;
}

.fi-body.fi-panel-business .ka-fold > summary::-webkit-details-marker { display: none; }
.fi-body.fi-panel-business .ka-fold[open] > summary { border-radius: var(--r-xs) var(--r-xs) 0 0; }

.fi-body.fi-panel-business .ka-fold__hint {
    margin-left: auto;
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .ka-fold__body { padding: var(--s4); }

.fi-body.fi-panel-business .ka-confirm {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fi-body.fi-panel-business .ka-confirm__p {
    margin: 0;
    color: var(--label-secondary);
    font-size: 13.5px;
}

.fi-body.fi-panel-business .ka-card__p {
    margin: 0 0 var(--s4);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ka-card__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ka-card__muted {
    color: var(--label-tertiary);
    font-size: 12.5px;
}

.fi-body.fi-panel-business .ka-level {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.fi-body.fi-panel-business .ka-level .ka-meter { flex: 1; min-width: 160px; }

.fi-body.fi-panel-business .ka-level__big {
    font-size: 22px;
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .ka-plus { color: var(--ok-ink); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .ka-minus { color: var(--danger-ink); font-weight: var(--fw-bold); }

.fi-body.fi-panel-business .ka-card ~ .ka-card,
.fi-body.fi-panel-business .ka-card + .ka-empty,
.fi-body.fi-panel-business .ka-empty + .ka-card { margin-top: 14px; }

.fi-body.fi-panel-business .ka-audio {
    display: block;
    width: 100%;
    margin-top: var(--s3);
}

.fi-body.fi-panel-business .kqp { position: relative; display: inline-grid; flex: none; place-items: center; width: 48px; height: 48px; }
.fi-body.fi-panel-business .kqp__ring { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); pointer-events: none; }
.fi-body.fi-panel-business .kqp__track { fill: none; stroke: var(--fill); stroke-width: 3; }
.fi-body.fi-panel-business .kqp__arc {
    fill: none;
    stroke: var(--accent);
    stroke-width: 3;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 0.3s linear;
}
.fi-body.fi-panel-business .kqp__btn { display: inline-grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: var(--r-full); background-color: var(--label); color: var(--bg); cursor: pointer; }
.fi-body.fi-panel-business .kqp__btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.fi-body.fi-panel-business .kqp__icon { width: 16px; height: 16px; }
@media (prefers-reduced-motion: reduce) {
    .fi-body.fi-panel-business .kqp__arc { transition: none; }
}

.fi-body.fi-panel-business .kqp--sm { width: 36px; height: 36px; }
.fi-body.fi-panel-business .kqp--sm .kqp__btn { width: 28px; height: 28px; }
.fi-body.fi-panel-business .kqp--sm .kqp__icon { width: 12px; height: 12px; }
.fi-body.fi-panel-business .kqp__btn:disabled { opacity: 0.4; cursor: default; }
.fi-body.fi-panel-business .kqp--live .kqp__track { stroke: var(--accent); animation: kqp-breathe 1.6s ease-in-out infinite; }
.fi-body.fi-panel-business .kqp-live { display: inline-flex; align-items: center; gap: var(--s2); color: var(--accent); font-size: var(--fs-caption-1); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
.fi-body.fi-panel-business .kqp-live__dot { width: 8px; height: 8px; border-radius: var(--r-full); background-color: var(--accent); animation: kqp-breathe 1.6s ease-in-out infinite; }
@keyframes kqp-breathe { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: reduce) {
    .fi-body.fi-panel-business .kqp--live .kqp__track,
    .fi-body.fi-panel-business .kqp-live__dot { animation: none; }
}
.fi-body.fi-panel-business .kls__row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); }
.fi-body.fi-panel-business .kls__copy { display: inline-flex; align-items: center; gap: var(--s2); }
.fi-body.fi-panel-business .kls__name { display: flex; align-items: center; gap: var(--s3); }
.fi-body.fi-panel-business .kls__manual { width: 100%; margin-top: var(--s2); padding: var(--s2) var(--s3); border: 1px solid var(--separator-opaque); border-radius: var(--r-sm); background-color: var(--fill); color: var(--label); font-family: ui-monospace, monospace; font-size: var(--fs-caption-1); }

.fi-body.fi-panel-business .kmse {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kmse-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--s4);
}

.fi-body.fi-panel-business .kmse-title {
    font-size: var(--fs-subhead);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kmse-muted {
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kmse-alert {
    color: var(--danger-ink);
    border: 1px solid var(--danger-ink);
    border-radius: var(--r-xs);
    padding: var(--s3);
    list-style: none;
}

.fi-body.fi-panel-business .kmse-field {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    max-width: 420px;
}

.fi-body.fi-panel-business .kmse select,
.fi-body.fi-panel-business .kmse input[type="time"],
.fi-body.fi-panel-business .kmse input[x-kuppio-time] {
    border: 1px solid var(--separator);
    border-radius: var(--r-xs);
    padding: var(--s2) var(--s3);
    background: var(--bg-grouped-secondary);
    color: var(--label);
}

.fi-body.fi-panel-business .kmse-part {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    padding: var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .kmse-day {
    display: inline-flex;
    align-items: center;
    gap: var(--s1);
}

.fi-body.fi-panel-business .kmse-remove {
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .kmse-week {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: var(--s1) var(--s3);
    align-items: center;
}

.fi-body.fi-panel-business .kmse-track {
    position: relative;
    height: 24px;
    border-radius: var(--r-xxs);
    background: var(--fill-tertiary);
    overflow: hidden;
}

.fi-body.fi-panel-business .kmse-track--conflict {
    outline: 2px solid var(--danger-ink);
}

.fi-body.fi-panel-business .kmse-base {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    padding-left: var(--s2);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kmse-seg {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 0 var(--s1);
    overflow: hidden;
    white-space: nowrap;
    background: var(--accent-fill-subtle);
    border: 1px solid var(--accent);
    border-radius: var(--r-xxs);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kmse-hours {
    display: flex;
    justify-content: space-between;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kmse-actions {
    display: flex;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kmse-parts {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ka-adtile-html {
    background-color: var(--blue);
}

.fi-body.fi-panel-business .ka-table {
    width: 100%;
    border-collapse: collapse;
    text-align: start;
}

.fi-body.fi-panel-business .ka-table > thead > tr {
    background-color: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .ka-table th {
    padding: 10px var(--s4);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-bold);
    line-height: 1.45;
    letter-spacing: 0.04em;
    text-align: start;
    text-transform: uppercase;
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-table td {
    padding: 11px var(--s4);
    color: var(--label);
    font-size: var(--fs-footnote);
    line-height: 1.45;
    vertical-align: top;
}

.fi-body.fi-panel-business .ka-table > tbody > tr + tr > td {
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .ka-table > thead + tbody > tr:first-child > td {
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .ka-table > tbody > tr:hover > td {
    background-color: var(--fill-quaternary);
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-header-ctn {
    gap: var(--s3);
    padding: var(--s4) var(--s5);
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-header-ctn > .fi-ta-header-toolbar {
    flex: 0 1 auto;
    padding: 0;
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-header-ctn > .fi-ta-filters-above-content-ctn,
.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters,
.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters > .fi-fo-component-ctn {
    display: contents;
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters > .fi-fo-component-ctn > * {
    order: 2;
    flex: 0 0 auto;
    width: auto;
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters > div:first-child {
    order: 3;
    flex: 0 0 auto;
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters > div:first-child .fi-link span {
    color: var(--label-secondary);
    font-size: 12.5px;
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters .fi-fo-select .fi-input-wrp-input,
.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters .fi-fo-select .fi-select-input { min-width: 0; }

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters .ka-frange {
    display: flex;
    align-items: center;
    height: 34px;
    padding: 0 var(--s3);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters .ka-frange .fi-fo-component-ctn {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--s2);
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters .ka-frange__name {
    color: var(--label);
    font-size: 12.5px;
    font-weight: var(--fw-medium);
    white-space: nowrap;
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters .ka-frange__name small {
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters .ka-frange .fi-input-wrp.fi-input-wrp {
    width: 72px;
    min-width: 0;
    min-height: 26px;
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters .ka-frange .fi-input {
    padding-block: 2px;
    font-size: 12.5px;
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters .ka-frange__to {
    display: flex;
    align-items: center;
    gap: var(--s2);
}

.fi-body.fi-panel-business .fi-resource-customers .fi-ta-filters .ka-frange__to::before {
    content: '–';
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .ka-fchip--box { cursor: pointer; }

.fi-body.fi-panel-business .ka-fchip--box > div,
.fi-body.fi-panel-business .ka-fchip--box > div > div { display: flex; align-items: center; row-gap: 0; }

.fi-body.fi-panel-business .ka-fchip--box span {
    color: var(--label);
    font-size: 12.5px;
    font-weight: var(--fw-medium);
    line-height: normal;
}

.fi-body.fi-panel-business .ka-fchip--box:has(input:checked) {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
}

.fi-body.fi-panel-business .ka-fchip__sel.ka-fchip__sel {
    padding: 0 var(--s5) 0 0;
    background-image: none;
    box-shadow: none;
}

.fi-body.fi-panel-business .ka-fopt { display: block; }

.fi-body.fi-panel-business .ka-fopt--company { font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .ka-fopt--shop { padding-left: var(--s5); }

.fi-body.fi-panel-business .ka-fopt--none {
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .ka-fopt__kind { display: none; }

.fi-body.fi-panel-business .choices__list--single .ka-fopt {
    display: inline;
    padding-left: 0;
    font-weight: inherit;
}

.fi-body.fi-panel-business .choices__list--single .ka-fopt__kind { display: inline; }

.fi-body.fi-panel-business .fi-ta-filters .ka-fpick,
.fi-body.fi-panel-business .ka-fpickbox { min-width: 220px; }

.fi-body.fi-panel-business .ka-fpickbox .fi-input-wrp.fi-input-wrp { min-height: 34px; }

.fi-body.fi-panel-business .ka-fpickbox .fi-select-input,
.fi-body.fi-panel-business .ka-fpickbox .choices__inner { font-size: 12.5px; }

.fi-body.fi-panel-business .ka-fpickbox--on .fi-input-wrp.fi-input-wrp {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
}

.fi-body.fi-panel-business .krange {
    position: relative;
    display: inline-flex;
    max-width: 100%;
}

.fi-body.fi-panel-business .krange__box {
    display: inline-flex;
    align-items: stretch;
    height: 34px;
    max-width: 100%;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .krange--on .krange__box,
.fi-body.fi-panel-business .krange--open .krange__box {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
}

.fi-body.fi-panel-business .krange__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    padding: 0 11px;
    border-radius: var(--r-xs);
    color: var(--label);
    font-size: 12.5px;
    font-weight: var(--fw-medium);
    white-space: nowrap;
}

.fi-body.fi-panel-business .krange--on .krange__chip {
    color: var(--accent-ink);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .krange__text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.fi-body.fi-panel-business .krange__ico {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .krange--on .krange__ico {
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .krange__clear {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 28px;
    border-inline-start: 1px solid var(--separator);
    border-radius: 0 var(--r-xs) var(--r-xs) 0;
}

.fi-body.fi-panel-business .krange__clear:hover,
.fi-body.fi-panel-business .krange__step:hover,
.fi-body.fi-panel-business .krange__q:hover,
.fi-body.fi-panel-business .krange__day:hover {
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .krange__chip:focus-visible,
.fi-body.fi-panel-business .krange__clear:focus-visible,
.fi-body.fi-panel-business .krange__step:focus-visible,
.fi-body.fi-panel-business .krange__q:focus-visible,
.fi-body.fi-panel-business .krange__day:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.fi-body.fi-panel-business .krange__pop {
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    box-sizing: border-box;
    max-width: calc(100vw - var(--s5));
    max-height: calc(100vh - var(--s5));
    overflow: auto;
    padding: var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-float);
}

.fi-body.fi-panel-business .krange__quick {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
}

.fi-body.fi-panel-business .krange__q {
    min-height: 30px;
    padding: 0 var(--s3);
    border-radius: var(--r-xs);
    color: var(--label);
    font-size: 12.5px;
    font-weight: var(--fw-medium);
    text-align: start;
    white-space: nowrap;
}

.fi-body.fi-panel-business .krange__cal {
    min-width: 0;
}

.fi-body.fi-panel-business .krange__month {
    flex: 0 0 auto;
}

.fi-body.fi-panel-business .krange__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
}

.fi-body.fi-panel-business .krange__hint {
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .krange__step {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .krange__step .krange__ico {
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .krange__months {
    display: flex;
    align-items: flex-start;
    gap: var(--s6);
}

.fi-body.fi-panel-business .krange__title {
    padding: var(--s2) 0 var(--s3);
    color: var(--label);
    font-size: 13px;
    font-weight: var(--fw-semibold);
    text-align: center;
}

.fi-body.fi-panel-business .krange__title::first-letter {
    text-transform: uppercase;
}

.fi-body.fi-panel-business .krange__grid {
    display: grid;
    grid-template-columns: repeat(7, 32px);
}

.fi-body.fi-panel-business .krange__wd {
    display: grid;
    place-items: center;
    height: 24px;
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
}

.fi-body.fi-panel-business .krange__day {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--r-xs);
    color: var(--label);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .krange__day--blank {
    visibility: hidden;
}

.fi-body.fi-panel-business .krange__day--today {
    font-weight: var(--fw-bold);
    box-shadow: inset 0 0 0 1px var(--separator-opaque);
}

.fi-body.fi-panel-business .krange__day--in {
    border-radius: 0;
    background-color: var(--accent-fill-subtle);
    box-shadow: none;
}

.fi-body.fi-panel-business .krange__day--edge,
.fi-body.fi-panel-business .krange__day--edge:hover {
    background-color: var(--accent);
    color: var(--on-accent);
    font-weight: var(--fw-semibold);
    box-shadow: none;
}

.fi-body.fi-panel-business .krange__day--start {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.fi-body.fi-panel-business .krange__day--end {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

.fi-body.fi-panel-business .fi-ta-filters .fi-fo-component-ctn > div:has(> .fi-fo-hidden) {
    display: none;
}

@media (min-width: 768px) {
    .fi-body.fi-panel-business .krange__pop {
        flex-direction: row;
        gap: var(--s5);
    }

    .fi-body.fi-panel-business .krange__quick {
        flex-direction: column;
        flex-wrap: nowrap;
        min-width: 132px;
        padding-inline-end: var(--s4);
        border-inline-end: 1px solid var(--separator);
    }
}

.fi-body.fi-panel-business .kphone-box {
    position: relative;
}

.fi-body.fi-panel-business .kphone-box > .fi-input-wrp-input {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    min-width: 0;
}

.fi-body.fi-panel-business .kphone-part {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.fi-body.fi-panel-business .kphone-part--prefix {
    flex: 0 0 auto;
    border-inline-end: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kphone-part--number {
    flex: 1 1 0;
}

.fi-body.fi-panel-business .kphone-part .fi-input-wrp.fi-input-wrp,
.fi-body.fi-panel-business .kphone-part .fi-input-wrp.fi-input-wrp:focus-within,
.fi-body.fi-panel-business .kphone-part .fi-input-wrp.fi-input-wrp.fi-invalid,
.fi-body.fi-panel-business .kphone-part .fi-input-wrp.fi-input-wrp.fi-disabled {
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    min-height: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}

.fi-body.fi-panel-business .kphone-part--prefix .choices {
    position: static;
}

.fi-body.fi-panel-business .kphone-part--prefix .choices__inner {
    position: relative;
    
    padding-block: 5px;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kphone-part--prefix .choices__list--dropdown {
    min-width: 220px;
}

.fi-body.fi-panel-business .kphone-opt {
    display: inline-flex;
    align-items: baseline;
    gap: var(--s3);
    min-width: 0;
}

.fi-body.fi-panel-business .kphone-opt__code {
    font-variant-numeric: tabular-nums;
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .kphone-opt__name {
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .choices__list--single .kphone-opt__name {
    display: none;
}

.fi-body.fi-panel-business .choices__list--single .kphone-opt {
    gap: var(--s2);
}

.fi-body.fi-panel-business .kimp-strip { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); margin-bottom: 14px; }
.fi-body.fi-panel-business .kimp-strip__manage { margin-left: auto; font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kimp-dl {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    padding: 5px 12px;
    border: 1px solid var(--separator);
    border-radius: var(--r-full);
    background-color: var(--bg-grouped-secondary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kimp-dl b { color: var(--label); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kimp-dl__dot { width: 8px; height: 8px; border-radius: var(--r-full); background-color: var(--label-tertiary); }
.fi-body.fi-panel-business .kimp-dl__svg { width: 14px; height: 14px; }
.fi-body.fi-panel-business .kimp-dl--ok .kimp-dl__dot { background-color: var(--ok-solid); }
.fi-body.fi-panel-business .kimp-dl--bad .kimp-dl__dot { background-color: var(--danger-solid); }
.fi-body.fi-panel-business .kimp-dl--bad b { color: var(--danger-ink); }
.fi-body.fi-panel-business .kimp-dl--warn .kimp-dl__dot { background-color: var(--warn-solid); }
.fi-body.fi-panel-business .kimp-dl--warn b { color: var(--warn-ink); }

.fi-body.fi-panel-business .kimp-mono { font-family: var(--ka-mono); font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kimp-gap { margin-top: 10px; }
.fi-body.fi-panel-business .kimp-hint { margin-top: var(--s3); color: var(--label-secondary); font-size: var(--fs-caption-1); }

.fi-body.fi-panel-business .kimp-paste {
    display: block;
    width: 100%;
    padding: var(--s3) var(--s4);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label);
    font-family: var(--ka-mono);
    font-size: var(--fs-footnote);
    line-height: 1.7;
    resize: vertical;
}

.fi-body.fi-panel-business .kimp-paste:focus { outline: 2px solid var(--accent); outline-offset: -1px; }

.fi-body.fi-panel-business .kimp-lines { margin-top: var(--s3); }

.fi-body.fi-panel-business .kimp-line {
    display: flex;
    align-items: baseline;
    gap: var(--s3);
    padding: 3px var(--s4);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kimp-line__no { width: 20px; color: var(--label-tertiary); font-family: var(--ka-mono); text-align: right; }
.fi-body.fi-panel-business .kimp-line__text { min-width: 0; flex: 1; overflow: hidden; font-family: var(--ka-mono); text-overflow: ellipsis; white-space: nowrap; }
.fi-body.fi-panel-business .kimp-line__kind { color: var(--label-secondary); font-size: var(--fs-caption-1); white-space: nowrap; }
.fi-body.fi-panel-business .kimp-line--bad .kimp-line__kind { color: var(--danger-ink); font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kimp-name { display: block; margin-top: 14px; }
.fi-body.fi-panel-business .kimp-name__label { display: block; margin-bottom: var(--s2); font-weight: 600; }
.fi-body.fi-panel-business .kimp-name input {
    width: 100%; max-width: 480px; padding: 8px 12px; border: 1px solid var(--separator); border-radius: var(--r-md);
    background-color: var(--bg-grouped-tertiary); color: var(--label); font: inherit;
}
.fi-body.fi-panel-business .kimp-name input:focus { outline: 2px solid var(--accent); outline-offset: -1px; }
.fi-body.fi-panel-business .kimp-genre { margin-top: 14px; }
.fi-body.fi-panel-business .kimp-genre legend { margin-bottom: var(--s2); font-size: var(--fs-footnote); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kimp-genre__opt { color: var(--label-secondary); font-weight: var(--fw-regular); }

.fi-body.fi-panel-business .kimp-foot { display: flex; width: 100%; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s3); }
.fi-body.fi-panel-business .kimp-foot__act { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); }

.fi-body.fi-panel-business .kimp-col-progress { width: 34%; }
.fi-body.fi-panel-business .kimp-col-no { width: 30px; }

.fi-body.fi-panel-business .kimp-seg { display: flex; height: 8px; overflow: hidden; border-radius: var(--r-full); background-color: var(--fill-tertiary); }
.fi-body.fi-panel-business .kimp-seg > i { display: block; width: var(--ka-w); height: 100%; }
.fi-body.fi-panel-business .kimp-seg__i--ok { background-color: var(--ok-solid); }
.fi-body.fi-panel-business .kimp-seg__i--accent { background-color: var(--accent); }
.fi-body.fi-panel-business .kimp-seg__i--info { background-color: var(--info-solid); }
.fi-body.fi-panel-business .kimp-seg__i--warn { background-color: var(--warn-solid); }
.fi-body.fi-panel-business .kimp-seg__i--neutral { background-color: var(--neutral-solid); opacity: 0.55; }
.fi-body.fi-panel-business .kimp-seg__i--danger { background-color: var(--danger-solid); }
.fi-body.fi-panel-business .kimp-keys { display: flex; flex-wrap: wrap; gap: 2px var(--s4); margin-top: 6px; color: var(--label-secondary); font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kimp-keys > span { display: inline-flex; align-items: center; gap: 5px; }
.fi-body.fi-panel-business .kimp-seg__dot { display: inline-block; width: 8px; height: 8px; border-radius: var(--r-full); }

.fi-body.fi-panel-business .kimp-rows-search { max-width: 360px; margin: 14px 0; }
.fi-body.fi-panel-business .kimp-rows-pager { display: inline-flex; align-items: center; gap: 8px; }
.fi-body.fi-panel-business .kimp-lede { margin-bottom: 14px; color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kimp-lede__svg { display: inline; width: 12px; height: 12px; vertical-align: -2px; }

.fi-body.fi-panel-business .kimp-vid { display: flex; align-items: center; gap: var(--s3); min-width: 0; }
.fi-body.fi-panel-business .kimp-vid__t { font-weight: var(--fw-medium); overflow-wrap: anywhere; }
.fi-body.fi-panel-business .kimp-vid__thumb {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 36px;
    border-radius: var(--r-sm);
    background-color: var(--fill-tertiary);
    color: var(--label-tertiary);
}
.fi-body.fi-panel-business .kimp-vid__svg { width: 18px; height: 18px; }

.fi-body.fi-panel-business .kimp-vid__thumb--play { height: 48px; background-color: transparent; }

.fi-body.fi-panel-business .kimp-stepcell { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s3); }
.fi-body.fi-panel-business .kimp-steps { display: inline-flex; gap: 3px; }
.fi-body.fi-panel-business .kimp-steps__i { display: block; width: 14px; height: 5px; border-radius: var(--r-full); background-color: var(--fill-tertiary); }
.fi-body.fi-panel-business .kimp-steps__i--done { background-color: var(--ok-solid); }
.fi-body.fi-panel-business .kimp-steps__i--now { background-color: var(--accent); }
.fi-body.fi-panel-business .kimp-steps__i--idle { background-color: var(--label-tertiary); }
.fi-body.fi-panel-business .kimp-steps__i--hold { background-color: var(--warn-solid); }
.fi-body.fi-panel-business .kimp-steps__i--fail { background-color: var(--danger-solid); }

.fi-body.fi-panel-business .kimp-why { display: block; flex-basis: 100%; color: var(--label-secondary); font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kimp-why--warn { color: var(--warn-ink); }
.fi-body.fi-panel-business .kimp-why--red { color: var(--danger-ink); }
.fi-body.fi-panel-business .kimp-via { display: inline-flex; align-items: center; gap: 5px; color: var(--label-secondary); font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kimp-via__svg { width: 14px; height: 14px; }
.fi-body.fi-panel-business .kimp-spin { display: inline-block; width: 10px; height: 10px; margin-right: 5px; vertical-align: -1px; }

.fi-body.fi-panel-business .kimp-home__act { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s3); }
.fi-body.fi-panel-business .kimp-link { background: none; border: 0; padding: 0 var(--s2) 0 0; color: var(--accent-ink); font-size: var(--fs-footnote); cursor: pointer; }
.fi-body.fi-panel-business .kimp-link:hover { text-decoration: underline; }
.fi-body.fi-panel-business .kimp-link--danger { color: var(--danger-ink); }
.fi-body.fi-panel-business .kimp-link:disabled { opacity: .5; cursor: default; }
.fi-body.fi-panel-business .kimp-dl-row--revoked td { color: var(--label-secondary); }
.fi-body.fi-panel-business .kimp-token { display: flex; align-items: center; gap: var(--s3); margin-top: var(--s3); }
.fi-body.fi-panel-business .kimp-token__code { min-width: 0; flex: 1; padding: 6px 10px; border-radius: var(--r-sm); background-color: var(--bg-grouped-tertiary); font-family: var(--ka-mono); font-size: var(--fs-caption-1); overflow-wrap: anywhere; }

.fi-body.fi-panel-business .kmlab-a { color: var(--accent-ink); font-weight: var(--fw-semibold); text-decoration: none; }
.fi-body.fi-panel-business .kmlab-a:hover { text-decoration: underline; }
.fi-body.fi-panel-business .kmlab-none { color: var(--label-tertiary); }
.fi-body.fi-panel-business .kmlab-proc { color: var(--label-secondary); font-size: var(--fs-footnote); font-style: italic; }
.fi-body.fi-panel-business .kmlab-headpill { vertical-align: 4px; }
.fi-body.fi-panel-business .kmlab-lines { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }

.fi-body.fi-panel-business .kmlab-nrg { display: inline-flex; align-items: center; gap: 7px; font-size: var(--fs-footnote); font-weight: var(--fw-medium); white-space: nowrap; }
.fi-body.fi-panel-business .kmlab-nrg__m { display: inline-flex; align-items: flex-end; gap: 2px; height: 13px; }
.fi-body.fi-panel-business .kmlab-nrg__m > i { display: block; width: 4px; border-radius: 1px; background-color: var(--fill-tertiary); }
.fi-body.fi-panel-business .kmlab-nrg__m > i:nth-child(1) { height: 5px; }
.fi-body.fi-panel-business .kmlab-nrg__m > i:nth-child(2) { height: 7px; }
.fi-body.fi-panel-business .kmlab-nrg__m > i:nth-child(3) { height: 9px; }
.fi-body.fi-panel-business .kmlab-nrg__m > i:nth-child(4) { height: 11px; }
.fi-body.fi-panel-business .kmlab-nrg__m > i:nth-child(5) { height: 13px; }
.fi-body.fi-panel-business .kmlab-nrg__m > i.kmlab-nrg__on { background-color: var(--accent); }

.fi-body.fi-panel-business .kmlab-head { display: flex; align-items: center; justify-content: flex-end; gap: var(--s3); margin-bottom: var(--s3); }
.fi-body.fi-panel-business .kmlab-field + .kmlab-field { margin-top: var(--s5); }
.fi-body.fi-panel-business .kmlab-lr { display: flex; align-items: center; gap: var(--s2); margin-bottom: var(--s2); font-size: var(--fs-footnote); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kmlab-lr > .kmlab-mk,
.fi-body.fi-panel-business .kmlab-lr > .kmlab-who { margin-left: auto; }
.fi-body.fi-panel-business .kmlab-lr__n { color: var(--label-secondary); font-weight: var(--fw-regular); }
.fi-body.fi-panel-business .kmlab-hint { margin-top: var(--s2); color: var(--label-tertiary); font-size: var(--fs-caption-1); }

.fi-body.fi-panel-business .kmlab-seg5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2px; padding: 3px; border-radius: var(--r-xs); background-color: var(--fill-tertiary); }
.fi-body.fi-panel-business .kmlab-seg5__i {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 var(--s1);
    border: 0;
    border-radius: 6px;
    background: none;
    color: var(--label-secondary);
    font: inherit;
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}
.fi-body.fi-panel-business .kmlab-seg5__i .kmlab-nrg { flex-direction: column; gap: 4px; font-size: var(--fs-caption-1); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kmlab-seg5__i--on { background-color: var(--seg-raised); color: var(--accent-ink); box-shadow: 0 1px 2px color-mix(in srgb, var(--label) 12%, transparent); }
.fi-body.fi-panel-business .kmlab-seg5__i:disabled { cursor: default; opacity: 0.6; }

.fi-body.fi-panel-business .kmlab-picks { display: flex; flex-wrap: wrap; gap: 6px; }
.fi-body.fi-panel-business .kmlab-pick {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 28px;
    padding: 0 11px 0 9px;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-full);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font: inherit;
    font-size: var(--fs-footnote);
    font-weight: var(--fw-medium);
    white-space: nowrap;
    cursor: pointer;
}
.fi-body.fi-panel-business .kmlab-pick--on { border-color: var(--accent); background-color: var(--accent-fill-subtle); color: var(--accent-ink); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .kmlab-pick--dim { opacity: 0.42; cursor: default; }
.fi-body.fi-panel-business .kmlab-pick:disabled { cursor: default; }
.fi-body.fi-panel-business .kmlab-dot { display: inline-block; flex: none; width: 8px; height: 8px; border-radius: var(--r-full); }

.fi-body.fi-panel-business .kmlab-ln { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kmlab-field > .kmlab-lines { margin-top: var(--s2); }

.fi-body.fi-panel-business .kmlab-facts { display: grid; gap: var(--s3); }
.fi-body.fi-panel-business .kmlab-yearcheck { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); font-size: var(--fs-caption-1); color: var(--label-secondary); }
.fi-body.fi-panel-business .kmlab-yearcheck__t { flex: 1 1 16rem; }
.fi-body.fi-panel-business .kmlab-facts-list { display: grid; gap: var(--s2); margin: 0; }
.fi-body.fi-panel-business .kmlab-facts-list__row { display: grid; grid-template-columns: 9rem 1fr; gap: var(--s3); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kmlab-facts-list__row dt { color: var(--label-secondary); }
.fi-body.fi-panel-business .kmlab-facts-list__row dd { margin: 0; overflow-wrap: anywhere; }

.fi-body.fi-panel-business .kmlab-mk {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 18px;
    padding: 0 6px;
    border-radius: 5px;
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: 10.5px;
    font-weight: var(--fw-bold);
    letter-spacing: 0.02em;
    white-space: nowrap;
}
.fi-body.fi-panel-business .kmlab-mk__svg { width: 11px; height: 11px; }
.fi-body.fi-panel-business .kmlab-who { font-size: var(--fs-caption-1); font-weight: var(--fw-regular); }

.fi-body.fi-panel-business .kmlab-ok { display: inline-flex; align-items: center; gap: 6px; color: var(--ok-ink); font-size: var(--fs-footnote); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kmlab-ok__icon { width: 16px; height: 16px; }
.fi-body.fi-panel-business .kmlab-flag {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid color-mix(in srgb, var(--warn-ink) 35%, transparent);
    border-radius: var(--r-xs);
    background-color: color-mix(in srgb, var(--warn-ink) 8%, transparent);
    font-size: var(--fs-footnote);
    line-height: 1.5;
}
.fi-body.fi-panel-business .kmlab-flag + .kmlab-flag { margin-top: 10px; }
.fi-body.fi-panel-business .kmlab-flag__icon { flex: none; width: 16px; height: 16px; margin-top: 2px; color: var(--warn-ink); }
.fi-body.fi-panel-business .kmlab-flag__t { color: var(--warn-ink); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .kmlab-flag__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; }
.fi-body.fi-panel-business .kmlab-flag__cmp { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.fi-body.fi-panel-business .kmlab-flag__cmp > div { padding: 8px 10px; border: 1px solid var(--separator-opaque); border-radius: var(--r-xs); background-color: var(--bg-grouped-secondary); }
.fi-body.fi-panel-business .kmlab-flag__h { margin-bottom: 5px; color: var(--label-tertiary); font-size: var(--fs-caption-2); }

.fi-body.fi-panel-business .kmwav { --kmw-in: 0%; --kmw-out: 0%; --kmw-head: 0%; --kmw-rest: 100%; }
.fi-body.fi-panel-business .kmwav__player { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 10px; }
.fi-body.fi-panel-business .kmwav__pb { display: inline-grid; flex: none; place-items: center; width: 36px; height: 36px; border: 0; border-radius: var(--r-full); background-color: var(--accent); color: var(--on-accent); cursor: pointer; }
.fi-body.fi-panel-business .kmwav__pb-svg { width: 14px; height: 14px; }
.fi-body.fi-panel-business .kmwav__t { color: var(--label-secondary); font-family: var(--ka-mono); font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kmwav__sp { flex: 1; }
.fi-body.fi-panel-business .kmwav__wave {
    position: relative;
    height: 104px;
    overflow: hidden;
    border: 1px solid var(--separator);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-tertiary);
    cursor: pointer;
    touch-action: none;
}
.fi-body.fi-panel-business .kmwav__svg { position: absolute; top: 8px; left: 0; width: 100%; height: calc(100% - 16px); }
.fi-body.fi-panel-business .kmwav__bar { fill: var(--label-tertiary); opacity: 0.5; }
.fi-body.fi-panel-business .kmwav__svg--played { clip-path: inset(0 var(--kmw-rest) 0 0); }
.fi-body.fi-panel-business .kmwav__bar--played { fill: var(--accent); opacity: 1; }
.fi-body.fi-panel-business .kmwav__err { margin: 0 0 var(--s2); color: var(--danger-ink); font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kmwav__none { position: absolute; inset: 0; display: grid; place-items: center; padding: 0 var(--s4); color: var(--label-secondary); font-size: var(--fs-caption-1); text-align: center; }
.fi-body.fi-panel-business .kmwav__cut {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: color-mix(in srgb, var(--bg-grouped-secondary) 55%, transparent);
    background-image: repeating-linear-gradient(135deg, color-mix(in srgb, var(--label-tertiary) 22%, transparent) 0 4px, transparent 4px 9px);
}
.fi-body.fi-panel-business .kmwav__cut--in { left: 0; width: var(--kmw-in); }
.fi-body.fi-panel-business .kmwav__cut--out { right: 0; width: var(--kmw-out); }
.fi-body.fi-panel-business .kmwav__talk {
    position: absolute;
    top: 0;
    bottom: 0;
    --kmw-talk-from: 0%;
    --kmw-talk-to: 100%;
    left: var(--kmw-talk-from);
    right: var(--kmw-talk-to);
    border-bottom: 4px solid var(--warn-solid);
    background-color: color-mix(in srgb, var(--warn-ink) 14%, transparent);
}
.fi-body.fi-panel-business .kmwav__talk > span { position: absolute; top: 6px; left: 20px; color: var(--warn-ink); font-size: 10.5px; font-weight: var(--fw-bold); letter-spacing: 0.02em; white-space: nowrap; }
.fi-body.fi-panel-business .kmwav__cue { position: absolute; top: 0; bottom: 0; z-index: 2; width: 2px; background-color: var(--accent); cursor: ew-resize; }
.fi-body.fi-panel-business .kmwav__cue--in { left: var(--kmw-in); }
.fi-body.fi-panel-business .kmwav__cue--out { right: var(--kmw-out); }
.fi-body.fi-panel-business .kmwav__cue:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
.fi-body.fi-panel-business .kmwav__cue > b { position: absolute; top: 0; display: grid; place-items: center; width: 14px; height: 22px; border-radius: 3px; background-color: var(--accent); }
.fi-body.fi-panel-business .kmwav__cue > b::after { content: ''; width: 4px; height: 10px; border-right: 1.5px solid var(--on-accent); border-left: 1.5px solid var(--on-accent); }
.fi-body.fi-panel-business .kmwav__cue--in > b { left: 0; border-top-left-radius: 0; }
.fi-body.fi-panel-business .kmwav__cue--out > b { right: 0; border-top-right-radius: 0; }
.fi-body.fi-panel-business .kmwav__cue > em {
    position: absolute;
    bottom: 4px;
    padding: 1px 5px;
    border-radius: 4px;
    background-color: var(--bg-grouped-secondary);
    color: var(--accent-ink);
    font-family: var(--ka-mono);
    font-size: 10px;
    font-style: normal;
    font-weight: var(--fw-bold);
    white-space: nowrap;
}
.fi-body.fi-panel-business .kmwav__cue--in > em { left: 5px; }
.fi-body.fi-panel-business .kmwav__cue--out > em { right: 5px; }
.fi-body.fi-panel-business .kmwav__head { position: absolute; top: 0; bottom: 0; left: var(--kmw-head); z-index: 2; width: 1.5px; background-color: var(--label); pointer-events: none; }
.fi-body.fi-panel-business .kmwav__axis { display: flex; justify-content: space-between; margin-top: 4px; padding: 0 2px; color: var(--label-tertiary); font-family: var(--ka-mono); font-size: 10px; }
.fi-body.fi-panel-business .kmwav__cues { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 12px; }
.fi-body.fi-panel-business .kmwav__lbl { display: block; margin-bottom: var(--s1); font-size: var(--fs-footnote); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kmwav__inp { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); min-height: 36px; padding: 0 var(--s4); border: 1px solid var(--separator-opaque); border-radius: var(--r-sm); background-color: var(--bg-grouped-secondary); }
.fi-body.fi-panel-business .kmwav__mono { font-family: var(--ka-mono); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kmlab-lock { display: inline-flex; align-items: center; gap: 4px; margin-left: 6px; vertical-align: 1px; }
.fi-body.fi-panel-business .kmlab-lock__svg { width: 11px; height: 11px; }
.fi-body.fi-panel-business .kmlab-internal { margin-left: 6px; vertical-align: 1px; }.fi-body.fi-panel-business .kmlab-rename__lede { margin-bottom: var(--s4); color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kmlab-rename__songs { color: var(--label-secondary); font-family: var(--ka-mono); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .ka-daybars {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
    align-items: end;
    height: 96px;
    padding: 0 2px;
}

.fi-body.fi-panel-business .ka-daybars > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    gap: 4px;
}

.fi-body.fi-panel-business .ka-daybars b {
    font-family: var(--ka-mono);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ka-daybars__bar {
    display: block;
    width: 100%;
    max-width: 30px;
    border-radius: 4px 4px 2px 2px;
    background: color-mix(in srgb, var(--accent) 45%, transparent);
}

.fi-body.fi-panel-business .ka-daybars__bar--top { background: var(--accent); }

.fi-body.fi-panel-business .ka-daybars__labels {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
    margin-top: 6px;
    text-align: center;
    font-size: var(--fs-caption-2);
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kss-row--warn > td { background-color: color-mix(in srgb, var(--warn-ink) 8%, transparent); }
.fi-body.fi-panel-business .kss-disk { display: flex; flex-direction: column; gap: 4px; min-width: 200px; }
.fi-body.fi-panel-business .kss-disk--stale { font-style: italic; }
.fi-body.fi-panel-business .kss-disk--stale .ka-meter__fill { background-color: var(--label-tertiary); }
.fi-body.fi-panel-business .kss-meter--warn .ka-meter__fill { background-color: var(--warn-ink); }
.fi-body.fi-panel-business .kss-warn-ink { color: var(--warn-ink); font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kss-secret,
.fi-body.fi-panel-business .kss-cmd { display: flex; align-items: center; gap: var(--s3); margin-top: var(--s2); }
.fi-body.fi-panel-business .kss-secret__k,
.fi-body.fi-panel-business .kss-cmd__k { flex: 0 0 150px; color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kss-secret__v,
.fi-body.fi-panel-business .kss-cmd__v { min-width: 0; flex: 1; padding: 6px 10px; border-radius: var(--r-sm); background-color: var(--bg-grouped-tertiary); font-family: var(--ka-mono); font-size: var(--fs-caption-1); overflow-wrap: anywhere; user-select: all; }
.fi-body.fi-panel-business .kss-bucket { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: var(--r-full); background-color: var(--fill-tertiary); font-family: var(--ka-mono); font-size: var(--fs-footnote); opacity: .55; }
.fi-body.fi-panel-business .kss-bucket--on { opacity: 1; background-color: var(--accent-fill-subtle); color: var(--accent-ink); font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kss-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s3); }
.fi-body.fi-panel-business .kss-step { display: grid; grid-template-columns: 26px 1fr auto; gap: var(--s3); align-items: center; }
.fi-body.fi-panel-business .kss-step__ic { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: var(--r-full); background-color: var(--fill-tertiary); color: var(--label-secondary); font-size: var(--fs-caption-1); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .kss-step--now .kss-step__ic { background-color: var(--accent); color: var(--on-accent); }
.fi-body.fi-panel-business .kss-step--done .kss-step__ic { background-color: color-mix(in srgb, var(--ok-ink) 18%, transparent); color: var(--ok-ink); }

.fi-body.fi-panel-business .kss-chart { display: block; width: 100%; height: 140px; }
.fi-body.fi-panel-business .kss-chart__grid { stroke: var(--separator); stroke-width: 1; vector-effect: non-scaling-stroke; stroke-dasharray: 3 4; }
.fi-body.fi-panel-business .kss-chart__area { fill: var(--accent); fill-opacity: .12; stroke: none; }
.fi-body.fi-panel-business .kss-chart__line { fill: none; stroke: var(--accent); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.fi-body.fi-panel-business .kss-chart__ticks { display: flex; justify-content: space-between; margin-top: 4px; color: var(--label-tertiary); font-size: var(--fs-caption-2); }

.fi-body.fi-panel-business .kss-act { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); padding: var(--s3) 0; border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kss-act:first-child { border-top: 0; }
.fi-body.fi-panel-business .kss-act p { margin-top: 2px; color: var(--label-secondary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kmg-np { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--s4); }
.fi-body.fi-panel-business .kmg-np__title { font-size: var(--fs-headline); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kmg-np__artist { color: var(--label-secondary); }
.fi-body.fi-panel-business .kmg-np__skip { display: grid; gap: var(--s2); justify-items: end; text-align: right; max-width: 240px; }
.fi-body.fi-panel-business .kmg-prog { display: flex; align-items: center; gap: var(--s3); margin-top: var(--s4); }
.fi-body.fi-panel-business .kmg-prog__bar { flex: 1; height: 6px; border-radius: var(--r-full); background-color: var(--fill); overflow: hidden; }
.fi-body.fi-panel-business .kmg-prog__bar > i { display: block; height: 100%; background-color: var(--accent); transition: width 0.4s linear; }
.fi-body.fi-panel-business .kmg-search { display: grid; gap: var(--s2); padding: var(--s4); }
.fi-body.fi-panel-business .kmg-search__label { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s2); }
.fi-body.fi-panel-business .kmg-search__label span { color: var(--label-secondary); font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kmg-res { border: 1px solid var(--separator); border-radius: var(--r-sm); }
.fi-body.fi-panel-business .kmg-res > p { padding: var(--s3); }
.fi-body.fi-panel-business .kmg-res__row { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); padding: var(--s2) var(--s3); }
.fi-body.fi-panel-business .kmg-res__row + .kmg-res__row { border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kmg-res__btns { display: flex; flex-wrap: wrap; gap: var(--s2); justify-content: flex-end; }
.fi-body.fi-panel-business .kmg-hint { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s3); padding: var(--s3); border-radius: var(--r-sm); background-color: var(--fill); color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kmg-seg { display: inline-flex; padding: 2px; margin-bottom: var(--s3); border-radius: var(--r-sm); background-color: var(--fill); }
.fi-body.fi-panel-business .kmg-seg button { padding: var(--s1) var(--s4); border: 0; border-radius: var(--r-xs); background: transparent; color: var(--label-secondary); font-weight: var(--fw-semibold); cursor: pointer; }
.fi-body.fi-panel-business .kmg-seg button[aria-checked="true"] { background-color: var(--bg); color: var(--label); box-shadow: 0 1px 2px color-mix(in srgb, var(--label) 12%, transparent); }
.fi-body.fi-panel-business .kmg-seg button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
@media (prefers-reduced-motion: reduce) { .fi-body.fi-panel-business .kmg-prog__bar > i { transition: none; } }

.fi-body.fi-panel-business .klb { display: grid; gap: var(--s4); }
.fi-body.fi-panel-business .klb__lede { max-width: 72ch; }
.fi-body.fi-panel-business .klb__target { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s5); align-items: start; }
.fi-body.fi-panel-business .klb__label { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--s2); color: var(--label-tertiary); font-size: var(--fs-caption-1); font-weight: var(--fw-semibold); letter-spacing: 0.04em; text-transform: uppercase; }
.fi-body.fi-panel-business .klb__count { min-width: 17px; height: 17px; padding: 0 4px; border-radius: var(--r-full); background-color: var(--accent); color: var(--on-accent); display: grid; place-items: center; font-size: 10px; letter-spacing: 0; }
.fi-body.fi-panel-business .klb__chips { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.fi-body.fi-panel-business .klb__rule { font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .klb__custom { display: inline-flex; align-items: center; gap: var(--s2); margin-left: var(--s1); color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .klb__custom .fi-input-wrp { width: 7rem; }
.fi-body.fi-panel-business .klb-chip { display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 10px; border: 1px solid var(--separator); border-radius: var(--r-full); background: transparent; color: var(--label); font: inherit; font-size: var(--fs-caption-1); cursor: pointer; }
.fi-body.fi-panel-business .klb-chip:hover { border-color: var(--accent); }
.fi-body.fi-panel-business .klb-chip:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.fi-body.fi-panel-business .klb-chip.is-on { border-color: var(--accent); background-color: var(--fill); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .klb-chip--big { height: 34px; padding: 0 16px; font-size: var(--fs-footnote); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .klb-chip__x { border: 0; background: none; color: inherit; padding: 0 0 0 2px; cursor: pointer; font-size: 14px; line-height: 1; }
.fi-body.fi-panel-business .klb__grid { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: var(--s4); align-items: start; }
.fi-body.fi-panel-business .klb__group { padding: var(--s3) 0; border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .klb__group:first-of-type { border-top: 0; padding-top: 0; }
.fi-body.fi-panel-business .klb__years { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--s2); align-items: center; color: var(--label-tertiary); }
.fi-body.fi-panel-business .klb__artist { position: relative; margin-top: var(--s2); }
.fi-body.fi-panel-business .klb__sug { position: absolute; z-index: 5; left: 0; right: 0; top: calc(100% + 2px); display: grid; max-height: 190px; overflow: auto; border: 1px solid var(--separator); border-radius: var(--r-sm); background-color: var(--bg); box-shadow: var(--shadow-float); }
.fi-body.fi-panel-business .klb__sug button { padding: var(--s2) var(--s3); border: 0; background: transparent; color: var(--label); text-align: left; cursor: pointer; }
.fi-body.fi-panel-business .klb__sug button:hover, .fi-body.fi-panel-business .klb__sug button:focus-visible { background-color: var(--fill); }
.fi-body.fi-panel-business .klb__switch { display: flex; align-items: center; gap: var(--s2); font-size: var(--fs-footnote); font-weight: var(--fw-semibold); cursor: pointer; }
.fi-body.fi-panel-business .klb__cb { width: 36px; }
.fi-body.fi-panel-business .klb__cb input, .fi-body.fi-panel-business .klb__switch input { width: 15px; height: 15px; accent-color: var(--accent); cursor: pointer; }
.fi-body.fi-panel-business .klb__off td { color: var(--label-tertiary); }
.fi-body.fi-panel-business .klb__off td b { font-weight: var(--fw-regular); }
.fi-body.fi-panel-business .klb__error { padding: var(--s3) var(--s4); background-color: var(--fill); color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .klb__foot { position: sticky; bottom: 0; z-index: 6; display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3) var(--s5); padding: var(--s3) var(--s4); border: 1px solid var(--separator); border-radius: var(--r-sm); background-color: var(--bg); box-shadow: var(--shadow-dock); }
.fi-body.fi-panel-business .klb__tot { display: grid; gap: var(--s2); flex: 1 1 240px; max-width: 520px; font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .klb__tot b { font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .klb__bar { height: 8px; border-radius: var(--r-full); background-color: var(--fill); overflow: hidden; }
.fi-body.fi-panel-business .klb__bar > i { display: block; height: 100%; background-color: var(--accent); transition: width 0.25s ease; }
.fi-body.fi-panel-business .klb__bar.is-ok > i { background-color: var(--ok-solid); }
.fi-body.fi-panel-business .klb__gap { display: flex; align-items: center; gap: var(--s3); color: var(--warn-ink); font-size: var(--fs-footnote); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .klb__end { display: flex; gap: var(--s2); margin-left: auto; }
@media (max-width: 1040px) { .fi-body.fi-panel-business .klb__grid, .fi-body.fi-panel-business .klb__target { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .fi-body.fi-panel-business .klb__bar > i { transition: none; } }

.fi-body.fi-panel-business .ka-kind--warn {
    color: var(--warn-ink);
    border-color: color-mix(in srgb, var(--warn-ink) 40%, transparent);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ka-kind--danger {
    color: var(--danger-ink);
    border-color: color-mix(in srgb, var(--danger-ink) 40%, transparent);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ka-del-lede {
    max-width: 880px;
    margin: 0 0 var(--s5);
    color: var(--label-secondary);
    font-size: var(--fs-subhead);
    line-height: 1.5;
}

.fi-body.fi-panel-business .ka-del-lede b { color: var(--label); }

.fi-body.fi-panel-business .ka-del-stats { margin-bottom: var(--s5); }

.fi-body.fi-panel-business .ka-del-stats .ka-stat { cursor: pointer; }

.fi-body.fi-panel-business .ka-del-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 2px;
    border-radius: var(--r-full);
    background-color: var(--accent);
}

.fi-body.fi-panel-business .ka-del-dot--ok { background-color: var(--ok-solid); }
.fi-body.fi-panel-business .ka-del-dot--warn { background-color: var(--warn-solid); }

.fi-body.fi-panel-business .ka-del-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    padding: var(--s4);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .ka-del-search {
    display: inline-flex;
    flex: 0 1 300px;
    align-items: center;
    gap: var(--s2);
    height: 34px;
    padding: 0 var(--s3);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .ka-del-search input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--label);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ka-del-search svg { width: 16px; height: 16px; color: var(--label-tertiary); }

.fi-body.fi-panel-business .ka-del-bulk {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    padding: 10px var(--s4);
    border-bottom: 1px solid var(--separator);
    background-color: var(--accent-fill-subtle);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ka-del-bulk__sp { flex: 1; }
.fi-body.fi-panel-business .ka-del-muted { color: var(--label-tertiary); font-weight: var(--fw-regular); }

.fi-body.fi-panel-business .ka-del-cbx {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    accent-color: var(--accent);
    cursor: pointer;
}

.fi-body.fi-panel-business .ka-del-cbx:disabled { cursor: not-allowed; opacity: 0.45; }

.fi-body.fi-panel-business .ka-del-plink { color: inherit; text-decoration: none; }
.fi-body.fi-panel-business .ka-del-plink .ka-person__name { color: var(--label); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .ka-del-plink:hover .ka-person__name { color: var(--accent-ink); }

.fi-body.fi-panel-business .ka-del-wait { min-width: 200px; }

.fi-body.fi-panel-business .ka-del-wait__l {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
    margin-bottom: 6px;
}

.fi-body.fi-panel-business .ka-del-wait .ka-meter { min-width: 0; }
.fi-body.fi-panel-business .ka-del-wait .ka-meter__fill { background-color: var(--label-secondary); }
.fi-body.fi-panel-business .ka-del-wait--ready .ka-meter__fill { background-color: var(--ok-solid); }

.fi-body.fi-panel-business .ka-del-tags { display: flex; flex-wrap: wrap; gap: 6px; max-width: 240px; }

.fi-body.fi-panel-business .ka-del-foot {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--s3);
    width: 100%;
}

.fi-body.fi-panel-business .ka-del-foot b { color: var(--label); }

.fi-body.fi-panel-business .ka-del-pager { display: inline-flex; gap: var(--s3); }

.fi-body.fi-panel-business .ka-del-pager button {
    color: var(--accent-ink);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.fi-body.fi-panel-business .ka-del-logged {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2);
    margin: var(--s4) 0;
    color: var(--label-tertiary);
    font-size: 12.5px;
}

.fi-body.fi-panel-business .ka-del-logged svg { width: 14px; height: 14px; }
.fi-body.fi-panel-business .ka-del-logged a { color: var(--label-secondary); text-decoration: underline; }

.fi-body.fi-panel-business .ka-del-look { margin: 0; padding: 0; list-style: none; }

.fi-body.fi-panel-business .ka-del-look li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 5px 0;
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ka-del-look svg { flex: none; width: 16px; height: 16px; margin-top: 2px; }
.fi-body.fi-panel-business .ka-del-look__danger svg { color: var(--danger-ink); }
.fi-body.fi-panel-business .ka-del-look__warn svg { color: var(--warn-ink); }
.fi-body.fi-panel-business .ka-del-look__ok svg { color: var(--ok-ink); }

.fi-body.fi-panel-business .ka-del-facts { width: 100%; border-collapse: collapse; font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .ka-del-facts th,
.fi-body.fi-panel-business .ka-del-facts td {
    padding: 11px var(--s4);
    border-bottom: 1px solid var(--separator);
    text-align: left;
    vertical-align: top;
}

.fi-body.fi-panel-business .ka-del-facts tr:last-child th,
.fi-body.fi-panel-business .ka-del-facts tr:last-child td { border-bottom: 0; }

.fi-body.fi-panel-business .ka-del-facts th { width: 38%; color: var(--label-secondary); font-weight: var(--fw-regular); }

.fi-body.fi-panel-business .ka-del-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s1) var(--s2);
    margin: var(--s5) 0 14px;
    padding: 6px;
    border-radius: var(--r-sm);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .ka-del-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: var(--r-xs);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    text-decoration: none;
}

.fi-body.fi-panel-business .ka-del-tab:hover { color: var(--label); }

.fi-body.fi-panel-business .ka-del-tab--on {
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .ka-del-tab__ct {
    min-width: 20px;
    padding: 0 6px;
    border-radius: var(--r-full);
    background-color: var(--bg-grouped-secondary);
    color: var(--label-secondary);
    font-size: 11px;
    text-align: center;
}

.fi-body.fi-panel-business .ka-del-tab--on .ka-del-tab__ct { background-color: var(--accent); color: var(--on-accent); }

.fi-body.fi-panel-business .ka-del-link { color: var(--accent-ink); font-weight: var(--fw-semibold); text-decoration: none; }
.fi-body.fi-panel-business .ka-del-open { color: var(--danger-ink); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .ka-del-mono { font-family: var(--ka-mono); font-size: 12.5px; }
.fi-body.fi-panel-business .ka-del-ua { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.fi-body.fi-panel-business .ka-del-people {
    margin: 0 0 var(--s4);
    overflow: hidden;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .ka-del-people__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    padding: 10px var(--s4);
    border-bottom: 1px solid var(--separator);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ka-del-people__row:last-child { border-bottom: 0; }
.fi-body.fi-panel-business .ka-del-people__ph { color: var(--label-secondary); font-family: var(--ka-mono); font-size: 12.5px; }
.fi-body.fi-panel-business .ka-del-people__facts { margin-left: auto; color: var(--label-secondary); }

.fi-body.fi-panel-business .ka-del-what {
    margin: 0 0 var(--s2);
    padding: var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-tertiary);
    font-size: var(--fs-footnote);
    line-height: 1.5;
}

.fi-body.fi-panel-business .ka-del-what h4 { margin: 0 0 var(--s2); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .ka-del-what ul { margin: 0; padding-left: 18px; list-style: disc; }
.fi-body.fi-panel-business .ka-del-what li { margin: 3px 0; }

@media (max-width: 700px) {
    .fi-body.fi-panel-business .ka-del-search { flex: 1 1 100%; }
    .fi-body.fi-panel-business .ka-del-scroll { overflow-x: auto; }
    
    .fi-body.fi-panel-business .ka-del-settings thead { display: none; }
    .fi-body.fi-panel-business .ka-del-settings tr { display: grid; grid-template-columns: 1fr auto; gap: var(--s2) var(--s3); padding: var(--s3) var(--s4); }
    .fi-body.fi-panel-business .ka-del-settings td { display: block; padding: 0; border: 0; }
    .fi-body.fi-panel-business .ka-del-settings td:first-child { grid-column: 1 / -1; }
    .fi-body.fi-panel-business .ka-del-settings tr + tr { border-top: 1px solid var(--hairline); }
}

.fi-body.fi-panel-business .kmlab-changes { display: flex; flex-direction: column; }
.fi-body.fi-panel-business .kmlab-change { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 10px 0; }
.fi-body.fi-panel-business .kmlab-change + .kmlab-change { border-top: 1px solid var(--separator-opaque); }
.fi-body.fi-panel-business .kmlab-change__f { flex: none; width: 56px; color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kmlab-change__v { flex: 1 1 200px; min-width: 0; overflow-wrap: anywhere; }
.fi-body.fi-panel-business .kmlab-change__v s { color: var(--label-tertiary); }
.fi-body.fi-panel-business .kmlab-change__arrow { display: inline-block; width: 14px; height: 14px; vertical-align: -2px; color: var(--label-tertiary); }
.fi-body.fi-panel-business .kmlab-change__done { margin-left: auto; color: var(--label-tertiary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .bl-bar { display: flex; justify-content: flex-end; margin: var(--s3) 0; }
.fi-body.fi-panel-business .bl-chips { display: flex; flex-wrap: wrap; gap: var(--s3); margin-bottom: var(--s4); }
.fi-body.fi-panel-business .bl-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; background: var(--label-tertiary); }
.fi-body.fi-panel-business .bl-dot--ok { background: var(--ok-ink); }
.fi-body.fi-panel-business .bl-dot--accent { background: var(--accent); }
.fi-body.fi-panel-business .bl-dot--warn { background: var(--warn-ink); }
.fi-body.fi-panel-business .bl-dot--danger { background: var(--danger-ink); }
.fi-body.fi-panel-business .bl-row--waiting > td { background-color: color-mix(in srgb, var(--accent) 7%, transparent); }
.fi-body.fi-panel-business .bl-row--revoked > td { color: var(--label-tertiary); }
.fi-body.fi-panel-business .bl-loc { display: flex; align-items: center; gap: var(--s4); }
.fi-body.fi-panel-business .bl-ico { display: inline-flex; flex: none; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 10px; background: var(--bg-grouped-tertiary); }
.fi-body.fi-panel-business .bl-ico svg { width: 20px; height: 20px; }
.fi-body.fi-panel-business .bl-ico--drive { background: color-mix(in srgb, var(--info-ink) 12%, transparent); color: var(--info-ink); }
.fi-body.fi-panel-business .bl-ico--waiting { background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent); }
.fi-body.fi-panel-business .bl-ico--suspended { background: color-mix(in srgb, var(--danger-ink) 12%, transparent); color: var(--danger-ink); }
.fi-body.fi-panel-business .bl-ico--late { background: color-mix(in srgb, var(--warn-ink) 14%, transparent); color: var(--warn-ink); }
.fi-body.fi-panel-business .bl-overlay { position: fixed; inset: 0; z-index: 60; display: flex; align-items: flex-start; justify-content: center; overflow-y: auto; padding: 40px 16px; background: var(--scrim); }
.fi-body.fi-panel-business .bl-overlay--top { z-index: 70; }
.fi-body.fi-panel-business .bl-modal { position: relative; width: min(680px, 100%); padding: 24px; border-radius: 16px; background: var(--bg-grouped-secondary); box-shadow: var(--shadow-float); }
.fi-body.fi-panel-business .bl-modal--sm { width: min(480px, 100%); }
.fi-body.fi-panel-business .bl-modal h2, .fi-body.fi-panel-business .bl-page h2 { margin: 0 0 6px; font-size: 18px; font-weight: 700; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fi-body.fi-panel-business .bl-modal h3, .fi-body.fi-panel-business .bl-page h3 { margin: 18px 0 8px; font-size: 13px; font-weight: 700; }
.fi-body.fi-panel-business .bl-x { position: absolute; top: 12px; right: 16px; border: 0; background: none; font-size: 22px; line-height: 1; cursor: pointer; color: var(--label-secondary); }
.fi-body.fi-panel-business .bl-step { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; margin-right: 8px; border-radius: 50%; background: var(--bg-grouped-tertiary); font-size: 12px; }
.fi-body.fi-panel-business .bl-step--on { background: var(--accent); color: var(--on-accent); }
.fi-body.fi-panel-business .bl-cmd { margin: 8px 0; padding: 14px 16px; overflow-x: auto; border-radius: 10px; background: var(--bg-grouped-tertiary); color: var(--label); border: 1px solid var(--separator); font: 12.5px/1.6 var(--ka-mono); white-space: pre; }
.fi-body.fi-panel-business .bl-copy { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.fi-body.fi-panel-business .bl-code { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border: 1px solid var(--separator); border-radius: 10px; background: var(--bg-grouped-tertiary); }
.fi-body.fi-panel-business .bl-code code { font: 600 13px var(--ka-mono); overflow-wrap: anywhere; }
.fi-body.fi-panel-business .bl-mono { font-family: var(--ka-mono); }
.fi-body.fi-panel-business .bl-err { margin-top: 4px; color: var(--danger-ink); font-weight: 600; }
.fi-body.fi-panel-business .bl-dl { display: grid; grid-template-columns: 160px 1fr; margin: 14px 0; border: 1px solid var(--separator); border-radius: 10px; }
.fi-body.fi-panel-business .bl-dl dt, .fi-body.fi-panel-business .bl-dl dd { margin: 0; padding: 9px 14px; border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .bl-dl dt { color: var(--label-secondary); }
.fi-body.fi-panel-business .bl-dl dt:first-of-type, .fi-body.fi-panel-business .bl-dl dd:first-of-type { border-top: 0; }
.fi-body.fi-panel-business .bl-fp { margin: 12px 0; padding: 14px 16px; border: 2px solid var(--accent); border-radius: 10px; background: color-mix(in srgb, var(--accent) 6%, transparent); }
.fi-body.fi-panel-business .bl-fp__k { display: block; color: var(--accent); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.fi-body.fi-panel-business .bl-fp__v { display: block; margin: 6px 0; font-size: 16px; overflow-wrap: anywhere; }
.fi-body.fi-panel-business .bl-fp p { margin: 6px 0; font-size: 12.5px; }
.fi-body.fi-panel-business .bl-fp code { display: block; padding: 6px 8px; border-radius: 6px; background: var(--bg-grouped-tertiary); font-size: 12px; overflow-wrap: anywhere; }
.fi-body.fi-panel-business .bl-what { margin: 12px 0; padding: 12px 16px; border-radius: 10px; background: var(--bg-grouped-tertiary); font-size: 13px; }
.fi-body.fi-panel-business .bl-what ul { margin: 6px 0 0; padding-left: 18px; list-style: disc; }
.fi-body.fi-panel-business .bl-check { display: flex; align-items: flex-start; gap: 10px; margin: 10px 0; font-weight: 600; }
.fi-body.fi-panel-business .bl-check > .fi-checkbox-input { margin-top: 2px; }
.fi-body.fi-panel-business .bl-check > span { flex: 1; min-width: 0; }
.fi-body.fi-panel-business .bl-foot { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 18px; }
.fi-body.fi-panel-business .bl-foot--split { justify-content: space-between; }
.fi-body.fi-panel-business .bl-foot--split > span { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.fi-body.fi-panel-business .bl-actions { display: inline-flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 10px; }
.fi-body.fi-panel-business td:has(> .bl-actions) { white-space: nowrap; width: 1%; }
.fi-body.fi-panel-business .bl-actions > .fi-btn { white-space: nowrap; }

.fi-body.fi-panel-business .bl-page { display: block; }
.fi-body.fi-panel-business .bl-state { margin: -8px 0 6px; }
.fi-body.fi-panel-business .bl-page h3 { margin: 22px 0 8px; font-size: 14px; }
.fi-body.fi-panel-business .bl-note-cell { min-width: 280px; white-space: normal; overflow-wrap: anywhere; }
.fi-body.fi-panel-business .bl-long > summary { cursor: pointer; list-style: none; }
.fi-body.fi-panel-business .bl-long > summary::-webkit-details-marker { display: none; }
.fi-body.fi-panel-business .bl-long[open] > summary { display: none; }
.fi-body.fi-panel-business .bl-more-inline { color: var(--accent); font-weight: 600; white-space: nowrap; }
.fi-body.fi-panel-business .bl-long__all { white-space: pre-line; }
.fi-body.fi-panel-business .bl-figs { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 10px; margin: 12px 0; }
.fi-body.fi-panel-business .bl-figs > div { padding: 10px 12px; border: 1px solid var(--separator); border-radius: 10px; }
.fi-body.fi-panel-business .bl-figs span { display: block; color: var(--label-secondary); font-size: 12px; }
.fi-body.fi-panel-business .bl-figs b { font-size: 16px; }
.fi-body.fi-panel-business .bl-figs small { display: block; color: var(--label-tertiary); }
.fi-body.fi-panel-business .bl-key { margin: 8px 0; font-size: 12.5px; color: var(--label-secondary); }
.fi-body.fi-panel-business .bl-only { margin: 10px 0; }
.fi-body.fi-panel-business .bl-more { float: right; color: var(--accent); font-weight: 600; }
.fi-body.fi-panel-business .bl-danger { color: var(--danger-ink); }
.fi-body.fi-panel-business .bl-pill-ico { display: inline-block; width: 14px; height: 14px; margin-right: 4px; vertical-align: -2px; }
.fi-body.fi-panel-business .bl-actions--stack { flex-direction: column; align-items: stretch; }
.fi-body.fi-panel-business .bl-actions--stack > .fi-btn { justify-content: center; }
.fi-body.fi-panel-business .bl-r { text-align: right; }
.fi-body.fi-panel-business .bl-held { color: var(--warn-ink); font-weight: 600; }
.fi-body.fi-panel-business .bl-rel { color: var(--ok-ink); font-weight: 600; }
.fi-body.fi-panel-business {
    --kb-dot: var(--neutral-solid);
}

.fi-body.fi-panel-business .ka-status .fi-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
    min-width: 0;
    height: auto;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-medium);
    white-space: nowrap;
}

.fi-body.fi-panel-business .ka-status .fi-badge::before {
    content: '';
    flex: none;
    width: var(--s3);
    height: var(--s3);
    border-radius: var(--r-full);
    background-color: var(--neutral-solid);
}

.fi-body.fi-panel-business .ka-status .fi-badge.fi-color-success::before { background-color: var(--ok-solid); }
.fi-body.fi-panel-business .ka-status .fi-badge.fi-color-warning::before { background-color: var(--warn-solid); }
.fi-body.fi-panel-business .ka-status .fi-badge.fi-color-danger::before { background-color: var(--danger-solid); }
.fi-body.fi-panel-business .ka-status .fi-badge.fi-color-info::before { background-color: var(--info-solid); }
.fi-body.fi-panel-business .ka-status .fi-badge.fi-color-primary::before { background-color: var(--accent); }

.fi-body.fi-panel-business .ka-tag .fi-badge {
    height: auto;
    min-width: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    color: var(--label-secondary);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .ka-num :is(.fi-ta-text-item-label, .fi-in-text-item) {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kb-attn .fi-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: var(--s7);
    min-width: 0;
    padding: 0 9px;
    border-radius: 6px;
    box-shadow: none;
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
    line-height: 1;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kb-attn .fi-badge.fi-color-success {
    background-color: color-mix(in srgb, var(--ok-ink) 13%, transparent);
    color: var(--ok-ink);
}

.fi-body.fi-panel-business .kb-attn .fi-badge.fi-color-warning {
    background-color: color-mix(in srgb, var(--warn-ink) 14%, transparent);
    color: var(--warn-ink);
}

.fi-body.fi-panel-business .kb-attn .fi-badge.fi-color-danger {
    background-color: color-mix(in srgb, var(--danger-ink) 12%, transparent);
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .kb-attn .fi-badge.fi-color-info {
    background-color: color-mix(in srgb, var(--info-ink) 12%, transparent);
    color: var(--info-ink);
}

.fi-body.fi-panel-business .kb-attn .fi-badge.fi-color-primary {
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kb-exc :is(.fi-ta-text-item-label, .fi-in-text-item, .fi-in-text-item *) {
    color: var(--label-tertiary);
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .kb-due--over :is(.fi-ta-text-item-label, .fi-in-text-item, .fi-in-text-item *) {
    color: var(--danger-ink);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kb-pos :is(.fi-ta-text-item-label, .fi-in-text-item) {
    white-space: nowrap;
}

.fi-body.fi-panel-business .kb-st {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
    color: var(--label);
    font-size: inherit;
    font-weight: var(--fw-medium);
    white-space: nowrap;
}

.fi-body.fi-panel-business .kb-st__dot {
    flex: none;
    width: var(--s3);
    height: var(--s3);
    border-radius: var(--r-full);
    background-color: var(--neutral-solid);
}

.fi-body.fi-panel-business .kb-st--ok .kb-st__dot { background-color: var(--ok-solid); }
.fi-body.fi-panel-business .kb-st--warn .kb-st__dot { background-color: var(--warn-solid); }
.fi-body.fi-panel-business .kb-st--danger .kb-st__dot { background-color: var(--danger-solid); }
.fi-body.fi-panel-business .kb-st--info .kb-st__dot { background-color: var(--info-solid); }

.fi-body.fi-panel-business .kb-st--off .kb-st__dot {
    background-color: var(--label-quaternary);
    box-shadow: inset 0 0 0 1.5px var(--label-tertiary);
}

.fi-body.fi-panel-business .kb-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: var(--s7);
    padding: 0 9px;
    border-radius: 6px;
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
    line-height: 1;
    white-space: nowrap;
}

.fi-body.fi-panel-business :is(.ka-card__badge, .kdoc-plabel__n) {
    height: 20px;
    margin-inline-start: 6px;
    padding: 0 7px;
    border-radius: var(--r-full);
    font-variant-numeric: tabular-nums;
    letter-spacing: normal;
    text-transform: none;
    vertical-align: 1px;
}

.fi-body.fi-panel-business .kb-badge__svg {
    flex: none;
    width: 13px;
    height: 13px;
}

.fi-body.fi-panel-business .kb-badge--ok {
    background-color: color-mix(in srgb, var(--ok-ink) 13%, transparent);
    color: var(--ok-ink);
}

.fi-body.fi-panel-business .kb-badge--warn {
    background-color: color-mix(in srgb, var(--warn-ink) 14%, transparent);
    color: var(--warn-ink);
}

.fi-body.fi-panel-business .kb-badge--danger {
    background-color: color-mix(in srgb, var(--danger-ink) 12%, transparent);
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .kb-badge--info {
    background-color: color-mix(in srgb, var(--info-ink) 12%, transparent);
    color: var(--info-ink);
}

.fi-body.fi-panel-business .kb-badge--accent {
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kb-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 26px;
    padding: 0 10px 0 var(--s3);
    border-radius: var(--r-full);
    border: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: 12.5px;
    font-weight: var(--fw-medium);
    line-height: 1;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kb-chip__dot {
    flex: none;
    width: 9px;
    height: 9px;
    border-radius: var(--r-full);
    background-color: var(--kb-dot);
}

.fi-body.fi-panel-business .kb-trend {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.fi-body.fi-panel-business .kb-trend__svg {
    flex: none;
    width: 13px;
    height: 13px;
}

.fi-body.fi-panel-business .kb-trend--up { color: var(--ok-ink); }
.fi-body.fi-panel-business .kb-trend--down { color: var(--danger-ink); }

.fi-body.fi-panel-business .kb-muted { color: var(--label-tertiary); }

.fi-body.fi-panel-business .kb-sub {
    display: block;
    margin-top: 1px;
    color: var(--label-tertiary);
    font-size: 12.5px;
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .kb-strong { font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kb-over {
    color: var(--danger-ink);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kb-num {
    text-align: end;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kb-nowrap { white-space: nowrap; }

.fi-body.fi-panel-business .kb-lrow {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 64px;
    padding: var(--s4) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kb-lrow:first-child { border-top: 0; }

.fi-body.fi-panel-business .kb-lrow__ic {
    display: grid;
    place-items: center;
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kb-lrow__svg {
    width: 19px;
    height: 19px;
}

.fi-body.fi-panel-business .kb-lrow__ic--danger {
    background-color: color-mix(in srgb, var(--danger-ink) 12%, transparent);
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .kb-lrow__ic--warn {
    background-color: color-mix(in srgb, var(--warn-ink) 14%, transparent);
    color: var(--warn-ink);
}

.fi-body.fi-panel-business .kb-lrow__ic--ok {
    background-color: color-mix(in srgb, var(--ok-ink) 13%, transparent);
    color: var(--ok-ink);
}

.fi-body.fi-panel-business .kb-lrow__ic--info {
    background-color: color-mix(in srgb, var(--info-ink) 12%, transparent);
    color: var(--info-ink);
}

.fi-body.fi-panel-business .kb-lrow__main {
    flex: 1;
    min-width: 0;
}

.fi-body.fi-panel-business .kb-lrow__t {
    color: var(--label);
    font-size: 14px;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kb-lrow__d {
    margin-top: 1px;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kb-lrow__when {
    flex: none;
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
    white-space: nowrap;
}

.fi-body.fi-panel-business .kb-lrow__act {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kb-grp {
    display: flex;
    justify-content: space-between;
    gap: var(--s4);
    padding: 10px var(--kb-card-pad) var(--s3);
    border-top: 1px solid var(--separator);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.fi-body.fi-panel-business .kb-grp:first-child { border-top: 0; }

.fi-body.fi-panel-business .kb-two {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--kb-row-gap);
    align-items: start;
}

.fi-body.fi-panel-business .kb-det {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s6);
    align-items: start;
}

.fi-body.fi-panel-business .kb-det__aside,
.fi-body.fi-panel-business .kb-det__main {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
    min-width: 0;
}

.fi-body.fi-panel-business .kb-sum {
    overflow: hidden;
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .kb-sum__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--s2);
    padding: var(--s7) var(--s6);
    text-align: center;
}

.fi-body.fi-panel-business .kb-sum__name {
    margin: var(--s4) 0 0;
    color: var(--label);
    font-size: var(--fs-title-3);
    font-weight: var(--fw-bold);
    line-height: 1.2;
}

.fi-body.fi-panel-business .kb-sum__role {
    color: var(--label-secondary);
    font-size: 14px;
}

.fi-body.fi-panel-business .kb-sum__act {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--s3);
    margin-top: var(--s4);
}

.fi-body.fi-panel-business .kb-sum__facts { border-top: 1px solid var(--separator); }

.fi-body.fi-panel-business .kb-facts {
    margin: 0;
    padding: 6px 0;
}

.fi-body.fi-panel-business .kb-fact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    padding: var(--s4) var(--s6);
    border-top: 1px solid var(--separator);
    font-size: 14px;
}

.fi-body.fi-panel-business .kb-fact:first-child { border-top: 0; }

.fi-body.fi-panel-business .kb-fact__k {
    color: var(--label-tertiary);
    font-size: 13.5px;
}

.fi-body.fi-panel-business .kb-fact__v {
    min-width: 0;
    margin: 0;
    color: var(--label);
    font-weight: var(--fw-medium);
    text-align: end;
}

.fi-body.fi-panel-business .kb-facts--grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s5) var(--s6);
    padding: 0;
}

.fi-body.fi-panel-business .kb-facts--grid .kb-fact {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 3px;
    min-width: 0;
    padding: 0;
    border-top: 0;
}

.fi-body.fi-panel-business .kb-facts--grid .kb-fact__k { font-size: 12.5px; }
.fi-body.fi-panel-business .kb-facts--grid .kb-fact__v { text-align: start; }

.fi-body.fi-panel-business .kb-narrow { max-width: none; }

.fi-body.fi-panel-business .kb-fgrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
}

.fi-body.fi-panel-business .kb-fgrid__all { grid-column: 1 / -1; }

.fi-body.fi-panel-business .kb-savebar {
    position: sticky;
    bottom: 0;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding: var(--s4) var(--s7);
    border-top: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-float);
}

.fi-body.fi-panel-business .kb-savebar__msg {
    display: flex;
    flex: 1;
    align-items: center;
    gap: var(--s3);
    min-width: 0;
    color: var(--label-secondary);
    font-size: 13.5px;
}

.fi-body.fi-panel-business .kb-savebar__svg {
    flex: none;
    width: var(--s5);
    height: var(--s5);
    color: var(--warn-ink);
}

.fi-body.fi-panel-business .kb-savebar__act {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kb-wiz {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s6);
    align-items: start;
}

.fi-body.fi-panel-business .kb-steps {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: var(--s4);
    list-style: none;
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .kb-step {
    display: flex;
    align-items: flex-start;
    gap: var(--s4);
    min-height: var(--kb-ctl);
    padding: var(--s4);
    border-radius: var(--r-xs);
    color: var(--label);
    text-decoration: none;
}

.fi-body.fi-panel-business .kb-step__n {
    display: grid;
    place-items: center;
    flex: none;
    width: 28px;
    height: 28px;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kb-step__svg {
    width: 15px;
    height: 15px;
}

.fi-body.fi-panel-business .kb-step__tx { min-width: 0; }

.fi-body.fi-panel-business .kb-step__t {
    display: block;
    font-size: 14px;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kb-step__d {
    display: block;
    color: var(--label-tertiary);
    font-size: 12.5px;
}

.fi-body.fi-panel-business .kb-step--on { background-color: var(--accent-fill-subtle); }

.fi-body.fi-panel-business .kb-step--on .kb-step__n {
    background-color: var(--accent);
    color: var(--on-accent);
}

.fi-body.fi-panel-business .kb-step--on .kb-step__t { color: var(--accent-ink); }

.fi-body.fi-panel-business .kb-step--done .kb-step__n {
    background-color: var(--ok-solid);
    color: var(--on-accent);
}

.fi-body.fi-panel-business .kb-setrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    min-height: 64px;
    padding: 14px var(--kb-card-pad);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kb-setrow:first-child { border-top: 0; }

.fi-body.fi-panel-business .kb-setrow__lead {
    display: flex;
    flex: none;
    align-items: center;
}

.fi-body.fi-panel-business .kb-setrow__tx {
    flex: 1;
    min-width: 130px;
}

.fi-body.fi-panel-business .kb-setrow__t {
    margin: 0;
    color: var(--label);
    font-size: 14px;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kb-setrow__p {
    margin: var(--s1) 0 0;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kb-setrow__ctl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.fi-body.fi-panel-business .kb-setrow--off .kb-setrow__t { color: var(--label-secondary); }

.fi-body.fi-panel-business .kb-state {
    padding: var(--s9) var(--s7);
    border-radius: var(--r-sm);
    border: 1.5px dashed var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    text-align: center;
}

.fi-body.fi-panel-business .kb-state__ic {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin: 0 auto 14px;
    border-radius: var(--r-full);
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kb-state--plain .kb-state__ic {
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kb-state__svg {
    width: 26px;
    height: 26px;
}

.fi-body.fi-panel-business .kb-state__t {
    margin: 0 0 6px;
    color: var(--label);
    font-size: var(--fs-headline);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kb-state__p {
    max-width: 46ch;
    margin: 0 auto;
    color: var(--label-secondary);
    font-size: 14px;
}

.fi-body.fi-panel-business .kb-state__act {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--s3);
    margin-top: 18px;
}

.fi-body.fi-panel-business .kb-skel { display: block; }

.fi-body.fi-panel-business .kb-skel__row {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 64px;
    padding: var(--s4) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kb-skel__row:first-child { border-top: 0; }

.fi-body.fi-panel-business .kb-skel__bar {
    display: block;
    width: 14%;
    height: var(--s4);
    border-radius: var(--r-full);
    background-color: var(--skel);
}

.fi-body.fi-panel-business .kb-skel__av {
    display: block;
    flex: none;
    width: var(--s8);
    height: var(--s8);
    border-radius: var(--r-full);
    background-color: var(--skel);
}

.fi-body.fi-panel-business .kb-skel__bar--a { width: 30%; }
.fi-body.fi-panel-business .kb-skel__bar--b { width: 38%; }
.fi-body.fi-panel-business .kb-skel__bar--c { width: 26%; }
.fi-body.fi-panel-business .kb-skel__bar--d { width: 34%; }

.fi-body.fi-panel-business .ka-fchip {
    height: var(--kb-ctl);
    padding: 0 var(--s4);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .ka-kpis { gap: 14px; }

.fi-body.fi-panel-business .ka-kpi { padding: var(--s5) 18px; }

.fi-body.fi-panel-business .ka-kpi__k { font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .ka-kpi__v {
    margin-top: var(--s2);
    font-size: 26px;
    line-height: 1.2;
}

.fi-body.fi-panel-business .ka-kpi__s {
    margin-top: var(--s2);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ka-card__hd {
    min-height: 56px;
    padding: 14px var(--kb-card-pad);
}

.fi-body.fi-panel-business .ka-card__title { font-size: var(--fs-subhead); }

@media (max-width: 640px) {
    .fi-body.fi-panel-business .ka-card__act { flex: 0 1 auto; min-width: min-content; flex-wrap: wrap; justify-content: flex-end; }
}

.fi-body.fi-panel-business .ka-card__bd:not(.ka-card__bd--flush) { padding: var(--kb-card-pad); }

.fi-body.fi-panel-business .ka-card__ft {
    padding: var(--s4) var(--kb-card-pad);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ka-banner {
    gap: var(--s4);
    padding: var(--s4) 14px;
    font-size: 13.5px;
}

.fi-body.fi-panel-business .ka-switchrow {
    align-items: center;
    padding: 14px var(--kb-card-pad);
}

.fi-body.fi-panel-business .ka-switchrow__t {
    font-size: 14px;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ka-switchrow__p { font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .ka-switch {
    width: var(--s9);
    height: 26px;
    margin-top: 0;
}

.fi-body.fi-panel-business .ka-switch::after {
    top: 3px;
    left: 3px;
    width: var(--s6);
    height: var(--s6);
}

.fi-body.fi-panel-business .ka-switch--on::after { left: 21px; }

.fi-body.fi-panel-business :is(.kb-table, .kina-tbl, .khm-table, .ksc-table, .kpe-table) {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--label);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business :is(.kb-table, .kina-tbl, .khm-table, .ksc-table, .kpe-table) thead th {
    padding: var(--kb-th-y) var(--kb-cell-x);
    border-bottom: 1px solid var(--separator);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-bold);
    letter-spacing: 0.04em;
    text-align: start;
    text-transform: uppercase;
    white-space: nowrap;
}

.fi-body.fi-panel-business :is(.kb-table, .kina-tbl, .khm-table, .ksc-table, .kpe-table) tbody td {
    padding: var(--kb-td-y) var(--kb-cell-x);
    border-bottom: 1px solid var(--separator);
    color: var(--label);
    vertical-align: middle;
}

.fi-body.fi-panel-business :is(.kb-table, .kina-tbl, .khm-table, .ksc-table, .kpe-table) tbody tr:last-child td {
    border-bottom: 0;
}

.fi-body.fi-panel-business :is(.kb-table, .kina-tbl, .khm-table, .ksc-table, .kpe-table) :is(th, td):first-child {
    padding-inline-start: var(--kb-card-pad);
}

.fi-body.fi-panel-business :is(.kb-table, .kina-tbl, .khm-table, .ksc-table, .kpe-table) :is(th, td):last-child {
    padding-inline-end: var(--kb-card-pad);
}

.fi-body.fi-panel-business :is(.kb-table, .kina-tbl, .khm-table, .ksc-table, .kpe-table) :is(th, td):is(.kb-num, .kb-table__num, .kina-tbl__num) {
    text-align: end;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fi-body.fi-panel-business :is(.kb-table, .kina-tbl, .khm-table, .ksc-table, .kpe-table) :is(.kb-table__act, .kina-tbl__act, .ksc-table__act, .kpe-table__act) {
    text-align: end;
    white-space: nowrap;
}

.fi-body.fi-panel-business :is(.kb-table, .kina-tbl, .khm-table, .ksc-table, .kpe-table) td a:not(.kuser) {
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business :is(.kb-sw, .kpe-sw, .ksc-sw) {
    position: relative;
    display: inline-block;
    flex: none;
    width: var(--s9);
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    cursor: pointer;
    transition: background-color var(--dur-fast) var(--ease);
}

.fi-body.fi-panel-business :is(.kb-sw, .kpe-sw)::after,
.fi-body.fi-panel-business .ksc-sw i {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: var(--s6);
    height: var(--s6);
    border-radius: var(--r-full);
    background-color: var(--on-accent);
    box-shadow: var(--shadow-card);
    transition: left var(--dur-fast) var(--ease);
}

.fi-body.fi-panel-business :is(.kb-sw, .kpe-sw, .ksc-sw):is([aria-checked="true"], .is-on) {
    background-color: var(--ok-solid);
}

.fi-body.fi-panel-business :is(.kb-sw, .kpe-sw):is([aria-checked="true"], .is-on)::after,
.fi-body.fi-panel-business .ksc-sw:is([aria-checked="true"], .is-on) i {
    left: 21px;
}

.fi-body.fi-panel-business :is(.kb-sw, .kpe-sw, .ksc-sw, .ksh-sw)::before {
    content: '';
    position: absolute;
    inset: -9px 0;
}

.fi-body.fi-panel-business :is(.kb-sw, .kpe-sw, .ksc-sw, .ksh-sw):focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business :is(.kb-sw, .kpe-sw, .ksc-sw, .ksh-sw):disabled {
    opacity: 0.45;
    cursor: default;
}

.fi-body.fi-panel-business :is(.kb-seg, .ksc-seg, .ksh-seg) {
    display: inline-flex;
    flex-wrap: wrap;
    align-self: flex-start;
    justify-self: start;
    gap: var(--s1);
    max-width: 100%;
    padding: 3px;
    border-radius: var(--r-sm);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business :is(.kb-seg__btn, .ksc-seg__btn, .ksh-seg__btn) {
    min-height: 38px;
    padding: var(--kb-tab-y) var(--kb-tab-x);
    border: 0;
    border-radius: 9px;
    background-color: transparent;
    color: var(--label-secondary);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
    cursor: pointer;
}

.fi-body.fi-panel-business :is(.kb-seg__btn, .ksc-seg__btn, .ksh-seg__btn):is(.is-on, [aria-selected="true"], [aria-checked="true"]) {
    background-color: var(--seg-raised);
    box-shadow: var(--shadow-card);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business :is(.kb-seg__btn, .ksc-seg__btn, .ksh-seg__btn):focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.fi-body.fi-panel-business :is(.kb-seg__btn, .ksc-seg__btn, .ksh-seg__btn):disabled { cursor: default; }

.fi-body.fi-panel-business :is(.kb-seg__btn, .ksc-seg__btn, .ksh-seg__btn):disabled:not(.is-on) { opacity: 0.5; }

.fi-body.fi-panel-business :is(.kb-fchip, .ksc-fchip) {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: var(--kb-ctl);
    padding: 0 var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-medium);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.fi-body.fi-panel-business :is(.kb-fchip, .ksc-fchip):is(.is-on, [aria-pressed="true"]) {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
    color: var(--accent-ink);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business :is(.kb-fchip, .ksc-fchip):focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business :is(.kb-fchip__ct, .ksc-fchip__ct) {
    display: grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business :is(.kb-fchip, .ksc-fchip):is(.is-on, [aria-pressed="true"]) :is(.kb-fchip__ct, .ksc-fchip__ct) {
    background-color: var(--accent);
    color: var(--on-accent);
}

.fi-body.fi-panel-business .kb-table--inner {
    margin-top: var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kb-table.kb-table--inner :is(th, td):first-child { padding-inline-start: var(--kb-cell-x); }

.fi-body.fi-panel-business .kb-table.kb-table--inner :is(th, td):last-child { padding-inline-end: var(--kb-cell-x); }

.fi-body.fi-panel-business .kb-table.kb-table--inner thead th:first-child { border-start-start-radius: var(--r-xs); }

.fi-body.fi-panel-business .kb-table.kb-table--inner thead th:last-child { border-start-end-radius: var(--r-xs); }

.fi-body.fi-panel-business .kb-table thead th button {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    min-height: var(--s7);
    padding: 0;
    border: 0;
    background-color: transparent;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    cursor: pointer;
}

.fi-body.fi-panel-business .kb-table thead th[aria-sort] { color: var(--label); }

.fi-body.fi-panel-business .kb-usersub {
    display: inline-flex;
    flex-direction: column;
    gap: var(--s1);
    min-width: 0;
    vertical-align: middle;
}

.fi-body.fi-panel-business .kb-usersub__sub {
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
    line-height: 1.35;
}

.fi-body.fi-panel-business :is(.kb-bar, .kupd__bar) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--s4);
    margin-bottom: var(--kb-row-gap);
}

.fi-body.fi-panel-business :is(.kb-bar__field, .kupd__bar .khours__field) {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.fi-body.fi-panel-business :is(.kb-bar__label, .kupd__bar .khours__label) {
    color: var(--label);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    letter-spacing: 0;
    line-height: 1.45;
    text-transform: none;
}

.fi-body.fi-panel-business :is(.kb-bar, .kupd__bar) :is(select, input:not([type="checkbox"]):not([type="radio"]):not(.fi-input)),
.fi-body.fi-panel-business .ksheet__filter {
    min-height: var(--kb-ctl);
    padding-block: 0;
    padding-inline-start: var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-medium);
    font-variant-numeric: tabular-nums;
    box-shadow: none;
}

.fi-body.fi-panel-business :is(.kb-bar, .kupd__bar) input:not([type="checkbox"]):not([type="radio"]):not(.fi-input) {
    padding-inline-end: var(--s4);
}

.fi-body.fi-panel-business :is(.kb-bar, .kupd__bar) select { padding-inline-end: var(--s8); }

.fi-body.fi-panel-business :is(.kb-bar, .kupd__bar) :is(select, input:not([type="checkbox"]):not([type="radio"]):not(.fi-input)):focus-visible,
.fi-body.fi-panel-business .ksheet__filter:focus-visible {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
    outline: none;
}

.fi-body.fi-panel-business :is(.kb-bar, .kupd__bar) input::placeholder { color: var(--label-tertiary); }

@media (min-width: 700px) {
    .fi-body.fi-panel-business .kb-fgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1100px) {
    .fi-body.fi-panel-business .kb-det { grid-template-columns: 320px minmax(0, 1fr); }
    .fi-body.fi-panel-business .kb-wiz { grid-template-columns: 260px minmax(0, 1fr); }
}

@media (max-width: 900px) {
    .fi-body.fi-panel-business .kb-two { grid-template-columns: minmax(0, 1fr); }
    .fi-body.fi-panel-business .kb-facts--grid { grid-template-columns: minmax(0, 1fr); }
}

.fi-body.fi-panel-business .krange {
    position: relative;
    display: inline-flex;
    max-width: 100%;
}

.fi-body.fi-panel-business .krange__box {
    display: inline-flex;
    align-items: stretch;
    height: var(--kb-ctl);
    max-width: 100%;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .krange--on .krange__box,
.fi-body.fi-panel-business .krange--open .krange__box {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
}

.fi-body.fi-panel-business .krange__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    padding: 0 var(--s4);
    border-radius: var(--r-xs);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-medium);
    white-space: nowrap;
}

.fi-body.fi-panel-business .krange--on .krange__chip {
    color: var(--accent-ink);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .krange__text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.fi-body.fi-panel-business .krange__ico {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .krange--on .krange__ico {
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .krange__clear {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: var(--kb-ctl);
    border-inline-start: 1px solid var(--separator);
    border-radius: 0 var(--r-xs) var(--r-xs) 0;
}

.fi-body.fi-panel-business .krange__clear:hover,
.fi-body.fi-panel-business .krange__step:hover,
.fi-body.fi-panel-business .krange__q:hover,
.fi-body.fi-panel-business .krange__day:hover {
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .krange__chip:focus-visible,
.fi-body.fi-panel-business .krange__clear:focus-visible,
.fi-body.fi-panel-business .krange__step:focus-visible,
.fi-body.fi-panel-business .krange__q:focus-visible,
.fi-body.fi-panel-business .krange__day:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.fi-body.fi-panel-business .krange__pop {
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    box-sizing: border-box;
    max-width: calc(100vw - var(--s5));
    max-height: calc(100vh - var(--s5));
    overflow: auto;
    padding: var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-float);
}

.fi-body.fi-panel-business .krange__quick {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
}

.fi-body.fi-panel-business .krange__q {
    min-height: var(--kb-ctl);
    padding: 0 var(--s3);
    border-radius: var(--r-xs);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-medium);
    text-align: start;
    white-space: nowrap;
}

.fi-body.fi-panel-business .krange__cal {
    min-width: 0;
}

.fi-body.fi-panel-business .krange__month {
    flex: 0 0 auto;
}

.fi-body.fi-panel-business .krange__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
}

.fi-body.fi-panel-business .krange__hint {
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .krange__step {
    display: grid;
    place-items: center;
    width: var(--kb-ctl);
    height: var(--kb-ctl);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .krange__step .krange__ico {
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .krange__months {
    display: flex;
    align-items: flex-start;
    gap: var(--s6);
}

.fi-body.fi-panel-business .krange__title {
    padding: var(--s2) 0 var(--s3);
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: var(--fw-semibold);
    text-align: center;
}

.fi-body.fi-panel-business .krange__title::first-letter {
    text-transform: uppercase;
}

.fi-body.fi-panel-business .krange__grid {
    display: grid;
    grid-template-columns: repeat(7, var(--s9));
}

.fi-body.fi-panel-business .krange__wd {
    display: grid;
    place-items: center;
    height: 24px;
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
}

.fi-body.fi-panel-business .krange__day {
    display: grid;
    place-items: center;
    width: var(--s9);
    height: var(--s9);
    border-radius: var(--r-xs);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .krange__day--blank {
    visibility: hidden;
}

.fi-body.fi-panel-business .krange__day--today {
    font-weight: var(--fw-bold);
    box-shadow: inset 0 0 0 1px var(--separator-opaque);
}

.fi-body.fi-panel-business .krange__day--in {
    border-radius: 0;
    background-color: var(--accent-fill-subtle);
    box-shadow: none;
}

.fi-body.fi-panel-business .krange__day--edge,
.fi-body.fi-panel-business .krange__day--edge:hover {
    background-color: var(--accent);
    color: var(--on-accent);
    font-weight: var(--fw-semibold);
    box-shadow: none;
}

.fi-body.fi-panel-business .krange__day--start {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.fi-body.fi-panel-business .krange__day--end {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

.fi-body.fi-panel-business .fi-ta-filters .fi-fo-component-ctn > div:has(> .fi-fo-hidden) {
    display: none;
}

@media (min-width: 1024px) {
    .fi-body.fi-panel-business .krange__pop {
        flex-direction: row;
        gap: var(--s5);
    }

    .fi-body.fi-panel-business .krange__quick {
        flex-direction: column;
        flex-wrap: nowrap;
        min-width: 132px;
        padding-inline-end: var(--s4);
        border-inline-end: 1px solid var(--separator);
    }
}

.fi-body.fi-panel-business .kphone-part--prefix .choices__list--dropdown {
    min-width: 260px;
}

.fi-body.fi-panel-business .kphone-opt__code,
.fi-body.fi-panel-business .kphone-opt__name {
    font-size: var(--kb-ctl-fs);
}
.fi-body.fi-panel-business .kas {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
}

.fi-body.fi-panel-business .kas .ka-card + .ka-card { margin-top: 0; }

.fi-body.fi-panel-business .kas-back { margin: 0; font-size: var(--fs-subhead); }

.fi-body.fi-panel-business .kas-back a { color: var(--accent-ink); }

.fi-body.fi-panel-business .kas-pad { padding: var(--kb-card-pad); display: flex; flex-direction: column; gap: var(--s3); align-items: flex-start; }

.fi-body.fi-panel-business .kas-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: var(--s7);
}

.fi-body.fi-panel-business .kas-grid--shapes { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 0.7fr); align-items: start; }

@media (max-width: 900px) {
    .fi-body.fi-panel-business .kas-grid,
    .fi-body.fi-panel-business .kas-grid--shapes { grid-template-columns: minmax(0, 1fr); }
}

.fi-body.fi-panel-business .kas-h {
    margin: 0 0 var(--s3);
    font-size: var(--fs-subhead);
    font-weight: var(--fw-semibold);
    color: var(--label);
}

.fi-body.fi-panel-business .kas-products {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    margin-top: var(--s3);
    max-height: 22rem;
    overflow-y: auto;
}

.fi-body.fi-panel-business .kas-product {
    display: flex;
    align-items: center;
    gap: var(--s4);
    min-height: 44px;
    padding: var(--s3);
    border-radius: var(--r-md);
    background: var(--bg-grouped-secondary);
    color: var(--label);
    text-align: start;
}

.fi-body.fi-panel-business .kas-product:disabled { opacity: 0.6; cursor: not-allowed; }

.fi-body.fi-panel-business .kas-product.is-on { box-shadow: 0 0 0 2px var(--accent); }

.fi-body.fi-panel-business .kas-product img,
.fi-body.fi-panel-business .kas-product__noimg {
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: var(--r-sm);
    object-fit: cover;
    background: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kas-product__tx { display: flex; flex-direction: column; min-width: 0; }

.fi-body.fi-panel-business .kas-product__nm { font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kas-product small { color: var(--label-tertiary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kas-looks { display: flex; flex-wrap: wrap; gap: var(--s4); }

.fi-body.fi-panel-business .kas-look {
    width: 9.5rem;
    padding: var(--s3);
    border-radius: var(--r-lg);
    background: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    text-align: center;
}

.fi-body.fi-panel-business .kas-look.is-on { box-shadow: 0 0 0 2px var(--accent); }

.fi-body.fi-panel-business .kas-look .kas-ad { width: 100%; margin-bottom: var(--s3); border-radius: var(--r-sm); }

.fi-body.fi-panel-business .kas-field { display: flex; flex-direction: column; gap: var(--s2); margin-top: var(--s5); }

.fi-body.fi-panel-business .kas-field label { font-size: var(--fs-footnote); color: var(--label-secondary); }

.fi-body.fi-panel-business .kas-switch {
    display: flex;
    align-items: center;
    gap: var(--s4);
    min-height: 44px;
    margin-top: var(--s4);
    cursor: pointer;
}

.fi-body.fi-panel-business .kas-switch small { margin-inline-start: var(--s3); color: var(--label-tertiary); }

.fi-body.fi-panel-business .kas-actions { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s5); }

.fi-body.fi-panel-business .kas-duration { display: flex; align-items: center; gap: var(--s4); padding: var(--s4) var(--kb-card-pad); }

.fi-body.fi-panel-business .kas-thumbcell { width: 7.5rem; }

.fi-body.fi-panel-business .kas-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--r-xs);
    object-fit: cover;
    background: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kas-shape__img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--r-sm);
    background: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kas-shape--story .kas-shape__img { max-height: 28rem; width: auto; margin-inline: auto; }

.fi-body.fi-panel-business .kas-ad {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 5;
    background: #fff;
    color: #111;
    container-type: inline-size;
}

.fi-body.fi-panel-business .kas-ad img {
    position: absolute;
    left: 10%;
    top: 6%;
    width: 80%;
    height: 50%;
    object-fit: contain;
    background: #fff;
    border-radius: 5cqw;
}

.fi-body.fi-panel-business .kas-ad__nm { position: absolute; left: 7%; top: 59%; width: 86%; font-size: 11.5cqw; font-weight: 800; line-height: 1.05; text-align: start; }

.fi-body.fi-panel-business .kas-ad__ln { position: absolute; left: 7%; top: 75%; width: 86%; font-size: 4.6cqw; font-weight: 500; line-height: 1.2; text-align: start; }

.fi-body.fi-panel-business .kas-ad__pr {
    position: absolute;
    left: 7%;
    top: 85%;
    padding: 1.6cqw 5cqw;
    border-radius: 999px;
    background: #ff7a00;
    color: #fff;
    font-size: 7cqw;
    font-weight: 800;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kas-look-bold { background: #ff7a00; color: #fff; }

.fi-body.fi-panel-business .kas-look-bold .kas-ad__pr { background: #fff; color: #ff7a00; }

.fi-body.fi-panel-business .kas-look-dark { background: #14120f; color: #fff; }

.fi-body.fi-panel-business .kas-look-dark .kas-ad__ln { color: #d7d3cc; }

.fi-body.fi-panel-business .kas-seg {
    display: inline-flex;
    gap: var(--s1);
    margin-bottom: var(--s5);
    padding: var(--s1);
    border-radius: var(--r-md);
    background: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kas-seg button {
    min-height: 36px;
    padding: var(--s2) var(--s6);
    border-radius: var(--r-sm);
    color: var(--label);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kas-seg button[aria-pressed='true'] { background: var(--bg-grouped-secondary); box-shadow: 0 1px 2px color-mix(in srgb, var(--label) 18%, transparent); }

.fi-body.fi-panel-business .kas-table-wrap { overflow-x: auto; }

.fi-body.fi-panel-business .kas-dim { opacity: 0.6; }

.fi-body.fi-panel-business .kas-row--stopped td { opacity: 0.6; }

.fi-body.fi-panel-business .kas-row--stopped td:last-child { opacity: 1; }

.fi-body.fi-panel-business .kas-h--gap { margin-top: var(--s5); }

.fi-body.fi-panel-business .kas-note { display: block; margin-top: var(--s2); font-size: var(--fs-footnote); line-height: 1.4; }

.fi-body.fi-panel-business .kas-note--warn {
    padding: var(--s2) var(--s3);
    border-radius: var(--r-sm);
    background: color-mix(in srgb, var(--warn-solid) 18%, transparent);
    color: var(--warn-ink);
}

.fi-body.fi-panel-business .kas-fixed { font-size: var(--fs-body); color: var(--label); }

.fi-body.fi-panel-business .kas-product .kas-product__app { color: var(--accent-ink); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kbk-stack {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
    min-width: 0;
}

.fi-body.fi-panel-business .kbk-stack > .ka-card { margin-top: 0; }

.fi-body.fi-panel-business .kbk-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kbk-tab {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    padding: var(--s3) var(--s5);
    border: 0;
    border-bottom: 2px solid transparent;
    background: none;
    color: var(--label-secondary);
    font: inherit;
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.fi-body.fi-panel-business .kbk-tab:hover { color: var(--label); }

.fi-body.fi-panel-business .kbk-tab--on {
    border-bottom-color: var(--accent);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kbk-tab:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.fi-body.fi-panel-business .kbk-count {
    min-width: 20px;
    padding: 0 var(--s2);
    border-radius: var(--r-full);
    background: color-mix(in srgb, var(--warn-solid) 18%, transparent);
    color: var(--warn-ink);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
    text-align: center;
}

.fi-body.fi-panel-business .kbk-weekbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kbk-weekbar__label {
    color: var(--label-secondary);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kbk-week {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: var(--s2);
}

.fi-body.fi-panel-business .kbk-day {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: var(--s3) var(--s4);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
    background: var(--bg-grouped-secondary);
    color: var(--label);
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.fi-body.fi-panel-business .kbk-day:hover { border-color: var(--separator-opaque); }

.fi-body.fi-panel-business .kbk-day--today .kbk-day__n { color: var(--accent-ink); }

.fi-body.fi-panel-business .kbk-day--on {
    border-color: var(--accent);
    background: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .kbk-day:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kbk-day__wd {
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
    text-transform: uppercase;
}

.fi-body.fi-panel-business .kbk-day__n {
    font-size: var(--fs-title-3);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kbk-day__c {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kbk-day__r {
    color: var(--warn-ink);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

@media (max-width: 640px) {
    .fi-body.fi-panel-business .kbk-week {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: minmax(104px, 1fr);
        overflow-x: auto;
        scroll-snap-type: x proximity;
        padding-bottom: var(--s2);
    }

    .fi-body.fi-panel-business .kbk-day {
        scroll-snap-align: start;
        min-width: 0;
        padding: var(--s3);
    }

    .fi-body.fi-panel-business .kbk-day__c,
    .fi-body.fi-panel-business .kbk-day__r {
        overflow-wrap: anywhere;
    }
}

.fi-body.fi-panel-business .kbk-empty {
    margin: 0;
    padding: var(--s5) var(--kb-card-pad);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kbk-scroll { overflow-x: auto; }

.fi-body.fi-panel-business .kbk-grid {
    display: flex;
    flex-direction: column;
    min-width: max-content;
}

.fi-body.fi-panel-business .kbk-row {
    display: grid;
    grid-template-columns: 176px minmax(calc(var(--kbk-steps) * 40px), 1fr);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kbk-row--head { border-top: 0; }

.fi-body.fi-panel-business .kbk-row--requests {
    background: color-mix(in srgb, var(--warn-solid) 6%, transparent);
}

.fi-body.fi-panel-business .kbk-label {
    position: sticky;
    inset-inline-start: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    padding: var(--s3) var(--kb-card-pad);
    border-inline-end: 1px solid var(--separator);
    background: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kbk-lanes {
    display: flex;
    flex-direction: column;
}

.fi-body.fi-panel-business .kbk-cells {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--kbk-steps), minmax(0, 1fr));
    align-items: stretch;
    min-height: 52px;
    padding-block: var(--s1);
    background-image: linear-gradient(to right, var(--separator) 1px, transparent 1px);
    background-size: calc(100% / var(--kbk-steps)) 100%;
}

.fi-body.fi-panel-business .kbk-row--head .kbk-cells {
    min-height: 0;
    padding-block: var(--s3);
    background-image: none;
}

.fi-body.fi-panel-business .kbk-hour {
    color: var(--label-tertiary);
    font-family: var(--font-num);
    font-size: var(--fs-caption-1);
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .kbk-block {
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1px;
    min-width: 0;
    margin: 0 var(--s1);
    padding: var(--s2) var(--s3);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ok-solid) 40%, transparent);
    border-radius: var(--r-xs);
    background: color-mix(in srgb, var(--ok-solid) 14%, transparent);
    color: var(--label);
    font: inherit;
    font-size: var(--fs-footnote);
    text-align: start;
    white-space: nowrap;
    cursor: pointer;
}

.fi-body.fi-panel-business .kbk-block:hover { border-color: var(--accent); }

.fi-body.fi-panel-business .kbk-block:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.fi-body.fi-panel-business .kbk-block--requested,
.fi-body.fi-panel-business .kbk-block--pending-payment {
    border-color: color-mix(in srgb, var(--warn-solid) 50%, transparent);
    background: color-mix(in srgb, var(--warn-solid) 16%, transparent);
}

.fi-body.fi-panel-business .kbk-block--completed {
    border-color: color-mix(in srgb, var(--info-solid) 40%, transparent);
    background: color-mix(in srgb, var(--info-solid) 12%, transparent);
}

.fi-body.fi-panel-business .kbk-block--no-show {
    border-color: var(--separator-opaque);
    background: var(--fill-tertiary);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kbk-block__t,
.fi-body.fi-panel-business .kbk-block__s {
    overflow: hidden;
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    text-overflow: ellipsis;
}

.fi-body.fi-panel-business .kbk-row--cap { background: var(--bg-grouped-tertiary); }

.fi-body.fi-panel-business .kbk-row--cap .kbk-cells {
    min-height: 0;
    padding-block: var(--s2);
}

.fi-body.fi-panel-business .kbk-cap {
    grid-row: 1;
    color: var(--label-secondary);
    font-family: var(--font-num);
    font-size: var(--fs-caption-1);
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.fi-body.fi-panel-business .kbk-cap--full {
    color: var(--danger-ink);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kbk-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.fi-body.fi-panel-business .kbk-closing {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
    padding: var(--s3) 0;
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kbk-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--s4);
    margin-top: var(--s4);
}

.fi-body.fi-panel-business .kbk-form--pad { padding: var(--s4) var(--kb-card-pad); }

.fi-body.fi-panel-business .kbk-service,
.fi-body.fi-panel-business .kbk-calendar {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    padding: var(--s4) var(--kb-card-pad);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kbk-calendar { padding-inline: 0; }

.fi-body.fi-panel-business .kbk-service__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kbk-editor {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    margin-top: var(--s3);
    padding: var(--s4);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
    background: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .kbk-slot,
.fi-body.fi-panel-business .kbk-tablerow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kbk-tablerow { padding: var(--s3) var(--kb-card-pad); border-bottom: 1px solid var(--separator); }

.fi-body.fi-panel-business .kbk-check {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kbk-windows {
    margin: 0;
    padding-inline-start: var(--s6);
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .kbk-back {
    display: flex;
}

.fi-body.fi-panel-business .kbk-sheet {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
}

.fi-body.fi-panel-business .kbk-sheet__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kbk-capline {
    margin: 0;
    padding: var(--s3) var(--s4);
    border-radius: var(--r-sm);
    background: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kbk-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kbk-panel {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    padding: var(--s4);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
}

.fi-body.fi-panel-business .kbk-panel__t {
    margin: 0;
    font-size: var(--fs-headline);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kbk-reasons {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    margin: 0;
    padding: 0;
    border: 0;
}

.fi-body.fi-panel-business .kbk-times {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kbk-time {
    padding: var(--s2) var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-full);
    background: var(--bg-grouped-secondary);
    color: var(--label);
    font: inherit;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
}

.fi-body.fi-panel-business .kbk-time--on {
    border-color: var(--accent);
    background: var(--accent-fill-subtle);
    color: var(--accent-ink);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kbk-time:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kbk-time--off,
.fi-body.fi-panel-business .kbk-time:disabled {
    border-color: var(--separator);
    background: var(--fill-tertiary);
    color: var(--label-tertiary);
    cursor: not-allowed;
}

.fi-body.fi-panel-business .kbk-time[data-taken] { text-decoration: line-through; }

.fi-body.fi-panel-business .kbk-who-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    
    background:
        linear-gradient(to right, var(--surface, #fff) 30%, transparent) left center / 24px 100% no-repeat local,
        linear-gradient(to left, var(--surface, #fff) 30%, transparent) right center / 24px 100% no-repeat local,
        linear-gradient(to right, color-mix(in srgb, var(--label-primary, #000) 18%, transparent), transparent) left center / 12px 100% no-repeat scroll,
        linear-gradient(to left, color-mix(in srgb, var(--label-primary, #000) 18%, transparent), transparent) right center / 12px 100% no-repeat scroll;
}
.fi-body.fi-panel-business .kbk-who-swipe { display: none; padding: var(--s2) var(--kb-card-pad) 0; }
@media (max-width: 900px) { .fi-body.fi-panel-business .kbk-who-swipe { display: block; } }
.fi-body.fi-panel-business .kbk-who-table { min-width: 720px; }
.fi-body.fi-panel-business .kbk-who-person { text-align: center; vertical-align: bottom; min-width: 120px; }
.fi-body.fi-panel-business .kbk-who-person > .kb-sub { display: block; margin-top: var(--s1); }
.fi-body.fi-panel-business .kbk-who-service { text-align: start; min-width: 180px; }
.fi-body.fi-panel-business .kbk-who-service > .kb-sub { display: block; }
.fi-body.fi-panel-business .kbk-who-cell { text-align: center; }
.fi-body.fi-panel-business .kbk-who-tick { display: inline-flex; align-items: center; gap: var(--s2); }
.fi-body.fi-panel-business .kbk-who-num {
    width: 64px;
    padding: var(--s1) var(--s2);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
    background: var(--fill-tertiary);
    color: var(--label);
    font: inherit;
    text-align: center;
}
.fi-body.fi-panel-business .kbk-who-old { background: color-mix(in srgb, var(--warn-solid) 10%, transparent); }
.fi-body.fi-panel-business .kbk-who-old > * + * { margin-inline-start: var(--s3); }
.fi-body.fi-panel-business .kbk-who-empty { padding: var(--s4) var(--kb-card-pad); }
.fi-body.fi-panel-business .kbk-who-step { display: inline-flex; align-items: center; gap: var(--s2); }
.fi-body.fi-panel-business .kbk-who-step .fi-input-wrp { width: 88px; }
.fi-body.fi-panel-business .kbk-who-len { gap: var(--s1); }
.fi-body.fi-panel-business .kbk-who-len .kbk-who-num { width: 56px; }
.fi-body.fi-panel-business .kbk-who-save { justify-content: flex-end; }

.fi-body.fi-panel-business .kbk-sd-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    padding: var(--s3) var(--kb-card-pad);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kbk-sd-key { margin-inline-start: auto; display: inline-flex; align-items: center; gap: var(--s2); }

.fi-body.fi-panel-business .kbk-sd-key__i { display: inline-block; width: 14px; height: 10px; border-radius: var(--r-xs); }
.fi-body.fi-panel-business .kbk-sd-key__i--gap { background: repeating-linear-gradient(135deg, var(--separator-opaque) 0 2px, transparent 2px 5px); }
.fi-body.fi-panel-business .kbk-sd-key__i--fix { border: 2px solid var(--danger-solid); }

.fi-body.fi-panel-business .kbk-sd {
    display: grid;
    grid-template-columns: 56px repeat(var(--kbk-people), minmax(200px, 1fr));
    grid-template-rows: auto repeat(var(--kbk-rows), 22px);
    min-width: calc(56px + var(--kbk-people) * 200px);
}

.fi-body.fi-panel-business .kbk-sd-hour {
    grid-column: 1;
    grid-row: var(--kbk-row);
    padding-inline: var(--s2);
    color: var(--label-tertiary);
    font-family: var(--font-num);
    font-size: var(--fs-caption-1);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kbk-sd-head {
    grid-column: var(--kbk-c);
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--s3);
    border-inline-start: 1px solid var(--separator);
    border-bottom: 1px solid var(--separator);
    background: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kbk-sd-head--leave { opacity: .7; }

.fi-body.fi-panel-business .kbk-sd-item {
    grid-column: var(--kbk-c);
    grid-row: var(--kbk-row) / span var(--kbk-span);
    min-width: 0;
    margin: 0 var(--s1);
}

.fi-body.fi-panel-business .kbk-sd-booking {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: var(--s1) var(--s3);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ok-solid) 40%, transparent);
    border-radius: var(--r-xs);
    background: color-mix(in srgb, var(--ok-solid) 14%, transparent);
    color: var(--label);
    font: inherit;
    font-size: var(--fs-footnote);
    text-align: start;
    white-space: nowrap;
    cursor: pointer;
}

.fi-body.fi-panel-business .kbk-sd-booking:hover { border-color: var(--accent); }
.fi-body.fi-panel-business .kbk-sd-booking:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.fi-body.fi-panel-business .kbk-sd-booking--fix { border: 2px solid var(--danger-solid); }
.fi-body.fi-panel-business .kbk-sd-booking--unchecked { border-style: dashed; }

.fi-body.fi-panel-business .kbk-sd-gap,
.fi-body.fi-panel-business .kbk-sd-off {
    background: repeating-linear-gradient(135deg, var(--separator-opaque) 0 2px, transparent 2px 6px);
    opacity: .6;
}
.fi-body.fi-panel-business .kbk-sd-off { margin: 0; opacity: .35; background-size: 12px 12px; }

.fi-body.fi-panel-business .kbk-sd-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s2);
    padding: 0 var(--s3);
    border-radius: var(--r-xs);
    background: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kbk-sd-leaveblock {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    background: var(--fill-tertiary);
    color: var(--label-secondary);
    writing-mode: vertical-rl;
}

.fi-body.fi-panel-business .kbk-sd-free {
    padding: 0 var(--s3);
    border: 0;
    border-top: 1px solid var(--separator);
    border-radius: 0;
    margin: 0;
    background: transparent;
    color: transparent;
    font: inherit;
    font-size: var(--fs-caption-1);
    text-align: start;
    cursor: pointer;
}
.fi-body.fi-panel-business .kbk-sd-free:hover,
.fi-body.fi-panel-business .kbk-sd-free:focus-visible { background: var(--accent-fill-subtle); color: var(--accent-ink); outline: none; }

.fi-body.fi-panel-business .kbk-sd-unassigned { display: flex; flex-direction: column; gap: var(--s3); padding-block: var(--s2); overflow-y: auto; }
.fi-body.fi-panel-business .kbk-sd-un { display: flex; flex-direction: column; gap: var(--s2); }

.fi-body.fi-panel-business .kbk-sd-client {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
    padding: var(--s2) var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
    background: transparent;
    font: inherit;
    cursor: pointer;
}
.fi-body.fi-panel-business .kbk-sd-client:hover { border-color: var(--accent); }
.fi-body.fi-panel-business .kbk-sd-when { color: var(--label-secondary); font-family: var(--font-num); }
.fi-body.fi-panel-business .kcr { display: flex; flex-direction: column; gap: var(--s5); }

.fi-body.fi-panel-business .kcr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: var(--s5); align-items: start; }

.fi-body.fi-panel-business .kcr-card { padding: var(--s5); border: 1.5px solid var(--separator-opaque); border-radius: var(--r-md); background-color: var(--bg-grouped-secondary); }

.fi-body.fi-panel-business .kcr-cardh { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s4); margin-bottom: var(--s3); color: var(--label); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .kcr-cardh span { color: var(--label-secondary); font-size: var(--fs-footnote); font-weight: var(--fw-regular); }

.fi-body.fi-panel-business .kcr-lbl { color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kcr-big { margin-top: var(--s2); color: var(--label); font-size: var(--fs-title-3); font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .kcr-big small { margin-inline-start: var(--s2); color: var(--label-secondary); font-size: var(--fs-subhead); font-weight: var(--fw-medium); }
.fi-body.fi-panel-business .kcr-days { margin-top: var(--s2); color: var(--ok-ink); font-size: var(--fs-subhead); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kcr-days--low { color: var(--warn-ink); }
.fi-body.fi-panel-business .kcr-days--out { color: var(--danger-ink); }

.fi-body.fi-panel-business .kcr-bar { display: flex; height: 8px; margin-top: var(--s4); overflow: hidden; border-radius: var(--r-full); background-color: var(--fill-tertiary); }
.fi-body.fi-panel-business .kcr-bar i { display: block; height: 100%; }
.fi-body.fi-panel-business .kcr-bar .kcr-pk { background-color: var(--info-solid); }
.fi-body.fi-panel-business .kcr-bar .kcr-bt { background-color: var(--accent); }

.fi-body.fi-panel-business .kcr-kv { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); margin-top: var(--s3); color: var(--label); font-size: var(--fs-subhead); }
.fi-body.fi-panel-business .kcr-kv small { display: block; color: var(--label-secondary); font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kcr-kv b { font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .kcr-kv--tot { padding-top: var(--s3); border-top: 1px solid var(--separator); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .kcr-sw { flex: none; width: 10px; height: 10px; margin-inline-end: var(--s3); border-radius: var(--r-full); }
.fi-body.fi-panel-business .kcr-sw.kcr-pk { background-color: var(--info-solid); }
.fi-body.fi-panel-business .kcr-sw.kcr-bt { background-color: var(--accent); }
.fi-body.fi-panel-business .kcr-kv > span:first-child { display: flex; align-items: center; }

.fi-body.fi-panel-business .kcr-links { display: flex; flex-wrap: wrap; gap: var(--s5); margin-top: var(--s5); padding-top: var(--s4); border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kcr-links a { color: var(--accent-ink); font-size: var(--fs-subhead); font-weight: var(--fw-semibold); text-decoration: none; }

.fi-body.fi-panel-business .kcr-table { width: 100%; border-collapse: collapse; font-size: var(--fs-subhead); }
.fi-body.fi-panel-business .kcr-table th { padding: var(--s3) var(--s3); color: var(--label-secondary); font-size: var(--fs-caption-1); font-weight: var(--fw-semibold); text-align: start; }
.fi-body.fi-panel-business .kcr-table td { padding: var(--s3); border-top: 1px solid var(--separator); color: var(--label); vertical-align: top; }
.fi-body.fi-panel-business .kcr-table .r { text-align: end; font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .kcr-table .d { color: var(--label-secondary); font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kcr-muted { color: var(--label-secondary); }

.fi-body.fi-panel-business .kcr-who { display: inline-flex; align-items: center; gap: var(--s2); color: var(--label); text-decoration: none; }
.fi-body.fi-panel-business a.kcr-who:hover { text-decoration: underline; }
.fi-body.fi-panel-business .kcr-who img { width: 22px; height: 22px; border-radius: var(--r-full); }

.fi-body.fi-panel-business .kcr-in { padding: 1px var(--s3); border-radius: var(--r-full); background-color: color-mix(in srgb, var(--ok-ink) 13%, transparent); color: var(--ok-ink); font-weight: var(--fw-bold); }

.fi-body.fi-panel-business .kcr-packs { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: var(--s4); }
.fi-body.fi-panel-business .kcr-pk-card { position: relative; display: flex; flex-direction: column; gap: var(--s1); padding: var(--s5); border: 1.5px solid var(--separator-opaque); border-radius: var(--r-md); background-color: var(--bg-grouped-secondary); color: var(--label); font: inherit; text-align: start; cursor: pointer; }
.fi-body.fi-panel-business .kcr-pk-card[aria-pressed="true"] { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent); }
.fi-body.fi-panel-business .kcr-pk-card b { font-size: var(--fs-title-3); font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .kcr-pk-card small { color: var(--label-secondary); font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kcr-pk-card .p { margin-top: var(--s3); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .kcr-pk-card .u { color: var(--label-secondary); font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kcr-pk-card .off { align-self: flex-start; color: var(--ok-ink); font-size: var(--fs-caption-2); font-weight: var(--fw-bold); }

.fi-body.fi-panel-business .kcr-pay { display: flex; align-items: center; gap: var(--s4); width: 100%; margin-top: var(--s3); padding: var(--s4); border: 1.5px solid var(--separator-opaque); border-radius: var(--r-sm); background: transparent; color: var(--label); font: inherit; text-align: start; cursor: pointer; }
.fi-body.fi-panel-business .kcr-pay[aria-pressed="true"] { border-color: var(--accent); }
.fi-body.fi-panel-business .kcr-pay small { display: block; color: var(--label-secondary); font-size: var(--fs-caption-1); }

.fi-body.fi-panel-business .kcr-under { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); }
.fi-body.fi-panel-business .kcr-under a { color: var(--accent-ink); font-weight: var(--fw-semibold); text-decoration: none; }
.fi-body.fi-panel-business .kcr-quiet { margin: 0; color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business {
    --khm-w: 0%;
    --khm-x: 0%;
    --khm-y: 0%;
}

.fi-body.fi-panel-business .khm-link {
    color: var(--accent-ink);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.fi-body.fi-panel-business .khm-link:hover { text-decoration: underline; }

.fi-body.fi-panel-business .khm-inset {
    padding: var(--s4) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .khm-inset:first-child { border-top: 0; }

.fi-body.fi-panel-business .khm-sell-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .khm-sell-rowact {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .khm-taker {
    display: flex;
    align-items: center;
    gap: var(--s4);
}

.fi-body.fi-panel-business .khm-taker__mark {
    display: grid;
    place-items: center;
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: var(--r-full);
    object-fit: cover;
    background: var(--fill-tertiary);
}

.fi-body.fi-panel-business .khm-taker__mark--wait { color: var(--label-secondary); }
.fi-body.fi-panel-business .khm-taker__ic { width: 19px; height: 19px; }

.fi-body.fi-panel-business .khm-taker__t {
    min-width: 0;
    color: var(--label);
    font-size: var(--fs-subhead);
}

.fi-body.fi-panel-business .khm-taker__t b { font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .khm-taker--row {
    padding: var(--s4) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .khm-taker--row:first-child { border-top: 0; }

.fi-body.fi-panel-business .khm-line { display: block; }

.fi-body.fi-panel-business .kb-lrow__d .kuser {
    display: inline-flex;
    vertical-align: middle;
}

.fi-body.fi-panel-business .khm-scroll { overflow-x: auto; }

.fi-body.fi-panel-business .khm-home {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--kb-row-gap);
}

.fi-body.fi-panel-business .khm-home > div:not(:has(*)):not([x-intersect]) { display: none; }

.fi-body.fi-panel-business .khm-pair {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--kb-row-gap);
    align-items: start;
}

@media (min-width: 1100px) {
    .fi-body.fi-panel-business .khm-pair--split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

.fi-body.fi-panel-business .khm-figures {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s4);
}

.fi-body.fi-panel-business .khm-figures .ka-sectitle {
    align-items: center;
    margin: 0;
}

.fi-body.fi-panel-business .khm-kpi { position: relative; }

.fi-body.fi-panel-business .khm-kpi .ka-kpi__s {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s1) 6px;
}

.fi-body.fi-panel-business .khm-kpi__cmp { color: var(--label-tertiary); }

.fi-body.fi-panel-business .khm-kpi--err .ka-kpi__v {
    color: var(--danger-ink);
    font-size: var(--fs-subhead);
    white-space: normal;
}

.fi-body.fi-panel-business .khm-spark {
    position: absolute;
    top: var(--s5);
    right: 18px;
    width: 72px;
    height: var(--s7);
    overflow: visible;
}

.fi-body.fi-panel-business .khm-spark__area {
    fill: var(--accent-fill-subtle);
    stroke: none;
}

.fi-body.fi-panel-business .khm-spark__line {
    fill: none;
    stroke: var(--accent);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.fi-body.fi-panel-business .khm-spark__dot { fill: var(--accent); }

@media (max-width: 1279px) {
    .fi-body.fi-panel-business .khm-spark { display: none; }
}

.fi-body.fi-panel-business .khm-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
    padding: 14px var(--kb-card-pad);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .khm-chips .ka-fchip {
    cursor: pointer;
    user-select: none;
}

.fi-body.fi-panel-business .khm-chips .ka-fchip:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .khm-grplink {
    margin-inline-start: var(--s3);
    color: var(--accent-ink);
    font-weight: var(--fw-semibold);
    letter-spacing: 0;
    text-transform: none;
}

.fi-body.fi-panel-business .khm-arow__who {
    flex: none;
    width: 230px;
    min-width: 0;
}

.fi-body.fi-panel-business .khm-arow__shop {
    flex: none;
    width: 150px;
    margin-top: 0;
}

.fi-body.fi-panel-business .khm-arow__when { width: 70px; }

.fi-body.fi-panel-business .khm-arow.is-focus {
    background-color: var(--accent-fill-subtle);
    box-shadow: inset 3px 0 0 var(--accent);
}

@media (max-width: 1099px) {
    .fi-body.fi-panel-business .khm-arow { flex-wrap: wrap; }

    .fi-body.fi-panel-business .khm-arow__who,
    .fi-body.fi-panel-business .khm-arow__shop,
    .fi-body.fi-panel-business .khm-arow__when { width: auto; }

    .fi-body.fi-panel-business .khm-arow .kb-lrow__main { flex-basis: 100%; }
}

.fi-body.fi-panel-business .kstats__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--s3) var(--s4);
    margin: 0 0 14px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

.fi-body.fi-panel-business .kstats__label {
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    letter-spacing: 0;
    text-transform: none;
}

.fi-body.fi-panel-business :is(.kstats__scope, .kstats__custom, .korders__custom, .kstats__cmpmode, .kstats__fresh) {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kstats__fresh { margin-inline-start: auto; }

.fi-body.fi-panel-business .kstats__updated {
    color: var(--label-tertiary);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) .kstats__seg {
    display: inline-flex;
    gap: var(--s1);
    max-width: 100%;
    padding: 3px;
    border: 0;
    border-radius: var(--r-sm);
    background-color: var(--fill-tertiary);
    overflow-x: auto;
}

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) .kstats__segbtn {
    min-height: calc(var(--kb-ctl) - 6px);
    padding: 0 var(--kb-tab-x);
    border: 0;
    border-radius: 9px;
    background-color: transparent;
    box-shadow: none;
    color: var(--label-secondary);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
    cursor: pointer;
}

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) .kstats__segbtn:hover { color: var(--label); }

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) .kstats__segbtn.is-on {
    background-color: var(--seg-raised);
    box-shadow: var(--shadow-card);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) .kstats__segbtn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business :is(.kstats, .korders) :is(.kstats__custom, .korders__custom) > .kstats__segbtn {
    min-height: var(--kb-ctl);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
}

.fi-body.fi-panel-business :is(.kstats, .korders) :is(.kstats__custom, .korders__custom) > .kstats__segbtn.is-on {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
}

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) :is(.kstats__select, .kstats__date) {
    min-height: var(--kb-ctl);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-medium);
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .kstats__date { padding: 0 var(--s4); }

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) .kstats__select { padding-inline-end: 2.25rem; }

@media (max-width: 640px) {
    .fi-body.fi-panel-business :is(.kstats, .korders) .kstats__cmpmode { display: flex; width: 100%; }
    .fi-body.fi-panel-business :is(.kstats, .korders) .kstats__seg { display: flex; width: 100%; }
    
    .fi-body.fi-panel-business .kstats .kstats__custom {
        display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s3); row-gap: var(--s1); width: 100%;
    }
    .fi-body.fi-panel-business .kstats .kstats__custom > label[for="kstats-from"] { order: 1; }
    .fi-body.fi-panel-business .kstats .kstats__custom > label[for="kstats-to"] { order: 2; }
    .fi-body.fi-panel-business .kstats .kstats__custom > #kstats-from { order: 3; }
    .fi-body.fi-panel-business .kstats .kstats__custom > #kstats-to { order: 4; }
    .fi-body.fi-panel-business .kstats .kstats__custom > .kstats__apply { order: 5; grid-column: 1 / -1; margin-top: var(--s2); width: 100%; }
    .fi-body.fi-panel-business .kstats .kstats__custom > .kstats__date { min-width: 0; width: 100%; }
    .fi-body.fi-panel-business :is(.kstats, .korders) .kstats__seg .kstats__segbtn {
        flex: 1 1 auto; min-width: 0; padding: var(--s1) var(--s3); white-space: normal; line-height: 1.2; text-align: center;
    }
}

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) :is(.kstats__select, .kstats__date):focus-visible {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
    outline: none;
}

.fi-body.fi-panel-business .kstats__sub {
    margin: 0 0 var(--s4);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kstats__section .kstats__sub:last-child { margin-bottom: 0; }

.fi-body.fi-panel-business .kstats__fail-why { display: block; margin-top: var(--s1); color: var(--label-secondary); font-weight: var(--fw-regular); }
.fi-body.fi-panel-business .kstats__waiting { margin: 0; color: var(--label-secondary); font-size: var(--fs-subhead); }
.fi-body.fi-panel-business .kstats__connection { margin-bottom: var(--s4); }

.fi-body.fi-panel-business .khm-note { margin-top: var(--s5); }

@media screen {
    .fi-body.fi-panel-business .kstats__sections {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--kb-row-gap);
    }

    .fi-body.fi-panel-business .kstats__sections > .ka-card.kstats__section { margin-top: 0; }

    .fi-body.fi-panel-business .kstats__drill {
        text-decoration: underline;
        text-decoration-color: var(--separator-opaque);
        text-underline-offset: 3px;
    }

    .fi-body.fi-panel-business .kstats__drill:hover {
        color: var(--accent-ink);
        text-decoration-color: var(--accent-ink);
    }
}

.fi-body.fi-panel-business .kstats__drill {
    display: inline;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    cursor: pointer;
}

.fi-body.fi-panel-business .kstats__drill:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .kstats__heading {
    align-items: baseline;
    margin: 0 0 var(--s5);
}

.fi-body.fi-panel-business .kstats__heading .ka-sectitle__t { font-size: var(--fs-subhead); }

.fi-body.fi-panel-business .kstats__locked {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    flex-wrap: wrap;
    border-style: dashed;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kstats__locked-t { display: inline-flex; align-items: center; gap: var(--s2); font-weight: 600; }

.fi-body.fi-panel-business .kstats__locked-ic { width: 1em; height: 1em; flex: none; }

.fi-body.fi-panel-business .kstats__locked-why { font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kstats__export {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 var(--s4);
}

.fi-body.fi-panel-business .kstats__tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 14px;
}

.fi-body.fi-panel-business .kstats__tile {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 14px var(--s5);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
}

.fi-body.fi-panel-business .kstats__tile-label {
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kstats__tile-value {
    margin-top: var(--s2);
    color: var(--label);
    font-size: 22px;
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    letter-spacing: 0;
}

.fi-body.fi-panel-business .kstats__tile-value.up { color: var(--ok-ink); }
.fi-body.fi-panel-business .kstats__tile-value.down { color: var(--danger-ink); }

.fi-body.fi-panel-business .kstats__tile-note {
    max-width: 32ch;
    margin-top: var(--s2);
    color: var(--label-tertiary);
    font-size: 12.5px;
}

.fi-body.fi-panel-business .kstats__delta {
    flex-wrap: wrap;
    align-self: flex-start;
    margin-top: var(--s2);
    font-variant-numeric: tabular-nums;
    white-space: normal;
}

.fi-body.fi-panel-business .kstats__delta-vs {
    color: var(--label-tertiary);
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .kstats__cur {
    display: block;
    margin: 0 0 var(--s3);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) .kstats__shops {
    width: 100%;
    margin-top: var(--s5);
    border-collapse: collapse;
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) .kstats__shops th {
    padding: var(--kb-th-y) var(--kb-cell-x);
    border-bottom: 1px solid var(--separator);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-bold);
    letter-spacing: 0.04em;
    text-align: start;
    text-transform: uppercase;
    white-space: nowrap;
}

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) .kstats__shops td {
    padding: var(--kb-td-y) var(--kb-cell-x);
    border-bottom: 1px solid var(--separator);
    color: var(--label);
}

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) .kstats__shops tbody tr:last-child td { border-bottom: 0; }

.fi-body.fi-panel-business :is(.kstats, .korders, .kslip) .kstats__shops :is(th, td):is(.kb-num, .kmenu__num) {
    text-align: end;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kmenu__caption {
    caption-side: top;
    padding: 0 0 var(--s3);
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
    text-align: start;
}

.fi-body.fi-panel-business :is(.kstats__chanbar, .kstats__cmpbar) { width: var(--khm-w); }

.fi-body.fi-panel-business .kchart__day {
    left: var(--khm-x);
    width: var(--khm-w);
}

.fi-body.fi-panel-business :is(.kchart__dot, .kchart__tip) { top: var(--khm-y); }

.fi-body.fi-panel-business .khm-reasons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3) var(--s6);
    margin-top: var(--s5);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kstats__list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s3);
    margin: var(--s5) 0 0;
    padding: 0;
    list-style: none;
}

.fi-body.fi-panel-business .kstats__quote {
    padding: var(--s4) 14px;
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kstats__quote span {
    display: block;
    margin-top: var(--s1);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .kbusy__peaks {
    margin: 0 0 var(--s4);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kbusy__scroll { position: relative; overflow-x: auto; }

.fi-body.fi-panel-business .kbusy {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .kbusy__hour {
    padding: 0 0 var(--s1);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-semibold);
    text-align: center;
}

.fi-body.fi-panel-business .kbusy__day {
    padding: 0 var(--s3) 0 0;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    text-align: start;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kbusy__cell {
    min-width: 34px;
    height: var(--kb-ctl);
    padding: var(--s1);
    border-radius: var(--r-xs);
    background-color: var(--fill-quaternary);
    color: var(--label);
    line-height: 1.15;
    text-align: center;
    vertical-align: middle;
}

.fi-body.fi-panel-business .kbusy__cell--none {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px var(--separator);
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kbusy__cell--l1 { background-color: color-mix(in srgb, var(--accent) 12%, transparent); }
.fi-body.fi-panel-business .kbusy__cell--l2 { background-color: color-mix(in srgb, var(--accent) 26%, transparent); }
.fi-body.fi-panel-business .kbusy__cell--l3 { background-color: color-mix(in srgb, var(--accent) 42%, transparent); }
.fi-body.fi-panel-business .kbusy__cell--l4 { background-color: color-mix(in srgb, var(--accent) 60%, transparent); }

.fi-body.fi-panel-business .kbusy__n {
    display: block;
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kbusy__cell--l0 .kbusy__n {
    color: var(--label-tertiary);
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .kbusy__s {
    display: block;
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .kbusy__legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3) var(--s5);
    margin-top: var(--s4);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .kbusy__legendtitle {
    color: var(--label);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kbusy__legendscale {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
}

.fi-body.fi-panel-business .kbusy__swatch {
    display: inline-block;
    width: var(--s6);
    height: 14px;
    border-radius: var(--r-xs);
    background-color: var(--fill-quaternary);
}

.fi-body.fi-panel-business .kbusy__swatch.kbusy__cell--none {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px var(--separator);
}

.fi-body.fi-panel-business .kbusy__sr {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media print {
    .fi-body.fi-panel-business :is(.kbusy__cell, .kbusy__swatch) {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .fi-body.fi-panel-business .kbusy__scroll { overflow: visible; }

    .fi-body.fi-panel-business :is(.kbusy, .kmenu) tr { break-inside: avoid; }

    .fi-body.fi-panel-business :is(.korders__more, .korders__back) { display: none; }
}

.fi-body.fi-panel-business .korders__back {
    display: inline-block;
    margin-bottom: var(--s3);
}

.fi-body.fi-panel-business .korders .kb-state,
.fi-body.fi-panel-business .korders .ka-banner { margin-top: var(--s3); }

.fi-body.fi-panel-business .khm-fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s5);
    max-width: 420px;
}

.fi-body.fi-panel-business .khm-field__label {
    display: block;
    margin-bottom: 6px;
    color: var(--label);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .khm-rows > :is(.kb-lrow, .kb-setrow) {
    padding-inline: 0;
}

.fi-body.fi-panel-business .khm-rows > :is(.kb-lrow, .kb-setrow):first-child { padding-top: 0; }
.fi-body.fi-panel-business .khm-rows > :is(.kb-lrow, .kb-setrow):last-child { padding-bottom: 0; }

.fi-body.fi-panel-business .khm-rows + .khm-rows { margin-top: var(--s6); }

.fi-body.fi-panel-business .khm-cat {
    margin: 0 0 var(--s3);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.fi-body.fi-panel-business .khm-rows > .khm-cat + :is(.kb-lrow, .kb-setrow) {
    padding-top: var(--s3);
    border-top: 0;
}

.fi-body.fi-panel-business .khm-foot {
    margin-top: var(--s5);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .khm-slip + .khm-slip { border-top: 1px solid var(--separator); }

.fi-body.fi-panel-business .khm-slip__row {
    width: 100%;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.fi-body.fi-panel-business .khm-slip__row:hover { background-color: var(--fill-quaternary); }

.fi-body.fi-panel-business .khm-slip__row:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.fi-body.fi-panel-business .khm-slip__chev {
    flex: none;
    width: var(--s5);
    height: var(--s5);
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .khm-slip__detail {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s5);
    padding: var(--s5) var(--kb-card-pad) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
    background-color: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .khm-slip__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
}

.fi-body.fi-panel-business .khm-slip__table {
    border: 1px solid var(--separator);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .khm-slip__table :is(th, td):first-child { padding-inline-start: var(--kb-cell-x); }
.fi-body.fi-panel-business .khm-slip__table :is(th, td):last-child { padding-inline-end: var(--kb-cell-x); }

.fi-body.fi-panel-business .khm-slip__net td {
    border-top: 1px solid var(--separator-opaque);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kacct,
.fi-body.fi-panel-business .kslip {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
}

.fi-body.fi-panel-business .kacct > *,
.fi-body.fi-panel-business .kslip > * {
    margin-block: 0;
}

.fi-body.fi-panel-business .khm-pinform {
    display: grid;
    gap: var(--s4);
    max-width: 360px;
    margin-top: var(--s4);
}

.fi-body.fi-panel-business .khm-pinform > .fi-btn { justify-self: start; }

.fi-body.fi-panel-business .khm-pinuses {
    margin-top: var(--s6);
    padding-top: var(--s5);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business a.kb-seg__btn {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.fi-body.fi-panel-business .khm-subhead {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--s4);
    padding: var(--s4) var(--s5) var(--s2);
    border-top: 1px solid var(--separator);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.fi-body.fi-panel-business .khm-subhead__count { margin-left: var(--s2); color: var(--label); }
.fi-body.fi-panel-business .khm-subhead__hint { font-weight: var(--fw-regular); letter-spacing: 0; text-transform: none; }
.fi-body.fi-panel-business {
    --kina-w: 0%;
}

.fi-body.fi-panel-business .kina-page {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.fi-body.fi-panel-business .kina-scroll {
    overflow-x: auto;
}

.fi-body.fi-panel-business .kina-tbl .kina-tbl__row--quiet td {
    opacity: .6;
}

.fi-body.fi-panel-business .kov__table th.kina-th-num { text-align: end; }

.fi-body.fi-panel-business .kov__table :is(.kov__num, .kact__num),
.fi-body.fi-panel-business .kb-table :is(th, td).kact__num {
    text-align: end;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kov__capped {
    margin: 0;
    padding: var(--s4) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kov {
    width: 100%;
    max-width: none;
}

.fi-body.fi-panel-business .kov__bar { width: 100%; }

.fi-body.fi-panel-business .kov__search { flex: 1 1 16rem; }

.fi-body.fi-panel-business .kov__search input { width: 100%; }

.fi-body.fi-panel-business .kov__add {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
    margin-inline-start: auto;
}

.fi-body.fi-panel-business .kov__pick {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: var(--s8);
    height: var(--kb-ctl);
    cursor: pointer;
}

.fi-body.fi-panel-business .kov__gh > .kov__pick { margin-inline-end: var(--s3); }

.fi-body.fi-panel-business .kov__bulk {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    min-height: 56px;
    margin-bottom: var(--s5);
    padding: var(--s3) var(--s5);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .kov__bulk-count {
    margin-inline-end: var(--s2);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kov__bulk-spacer { flex: 1 1 auto; }

.fi-body.fi-panel-business .kov__bulklink {
    padding: var(--s3);
    border: 0;
    background-color: transparent;
    color: var(--accent-ink);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.fi-body.fi-panel-business .kov__bulklink:hover { text-decoration: underline; }

.fi-body.fi-panel-business .kov__tbl :is(th, td).kov__c-pick { width: calc(var(--kb-card-pad) + var(--s8) + var(--kb-cell-x)); }

.fi-body.fi-panel-business .kov__tbl--pick :is(th, td).kov__c-thumb {
    width: calc(var(--s9) + var(--kb-cell-x));
    padding-inline-start: 0;
}

.fi-body.fi-panel-business .kov__groups {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.fi-body.fi-panel-business .kov__gh {
    display: flex;
    align-items: center;
    padding-inline-start: var(--kb-card-pad);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kov__gh.is-closed { border-bottom-color: transparent; }

.fi-body.fi-panel-business .kov__ghead {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    gap: var(--s3);
    min-width: 0;
    min-height: 56px;
    padding: var(--s3) var(--kb-card-pad) var(--s3) 0;
    border: 0;
    background-color: transparent;
    color: var(--label);
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.fi-body.fi-panel-business .kov__ghead:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.fi-body.fi-panel-business .kov__chev {
    display: inline-flex;
    flex: none;
    color: var(--label-tertiary);
    transition: transform 0.15s ease;
}

.fi-body.fi-panel-business .kov__chev.is-open { transform: rotate(90deg); }

@media (prefers-reduced-motion: reduce) {
    .fi-body.fi-panel-business .kov__chev { transition: none; }
}

.fi-body.fi-panel-business .kov__chev-icon {
    width: var(--s6);
    height: var(--s6);
}

.fi-body.fi-panel-business .kov__gtitle {
    font-size: 15px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kov__gcount {
    min-width: var(--s7);
    padding: 0 var(--s3);
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-variant-numeric: tabular-nums;
    line-height: var(--s7);
    text-align: center;
}

.fi-body.fi-panel-business .kov__tbl { table-layout: fixed; }

.fi-body.fi-panel-business .kov__tbl :is(th, td).kov__c-thumb {
    width: calc(var(--kb-card-pad) + var(--s9) + var(--kb-cell-x));
    padding-inline-end: var(--kb-cell-x);
}

.fi-body.fi-panel-business .kov__tbl .kov__c-name { width: 22%; overflow-wrap: anywhere; }

.fi-body.fi-panel-business .kov__tbl .kov__c-stock { width: 12%; }

.fi-body.fi-panel-business .kov__tbl .kov__c-packs {
    width: 20%;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kov__tbl .kov__c-cover { width: 10%; }

.fi-body.fi-panel-business .kov__tbl .kov__c-status { width: 10%; }

.fi-body.fi-panel-business .kov__tbl :is(th, td).kov__c-status { padding-inline-start: var(--s6); }

.fi-body.fi-panel-business .kov__tbl .kov__c-when { width: 13%; white-space: nowrap; }

.fi-body.fi-panel-business .kov__tbl th { white-space: normal; }

.fi-body.fi-panel-business .kov__tbl :is(th, td).kov__c-act { width: calc(var(--kb-ctl) + var(--kb-card-pad)); }

.fi-body.fi-panel-business .kov__c-name a {
    color: var(--label);
    text-decoration: none;
}

.fi-body.fi-panel-business .kov__c-name a:hover { text-decoration: underline; }

.fi-body.fi-panel-business .kov__qty { font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kov__qty--warn { color: var(--warn-ink); }

.fi-body.fi-panel-business .kov__qty--danger { color: var(--danger-ink); }

.fi-body.fi-panel-business .kov__row--off td:not(.kov__c-act) { opacity: 0.6; }

.fi-body.fi-panel-business .kov > .kov__capped {
    padding-inline: 0;
    border-top: 0;
}

.fi-body.fi-panel-business .kov__thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: var(--s9);
    height: var(--s9);
    overflow: hidden;
    border-radius: var(--r-xs);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kov__thumb--ph {
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kov__thumb--half {
    background-color: color-mix(in srgb, var(--blue) 14%, transparent);
    color: var(--blue);
}

.fi-body.fi-panel-business .kov__thumb-icon {
    width: var(--s7);
    height: var(--s7);
}

.fi-body.fi-panel-business .kov__thumb-grid {
    display: grid;
    gap: 1px;
    width: 100%;
    height: 100%;
}

.fi-body.fi-panel-business .kov__thumb-grid img {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    object-fit: cover;
}

.fi-body.fi-panel-business .kov__thumb-grid--1 { grid-template-columns: 1fr; }

.fi-body.fi-panel-business .kov__thumb-grid--2 { grid-template-columns: 1fr 1fr; }

.fi-body.fi-panel-business .kov__thumb-grid--3,
.fi-body.fi-panel-business .kov__thumb-grid--4 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

.fi-body.fi-panel-business .kov__thumb-grid--3 img:first-child { grid-row: 1 / span 2; }

@media (max-width: 1099px) {
    .fi-body.fi-panel-business .kov__tbl .kov__c-when { display: none; }
}

@media (max-width: 759px) {
    .fi-body.fi-panel-business .kov__tbl,
    .fi-body.fi-panel-business .kov__tbl tbody { display: block; }

    .fi-body.fi-panel-business .kov__tbl thead,
    .fi-body.fi-panel-business .kov__tbl :is(.kov__c-packs, .kov__c-status) { display: none; }

    .fi-body.fi-panel-business .kov__tbl.kb-table tbody tr.kov__row {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto auto;
        grid-template-areas:
            "thumb name cover act"
            "thumb stock cover act";
        align-items: center;
        column-gap: var(--s4);
        padding: var(--s4) var(--kb-card-pad);
        border-bottom: 1px solid var(--separator);
    }

    .fi-body.fi-panel-business .kov__tbl.kb-table tbody tr.kov__row:last-child { border-bottom: 0; }

    .fi-body.fi-panel-business .kov__tbl.kb-table tbody tr.kov__row > td {
        display: block;
        width: auto;
        padding: 0;
        border: 0;
    }

    .fi-body.fi-panel-business .kov__tbl.kb-table tbody tr.kov__row > td:is(.kov__c-packs, .kov__c-status, .kov__c-when) { display: none; }

    .fi-body.fi-panel-business .kov__tbl--pick.kb-table tbody tr.kov__row {
        grid-template-columns: auto auto minmax(0, 1fr) auto auto;
        grid-template-areas:
            "pick thumb name cover act"
            "pick thumb stock cover act";
    }

    .fi-body.fi-panel-business .kov__tbl.kb-table tbody tr.kov__row > td.kov__c-pick { grid-area: pick; }

    .fi-body.fi-panel-business .kov__tbl.kb-table tbody tr.kov__row > td.kov__c-thumb { grid-area: thumb; }

    .fi-body.fi-panel-business .kov__tbl.kb-table tbody tr.kov__row > td.kov__c-name { grid-area: name; }

    .fi-body.fi-panel-business .kov__tbl.kb-table tbody tr.kov__row > td.kov__c-stock {
        grid-area: stock;
        text-align: start;
    }

    .fi-body.fi-panel-business .kov__tbl.kb-table tbody tr.kov__row > td.kov__c-cover { grid-area: cover; }

    .fi-body.fi-panel-business .kov__tbl.kb-table tbody tr.kov__row > td.kov__c-act {
        grid-area: act;
        padding: 0;
    }

    .fi-body.fi-panel-business .kov__cover {
        padding: var(--s2) var(--s4);
        border-radius: var(--r-full);
        background-color: var(--fill-tertiary);
        font-size: var(--fs-footnote);
        white-space: nowrap;
    }

    .fi-body.fi-panel-business .kov__add { width: 100%; }
}

.fi-body.fi-panel-business :is(.kact__tile, .kprod__card) {
    padding: var(--s5) var(--kb-card-pad);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kact__tile-label {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-medium);
    letter-spacing: 0;
    text-transform: none;
}

.fi-body.fi-panel-business .kact__tile-figure {
    color: var(--label);
    font-size: 26px;
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.fi-body.fi-panel-business .kact__hint {
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kact__track {
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kprod__name {
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business :is(.kprod__needs-label, .kprod__reqs) {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kina-dist {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3) var(--s7);
}

.fi-body.fi-panel-business .kina-dist__item {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kina-fill {
    width: var(--kina-w);
}

.fi-body.fi-panel-business .kina-kind {
    margin-inline-start: var(--s3);
    font-size: 12.5px;
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .kina-check {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.fi-body.fi-panel-business .kina-check__intro {
    margin: 0;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kina-check__p {
    margin: 0;
}

.fi-body.fi-panel-business .kina-check__h {
    margin-bottom: var(--s2);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kina-check__none {
    margin: var(--s3) 0 0;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kina-check__line {
    display: flex;
    justify-content: space-between;
    gap: var(--s5);
    padding: var(--s3) 0;
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kina-check__totals {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s7);
    padding-top: var(--s3);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kina-check__tile {
    display: flex;
    flex-direction: column;
    gap: var(--s1);
}

.fi-body.fi-panel-business .kina-check__k {
    color: var(--label-tertiary);
    font-size: 13px;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kina-check__v {
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .kina-check__line span:last-child {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
.fi-body.fi-panel-business .kib-page {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
    min-width: 0;
}

.fi-body.fi-panel-business .kib-intro {
    max-width: 760px;
    margin: 0;
    color: var(--label-secondary);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kib-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--s4) var(--s5);
}

.fi-body.fi-panel-business .kib-bar__note {
    align-self: center;
    color: var(--label-tertiary);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kib-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 240px;
}

.fi-body.fi-panel-business .kib-field--grow {
    flex: 1 1 280px;
    max-width: 440px;
}

.fi-body.fi-panel-business .kib-field__label {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kib-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s4);
    margin-top: var(--s5);
}

.fi-body.fi-panel-business .kib-foot__note {
    flex: 1 1 320px;
    margin: 0;
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kib-foot__grow { flex: 1 1 280px; }

.fi-body.fi-panel-business .kib-note {
    margin: 0 0 var(--s4);
    color: var(--label-tertiary);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kib-textarea {
    display: block;
    width: 100%;
    min-height: 140px;
    padding: var(--kb-inp-y) var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-family: var(--font-num);
    font-size: var(--kb-ctl-fs);
    line-height: 1.5;
    resize: vertical;
}

.fi-body.fi-panel-business .kib-textarea:focus {
    border-color: var(--accent);
    outline: 2px solid color-mix(in srgb, var(--accent) 30%, transparent);
    outline-offset: 0;
}

.fi-body.fi-panel-business .kib-textarea::placeholder { color: var(--label-quaternary); }

.fi-body.fi-panel-business .kib-mono {
    font-family: var(--font-num);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kib-lines {
    overflow-x: auto;
    border: 1px solid var(--separator);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .kib-lines .ka-table { font-size: var(--kb-ctl-fs); }

.fi-body.fi-panel-business .kib-lines .ka-table thead th,
.fi-body.fi-panel-business .kib-lines .ka-table tbody td {
    padding: var(--kb-th-y) var(--kb-cell-x);
}

.fi-body.fi-panel-business .kib-lines .ka-table thead th.ka-table__num { text-align: right; }

.fi-body.fi-panel-business .kib-lines a {
    color: var(--accent-ink);
    font-weight: var(--fw-medium);
    text-decoration: none;
}

.fi-body.fi-panel-business .kib-lines a:hover { text-decoration: underline; }

.fi-body.fi-panel-business .kib-lines__total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s5);
    padding: var(--kb-th-y) var(--kb-cell-x);
    border-top: 1px solid var(--separator);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kib-lines__total b {
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kib-checkcol {
    width: var(--s9);
    text-align: center;
}

.fi-body.fi-panel-business .kib-subhead { margin-top: var(--s6); }

.fi-body.fi-panel-business .kib-up { color: var(--ok-ink); }

.fi-body.fi-panel-business .kib-pct {
    color: var(--label-tertiary);
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .kib-flag {
    display: block;
    margin-top: var(--s2);
}

.fi-body.fi-panel-business .kib-sum .kib-total {
    color: var(--label);
    font-size: var(--fs-title-1);
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
}

.fi-body.fi-panel-business .kib-sum .kib-total .fi-in-text-item,
.fi-body.fi-panel-business .kib-sum .kib-total .fi-in-text-item > div {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.fi-body.fi-panel-business .kib-copy {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.fi-body.fi-panel-business .kib-copy__text {
    max-height: 360px;
    margin: 0;
    padding: var(--s4) var(--s5);
    overflow: auto;
    border: 1px solid var(--separator);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label);
    font-family: var(--font-num);
    font-size: var(--fs-footnote);
    white-space: pre-wrap;
}

.fi-body.fi-panel-business .kib-tone { font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kib-tone--ok { color: var(--ok-ink); }
.fi-body.fi-panel-business .kib-tone--warn { color: var(--warn-ink); }
.fi-body.fi-panel-business .kib-tone--muted { color: var(--label-secondary); }

.fi-body.fi-panel-business .kib-summary {
    margin: var(--s4) 0 0;
    color: var(--label);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kib-grouphead {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kib-grouphead__count {
    color: var(--label-tertiary);
    font-weight: var(--fw-regular);
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .kib-picks {
    overflow: hidden;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .kib-pick { border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kib-pick:first-child { border-top: 0; }
.fi-body.fi-panel-business .kib-pick--on { background-color: var(--accent-fill-subtle); }

.fi-body.fi-panel-business .kib-pick__row {
    display: flex;
    align-items: center;
    gap: var(--s4);
    min-height: var(--kb-ctl);
    padding: var(--s4) var(--kb-card-pad);
    cursor: pointer;
}

.fi-body.fi-panel-business .kib-pick__main {
    flex: 1 1 auto;
    min-width: 0;
}

.fi-body.fi-panel-business .kib-pick__fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s4);
    padding: 0 var(--kb-card-pad) var(--s5);
}

.fi-body.fi-panel-business .kib-pick__fields .kib-field { min-width: 0; }

.fi-body.fi-panel-business .kib-msg {
    margin-top: var(--s5);
    overflow: hidden;
    border: 1px solid var(--separator);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .kib-msg__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--s3);
    padding: var(--kb-th-y) var(--kb-cell-x);
    background-color: var(--bg-grouped-tertiary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kib-msg__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s5);
    min-height: var(--kb-ctl);
    padding: var(--s3) var(--kb-cell-x);
    border-top: 1px solid var(--separator);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kib-msg__name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2) var(--s4);
    min-width: 0;
}

.fi-body.fi-panel-business .kib-msg__right {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--s4);
}

.fi-body.fi-panel-business .kb-det.kib-det--wide { grid-template-columns: minmax(0, 1fr); }

.fi-body.fi-panel-business .kib-who__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s4);
    padding: var(--s4) 0;
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kib-who__row:first-child {
    padding-top: 0;
    border-top: 0;
}

.fi-body.fi-panel-business .kib-who__row:last-child { padding-bottom: 0; }

.fi-body.fi-panel-business .kib-who__role {
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
    white-space: nowrap;
}

.fi-body.fi-panel-business .kib-who__person {
    min-width: 0;
    text-align: end;
}

.fi-body.fi-panel-business .kib-decided {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2) var(--s3);
}

.fi-body.fi-panel-business .kib-rowact {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kib-seg {
    width: fit-content;
    margin-inline: 0;
    margin-bottom: var(--s4);
}

.fi-body.fi-panel-business .kib-reason {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kib-reason .kib-seg { margin-bottom: 0; }

.fi-body.fi-panel-business .kib-pasted { margin-top: var(--s5); }

.fi-body.fi-panel-business .kib-pasted__title {
    margin: var(--s5) 0 var(--s3);
    color: var(--label);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kib-pasted__list {
    margin: var(--s3) 0 var(--s5);
    padding-inline-start: var(--s6);
    list-style: disc;
    color: var(--label);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kib-pasted__list li { margin-top: var(--s2); }

@media (min-width: 900px) {
    .fi-body.fi-panel-business .kib-pick__fields { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 2fr); }
}

@media (min-width: 1536px) {
    .fi-body.fi-panel-business .kb-det.kib-det--wide { grid-template-columns: 320px minmax(0, 1fr); }
}

.fi-body.fi-panel-business .kib-mm {
    padding: var(--s4) var(--s5);
    border: 1px solid var(--separator);
    border-left-width: 4px;
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kib-mm--short { border-left-color: var(--danger-ink); background-color: color-mix(in srgb, var(--danger-ink) 8%, transparent); }
.fi-body.fi-panel-business .kib-mm--surplus { border-left-color: var(--warn-ink); background-color: color-mix(in srgb, var(--warn-ink) 10%, transparent); }
.fi-body.fi-panel-business .kib-mm--calm { border-left-color: var(--ok-ink); background-color: color-mix(in srgb, var(--ok-ink) 8%, transparent); }

.fi-body.fi-panel-business .kib-mm__title {
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kib-mm__sub,
.fi-body.fi-panel-business .kib-mm__note {
    margin-top: var(--s2);
    color: var(--label-secondary);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kib-mm__note { font-style: italic; }

.fi-body.fi-panel-business .kib-lines tr.kib-line--short > td:first-child { box-shadow: inset 3px 0 0 var(--danger-ink); }
.fi-body.fi-panel-business .kib-lines tr.kib-line--surplus > td:first-child { box-shadow: inset 3px 0 0 var(--warn-ink); }

.fi-body.fi-panel-business .kib-mm-diff { display: block; font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .kib-mm-diff--short { color: var(--danger-ink); }
.fi-body.fi-panel-business .kib-mm-diff--surplus { color: var(--warn-ink); }

.fi-body.fi-panel-business .kib-late {
    padding: var(--s4) var(--s5);
    border: 1px solid var(--separator);
    border-left-width: 4px;
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kib-late--late { border-left-color: var(--warn-ink); background-color: color-mix(in srgb, var(--warn-ink) 10%, transparent); }
.fi-body.fi-panel-business .kib-late--calm { border-left-color: var(--separator); }

.fi-body.fi-panel-business .kib-late__title {
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kib-late--late .kib-late__title { color: var(--warn-ink); }

.fi-body.fi-panel-business .kib-late__sub,
.fi-body.fi-panel-business .kib-late__note {
    margin-top: var(--s2);
    color: var(--label-secondary);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kib-late__note { font-style: italic; }

.fi-body.fi-panel-business .kib-late__matter {
    margin-top: var(--s2);
    color: var(--warn-ink);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kib-lead__title { color: var(--label); font-size: var(--kb-ctl-fs); }

.fi-body.fi-panel-business [data-lead-offer] .fi-btn { max-width: 100%; height: auto; white-space: normal; text-align: start; }

.fi-body.fi-panel-business .kib-late__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
    margin-top: var(--s4);
}

.fi-body.fi-panel-business .kib-exp {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--s4);
}

.fi-body.fi-panel-business .kib-exp__date { color: var(--label); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .kib-exp__sub { margin-top: var(--s1); color: var(--label-secondary); font-size: var(--kb-ctl-fs); }
.fi-body.fi-panel-business .kii { display: flex; flex-direction: column; gap: var(--kb-row-gap); min-width: 0; }

.fi-body.fi-panel-business .kii code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--label-secondary); overflow-wrap: anywhere; }

.fi-body.fi-panel-business .kii-tabs { display: flex; gap: var(--s5); border-bottom: 1px solid var(--separator-opaque); }

.fi-body.fi-panel-business .kii-tab {
    display: inline-flex; align-items: center; gap: var(--s2);
    padding: var(--s3) var(--s1);
    margin-bottom: -1px;
    border: 0; border-bottom: 2px solid transparent; background: none;
    color: var(--label-secondary); font-size: var(--kb-ctl-fs); font-weight: 500; cursor: pointer;
}

.fi-body.fi-panel-business .kii-tab.is-on { color: var(--label); border-bottom-color: var(--accent); }

.fi-body.fi-panel-business .kii-count {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 22px; height: 22px; padding: 0 var(--s2);
    border-radius: var(--r-full); background: var(--fill-tertiary); color: var(--label-secondary);
    font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none;
}

.fi-body.fi-panel-business .kii-addr { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); }

.fi-body.fi-panel-business .kii-addr__box {
    flex: 1 1 280px; min-width: 0; display: flex; align-items: center; gap: var(--s3);
    padding: var(--s3) var(--s4); border: 1px solid var(--separator-opaque); border-radius: var(--r-sm); background: var(--bg-grouped-tertiary);
    font-size: var(--fs-body);
}

.fi-body.fi-panel-business .kii-addr__box code { color: var(--label); }

.fi-body.fi-panel-business .kii-addr__ic { flex: none; width: 18px; height: 18px; color: var(--label-secondary); }

.fi-body.fi-panel-business .kii-note { margin: var(--s4) 0 0; color: var(--label-tertiary); font-size: var(--kb-ctl-fs); }

.fi-body.fi-panel-business .kii-group {
    display: flex; align-items: center; gap: var(--s2);
    padding: var(--s3) var(--kb-card-pad); border-top: 1px solid var(--separator-opaque);
    color: var(--label-secondary); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
}

.fi-body.fi-panel-business .kii-row,
.fi-body.fi-panel-business .kii-mail {
    display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3) var(--s5);
    padding: var(--s4) var(--kb-card-pad); border-top: 1px solid var(--separator-opaque);
}

.fi-body.fi-panel-business .kii-row--waiting { background: var(--accent-fill-subtle); }

.fi-body.fi-panel-business .kii-row__who { flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }

.fi-body.fi-panel-business .kii-row__why,
.fi-body.fi-panel-business .kii-row__by { flex: 1 1 240px; margin: 0; color: var(--label-secondary); display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; }

.fi-body.fi-panel-business .kii-row__act { display: flex; gap: var(--s2); margin-left: auto; align-items: center; }

.fi-body.fi-panel-business .kii-empty { margin: 0; padding: var(--s4) var(--kb-card-pad); color: var(--label-tertiary); border-top: 1px solid var(--separator-opaque); }

.fi-body.fi-panel-business .kii-mail { align-items: flex-start; }

.fi-body.fi-panel-business .kii-mail__main { flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: var(--s2); }

.fi-body.fi-panel-business .kii-mail__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s3); }

.fi-body.fi-panel-business .kii-mail__head span { color: var(--label-tertiary); font-size: var(--kb-ctl-fs); }

.fi-body.fi-panel-business .kii-mail__from { color: var(--label-secondary); }

.fi-body.fi-panel-business .kii-chips { display: flex; flex-wrap: wrap; gap: var(--s2); }

.fi-body.fi-panel-business .kii-chip {
    display: inline-flex; align-items: center; gap: var(--s2);
    padding: 2px var(--s3); border: 1px solid var(--separator-opaque); border-radius: var(--r-sm); background: var(--bg-grouped-tertiary);
    color: var(--label-secondary); font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kii-chip__ic,
.fi-body.fi-panel-business .kii-reason__ic { flex: none; width: 16px; height: 16px; }

.fi-body.fi-panel-business .kii-reason {
    display: flex; align-items: center; gap: var(--s3);
    padding: var(--s3) var(--s4); border-radius: var(--r-sm); background: var(--fill-quaternary); color: var(--label-secondary);
}

.fi-body.fi-panel-business .kii-scrim {
    position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; padding: var(--s5);
    background: var(--scrim);
}

.fi-body.fi-panel-business .kii-dialog {
    width: min(100%, 440px); display: flex; flex-direction: column; gap: var(--s3);
    padding: var(--s6); border: 1px solid var(--separator-opaque); border-radius: var(--r-lg); background: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kii-dialog h2 { margin: 0; font-size: 18px; font-weight: 700; color: var(--label); }

.fi-body.fi-panel-business .kii-dialog p { margin: 0; color: var(--label-secondary); }

.fi-body.fi-panel-business .kii-dialog__act { display: flex; justify-content: flex-end; gap: var(--s3); padding-top: var(--s3); }

.fi-body.fi-panel-business .kii-row__who a { color: var(--label); text-decoration: none; }
.fi-body.fi-panel-business .kii-row__who a:hover { color: var(--accent-ink); }
.fi-body.fi-panel-business .kio { display: flex; flex-direction: column; gap: var(--kb-row-gap); min-width: 0; }

.fi-body.fi-panel-business .kio-head { padding: var(--kb-card-pad); display: flex; flex-direction: column; gap: var(--s2); }
.fi-body.fi-panel-business .kio-crumbs { font-size: var(--kb-ctl-fs); color: var(--label-secondary); }
.fi-body.fi-panel-business .kio-crumbs a { color: inherit; }
.fi-body.fi-panel-business .kio-title { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); }
.fi-body.fi-panel-business .kio-title h2 { margin: 0; font-size: 1.5rem; font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kio-sub { color: var(--label-secondary); }
.fi-body.fi-panel-business .kio-meta { display: flex; flex-wrap: wrap; gap: var(--s3); font-size: var(--kb-ctl-fs); color: var(--label-secondary); }
.fi-body.fi-panel-business .kio-warn { color: var(--warn-ink); }

.fi-body.fi-panel-business .kio-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 360px); gap: var(--kb-row-gap); align-items: start; }
.fi-body.fi-panel-business .kio-main, .fi-body.fi-panel-business .kio-side { display: flex; flex-direction: column; gap: var(--kb-row-gap); min-width: 0; }
@media (max-width: 1100px) { .fi-body.fi-panel-business .kio-grid { grid-template-columns: minmax(0, 1fr); } }

.fi-body.fi-panel-business .kio-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 760px) { .fi-body.fi-panel-business .kio-fields { grid-template-columns: minmax(0, 1fr); } }
.fi-body.fi-panel-business .kio-field { padding: var(--s3) var(--kb-card-pad); border-top: 1px solid var(--separator-opaque); display: flex; flex-direction: column; gap: var(--s2); min-width: 0; }
.fi-body.fi-panel-business .kio-field label { font-size: var(--kb-ctl-fs); color: var(--label-secondary); }
.fi-body.fi-panel-business .kio-field--low { background: color-mix(in srgb, var(--warn-solid) 8%, transparent); }
.fi-body.fi-panel-business .kio-field--on { box-shadow: inset 3px 0 0 var(--warn-solid); }
.fi-body.fi-panel-business .kio-reason { font-size: var(--kb-ctl-fs); color: var(--warn-ink); }
.fi-body.fi-panel-business .kio-pair { display: flex; align-items: center; gap: var(--s3); min-width: 0; }

.fi-body.fi-panel-business .kio-pair .kio-in { flex: 1 1 11rem; min-width: 0; }
.fi-body.fi-panel-business .kio-pair .kio-cut { flex: 0 1 auto; max-width: 55%; min-width: 0; }

.fi-body.fi-panel-business .kio-in {
    width: 100%; padding: var(--s2) var(--s3); border: 1px solid var(--separator-opaque); border-radius: var(--r-sm);
    background: var(--bg-grouped-tertiary); color: inherit; font: inherit; font-variant-numeric: tabular-nums;
}
.fi-body.fi-panel-business .kio-in--num { text-align: right; max-width: 8rem; }
.fi-body.fi-panel-business .kio-in--low { border-color: var(--warn-solid); background: color-mix(in srgb, var(--warn-solid) 14%, transparent); color: var(--warn-ink); }
.fi-body.fi-panel-business .kio-in:focus { outline: 2px solid var(--warn-solid); outline-offset: 0; }

.fi-body.fi-panel-business .kio-cut { display: block; max-height: 2.6rem; max-width: 100%; border-radius: var(--r-sm); background: #f1efe6; cursor: pointer; object-fit: contain; object-position: left center; }
.fi-body.fi-panel-business .kio-cut--line { max-width: 22rem; }

.fi-body.fi-panel-business .kio-tablewrap { overflow-x: auto; }
.fi-body.fi-panel-business .kio-lines { width: 100%; border-collapse: collapse; }
.fi-body.fi-panel-business .kio-lines th { text-align: left; padding: var(--s3); font-size: var(--kb-ctl-fs); font-weight: var(--fw-medium); color: var(--label-secondary); text-transform: uppercase; letter-spacing: .04em; }
.fi-body.fi-panel-business .kio-lines td { padding: var(--s2) var(--s3); border-top: 1px solid var(--separator-opaque); vertical-align: middle; }
.fi-body.fi-panel-business .kio-lines .num { text-align: right; }
.fi-body.fi-panel-business .kio-lines td:nth-child(2) { min-width: 15rem; }
.fi-body.fi-panel-business .kio-cut--line { max-width: 18rem; }
.fi-body.fi-panel-business .kio-code { font-family: var(--font-mono, ui-monospace, monospace); color: var(--label-secondary); white-space: nowrap; }
.fi-body.fi-panel-business .kio-note td { padding: var(--s2) var(--s3); font-size: var(--kb-ctl-fs); }
.fi-body.fi-panel-business .kio-note--low td { background: color-mix(in srgb, var(--warn-solid) 14%, transparent); color: var(--warn-ink); }
.fi-body.fi-panel-business .kio-note--ok td { background: color-mix(in srgb, var(--ok-solid) 12%, transparent); color: var(--ok-ink); }

.fi-body.fi-panel-business .kio-totals { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); padding: var(--s4) var(--kb-card-pad); border: 1px solid var(--ok-solid); border-radius: var(--r-md); color: var(--label-secondary); }
.fi-body.fi-panel-business .kio-totals b { color: var(--label-primary); }
.fi-body.fi-panel-business .kio-totals strong { margin-left: auto; color: var(--ok-ink); }
.fi-body.fi-panel-business .kio-totals--low { border-color: var(--warn-solid); }
.fi-body.fi-panel-business .kio-totals--low strong { color: var(--warn-ink); }
.fi-body.fi-panel-business .kio-sep { opacity: .5; }

.fi-body.fi-panel-business .kio-photo { padding: var(--kb-card-pad); }
.fi-body.fi-panel-business .kio-photo__frame { position: relative; line-height: 0; border-radius: var(--r-sm); overflow: hidden; background: var(--bg-grouped-tertiary); }
.fi-body.fi-panel-business .kio-photo__frame img { width: 100%; height: auto; display: block; }

.fi-body.fi-panel-business .kio-photo__frame { min-height: 12rem; background: var(--skel); }
.fi-body.fi-panel-business .kio-photo__frame::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--label) 8%, transparent), transparent); transform: translateX(-100%); animation: kp-sheen 1.4s ease-in-out infinite; pointer-events: none; }
.fi-body.fi-panel-business .kio-photo__frame.is-loaded { min-height: 0; background: var(--bg-grouped-tertiary); }
.fi-body.fi-panel-business .kio-photo__frame.is-loaded::after,
.fi-body.fi-panel-business .kio-photo__frame.is-failed::after { content: none; }
@media (prefers-reduced-motion: reduce) { .fi-body.fi-panel-business .kio-photo__frame::after { animation: none; } }
.fi-body.fi-panel-business .kio-photo__failed { display: none; }
.fi-body.fi-panel-business .kio-photo__frame.is-failed { background: var(--bg-grouped-tertiary); display: grid; place-items: center; line-height: 1.4; }
.fi-body.fi-panel-business .kio-photo__frame.is-failed img { display: none; }
.fi-body.fi-panel-business .kio-photo__frame.is-failed .kio-photo__failed { display: block; padding: var(--s5); text-align: center; font-size: var(--kb-ctl-fs); color: var(--label-secondary); }
.fi-body.fi-panel-business .kio-box { position: absolute; border: 2px solid var(--warn-solid); border-radius: 3px; background: color-mix(in srgb, var(--warn-solid) 12%, transparent); box-shadow: 0 0 0 1px rgba(0, 0, 0, .25); pointer-events: none; }

.fi-body.fi-panel-business .kio-checks { list-style: none; margin: 0; padding: var(--kb-card-pad); display: flex; flex-direction: column; gap: var(--s3); border: 1px solid var(--separator-opaque); border-radius: var(--r-md); background: var(--bg-grouped-secondary); }
.fi-body.fi-panel-business .kio-checks li { display: flex; gap: var(--s3); align-items: baseline; }
.fi-body.fi-panel-business .kio-checks li::before { content: "\2022"; font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kio-check--ok { color: var(--ok-ink); }
.fi-body.fi-panel-business .kio-check--ok::before { content: "\2713" !important; }
.fi-body.fi-panel-business .kio-check--low { color: var(--warn-ink); }
.fi-body.fi-panel-business .kio-check--low::before { content: "!" !important; }
.fi-body.fi-panel-business .kio-check--muted { color: var(--label-secondary); }

.fi-body.fi-panel-business .kio-foot { position: sticky; bottom: 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--s4); padding: var(--s4) var(--kb-card-pad); border-top: 1px solid var(--separator-opaque); background: var(--bg-grouped-secondary); }
.fi-body.fi-panel-business .kio-tick { display: flex; align-items: center; gap: var(--s3); cursor: pointer; }
.fi-body.fi-panel-business .kio-tick input { width: 1.25rem; height: 1.25rem; accent-color: var(--warn-solid); }
.fi-body.fi-panel-business .kio-hint { margin-left: auto; font-size: var(--kb-ctl-fs); color: var(--label-secondary); }

.fi-body.fi-panel-business .kio-foot [data-confirm-ready="0"] { background: var(--fill-tertiary); color: var(--label-tertiary); box-shadow: none; opacity: 1; }

.fi-body.fi-panel-business .kio-title h2 a { color: inherit; text-decoration: none; }
.fi-body.fi-panel-business .kio-title h2 a:hover { color: var(--accent-ink); }

@media (max-width: 640px) {
    .fi-body.fi-panel-business .kio-pair { flex-wrap: wrap; }
    .fi-body.fi-panel-business .kio-pair .kio-in { flex-basis: 100%; }
    .fi-body.fi-panel-business .kio-pair .kio-cut { max-width: 100%; }
}

.fi-body.fi-panel-business:has(.kio-foot) { scroll-padding-bottom: 9rem; }
@media (max-width: 640px) {
    .fi-body.fi-panel-business .kio-foot { gap: var(--s2) var(--s3); padding: var(--s3) var(--s4); }
    .fi-body.fi-panel-business .kio-tick { flex: 1 1 100%; }
    .fi-body.fi-panel-business .kio-hint { flex: 1 1 100%; margin-left: 0; font-size: 12px; }
    .fi-body.fi-panel-business .kio-hint__never { display: none; }
    .fi-body.fi-panel-business .kio-hint:not(:has([data-testid="ocr-blocker"])) { display: none; }
    .fi-body.fi-panel-business .kio { padding-bottom: var(--s4); }
}

.fi-body.fi-panel-business .kio-field--wide { grid-column: 1 / -1; }
.fi-body.fi-panel-business .kit { display: flex; flex-direction: column; gap: var(--kb-row-gap); min-width: 0; }

.fi-body.fi-panel-business .kit-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 400px);
    gap: var(--s5);
    align-items: start;
}

@media (max-width: 1100px) {
    .fi-body.fi-panel-business .kit-grid { grid-template-columns: minmax(0, 1fr); }
}

.fi-body.fi-panel-business .kit-canvas {
    min-width: 0;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background: var(--bg-grouped-secondary);
    overflow: hidden;
}

.fi-body.fi-panel-business .kit-bar {
    display: flex;
    align-items: center;
    gap: var(--s3);
    padding: var(--s3) var(--s4);
    border-bottom: 1px solid var(--separator-opaque);
    font-size: var(--kb-ctl-fs);
    flex-wrap: wrap;
}

.fi-body.fi-panel-business .kit-bar__sp { flex: 1 1 8px; }
.fi-body.fi-panel-business .kit-check { display: inline-flex; align-items: center; gap: var(--s2); }
.fi-body.fi-panel-business .kit-zoom { min-width: 3.2em; text-align: center; color: var(--label-secondary); }
.fi-body.fi-panel-business .kit-soft { color: var(--label-secondary); font-size: var(--kb-ctl-fs); }

.fi-body.fi-panel-business .kit-icon {
    width: 28px;
    height: 28px;
    border-radius: var(--r-xs);
    background: var(--fill-tertiary);
    color: var(--label);
    font-size: 16px;
    line-height: 1;
}

.fi-body.fi-panel-business .kit-stage { overflow: auto; max-height: 78vh; padding: var(--s4); }

.fi-body.fi-panel-business .kit-page { position: relative; margin: 0 auto; background: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18); }
.fi-body.fi-panel-business .kit-page img { display: block; width: 100%; height: auto; user-select: none; -webkit-user-drag: none; }
.fi-body.fi-panel-business .kit-layer { position: absolute; inset: 0; touch-action: none; user-select: none; }
.fi-body.fi-panel-business .kit-layer--tool { cursor: crosshair; }
.fi-body.fi-panel-business .kit-words { position: absolute; inset: 0; pointer-events: none; }
.fi-body.fi-panel-business .kit-layer > *, .fi-body.fi-panel-business .kit-words > * { position: absolute; box-sizing: border-box; pointer-events: none; }

.fi-body.fi-panel-business .kit-word { background: rgba(0, 122, 255, 0.07); border: 1px solid rgba(0, 122, 255, 0.45); }
.fi-body.fi-panel-business .kit-word--used { background: none; border-color: transparent; }

.fi-body.fi-panel-business .kit-box { border: 2px solid transparent; }
.fi-body.fi-panel-business .kit-box--now { border-color: #ff7a00; background: rgba(255, 122, 0, 0.14); }
.fi-body.fi-panel-business .kit-box--ok { border-color: #1f9d55; background: rgba(31, 157, 85, 0.12); }
.fi-body.fi-panel-business .kit-box--warn { border-color: #e0a100; background: rgba(224, 161, 0, 0.18); }
.fi-body.fi-panel-business .kit-box--anchor { border-style: dashed; }
.fi-body.fi-panel-business .kit-box--row { border-width: 1px; background: none; }
.fi-body.fi-panel-business .kit-box--fp { border-color: #5856d6; background: rgba(88, 86, 214, 0.15); }
.fi-body.fi-panel-business .kit-edge { border-left: 1px dashed rgba(31, 157, 85, 0.7); }
.fi-body.fi-panel-business .kit-label { position: absolute; left: 0; bottom: 100%; white-space: nowrap; font-size: 12px; font-weight: 600; color: #1f6f43; background: rgba(255, 255, 255, 0.85); padding: 0 3px; border-radius: 3px; }

.fi-body.fi-panel-business .kit-would { margin: 0; padding: var(--s3) var(--s4); font-size: var(--kb-ctl-fs); background: var(--accent-fill-subtle); color: var(--accent-ink); }

.fi-body.fi-panel-business .kit-side {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    min-width: 0;
    padding: var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kit-steps { display: flex; gap: var(--s3); list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.fi-body.fi-panel-business .kit-step { display: inline-flex; align-items: center; gap: var(--s2); padding: var(--s2) var(--s3); border-radius: var(--r-xs); color: var(--label-secondary); font-size: var(--kb-ctl-fs); }
.fi-body.fi-panel-business .kit-step i { font-style: normal; width: 20px; height: 20px; border-radius: 50%; display: inline-grid; place-items: center; background: var(--fill-tertiary); font-size: 12px; }
.fi-body.fi-panel-business .kit-step--on { color: var(--label); font-weight: var(--fw-medium); }
.fi-body.fi-panel-business .kit-step--on i { background: var(--accent-fill-subtle); color: var(--accent-ink); }
.fi-body.fi-panel-business .kit-step--done i { background: var(--ok-fill-subtle, var(--fill-tertiary)); color: var(--ok-ink); }

.fi-body.fi-panel-business .kit-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); }
.fi-body.fi-panel-business .kit-sec { margin-top: var(--s4); display: flex; align-items: baseline; gap: var(--s3); }

.fi-body.fi-panel-business .kit-fields { list-style: none; margin: var(--s3) 0; padding: 0; display: flex; flex-direction: column; gap: var(--s2); }
.fi-body.fi-panel-business .kit-field { width: 100%; display: flex; align-items: baseline; gap: var(--s3); text-align: left; padding: var(--s3); border-radius: var(--r-xs); background: var(--bg-grouped-tertiary); }
.fi-body.fi-panel-business .kit-field--on > .kit-field { outline: 2px solid #ff7a00; }
.fi-body.fi-panel-business .kit-field__tick { width: 1.2em; color: var(--ok-ink); }
.fi-body.fi-panel-business .kit-field__name { font-weight: var(--fw-medium); }
.fi-body.fi-panel-business .kit-field__val { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s3); padding: var(--s2) var(--s3) 0 calc(var(--s3) + 1.2em); }
.fi-body.fi-panel-business .kit-field--opt .kit-field__name { font-weight: normal; }

.fi-body.fi-panel-business .kit-help { font-size: var(--kb-ctl-fs); color: var(--label-secondary); display: flex; flex-direction: column; gap: var(--s2); padding: var(--s3); border-radius: var(--r-xs); background: var(--bg-grouped-tertiary); }
.fi-body.fi-panel-business .kit-help p { margin: 0; }

.fi-body.fi-panel-business .kit-foot { display: flex; align-items: center; justify-content: flex-end; gap: var(--s3); flex-wrap: wrap; margin-top: var(--s3); }
.fi-body.fi-panel-business .kit-foot small { flex: 1 1 140px; text-align: right; }

.fi-body.fi-panel-business .kit-btn {
    padding: var(--s3) var(--s5);
    border-radius: var(--r-sm);
    background: var(--accent-solid, var(--accent-ink));
    color: var(--accent-on, #fff);
    font-weight: var(--fw-medium);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kit-btn--ghost { background: var(--fill-tertiary); color: var(--label); }
.fi-body.fi-panel-business .kit-btn--on { outline: 2px solid #ff7a00; }

.fi-body.fi-panel-business .kit-btn:disabled { background: var(--fill-tertiary); color: var(--label-tertiary); cursor: not-allowed; }

.fi-body.fi-panel-business .kit-cols, .fi-body.fi-panel-business .kit-lines { width: 100%; border-collapse: collapse; font-size: var(--kb-ctl-fs); margin: var(--s3) 0; }
.fi-body.fi-panel-business .kit-cols th { text-align: left; color: var(--label-secondary); font-weight: var(--fw-medium); padding: var(--s2); }
.fi-body.fi-panel-business .kit-cols td, .fi-body.fi-panel-business .kit-lines td { padding: var(--s2); border-top: 1px solid var(--separator-opaque); }
.fi-body.fi-panel-business .kit-lines .num { text-align: right; white-space: nowrap; }
.fi-body.fi-panel-business .kit-lines--warn td { background: var(--warn-fill-subtle, rgba(224, 161, 0, 0.14)); }
.fi-body.fi-panel-business .kit-split { display: inline-flex; gap: var(--s3); margin-left: var(--s3); font-size: 12px; }
.fi-body.fi-panel-business .kit-hw { white-space: nowrap; }
.fi-body.fi-panel-business .kit-cut { margin: 0 3px; padding: 0 3px; border-radius: 3px; color: var(--label-tertiary); background: var(--fill-tertiary); font-size: 11px; }
.fi-body.fi-panel-business .kit-cut:hover { color: var(--accent-ink); }
.fi-body.fi-panel-business .kit-end { display: flex; flex-direction: column; gap: var(--s2); margin: var(--s3) 0; align-items: flex-start; }

.fi-body.fi-panel-business .kit-read { list-style: none; margin: var(--s3) 0; padding: 0; display: flex; flex-direction: column; gap: var(--s2); }
.fi-body.fi-panel-business .kit-read li { padding: var(--s2) var(--s3); border-radius: var(--r-xs); background: var(--bg-grouped-tertiary); display: flex; flex-wrap: wrap; gap: var(--s3); align-items: baseline; }
.fi-body.fi-panel-business .kit-read__name { color: var(--label-secondary); min-width: 9em; }
.fi-body.fi-panel-business .kit-read--warn { background: var(--warn-fill-subtle, rgba(224, 161, 0, 0.14)); }
.fi-body.fi-panel-business .kit-warn { flex: 1 1 100%; display: flex; flex-wrap: wrap; gap: var(--s3); align-items: center; color: var(--warn-ink); font-size: var(--kb-ctl-fs); margin: var(--s2) 0; }

.fi-body.fi-panel-business .kit-checks { list-style: none; margin: var(--s3) 0; padding: 0; display: flex; flex-direction: column; gap: var(--s2); font-size: var(--kb-ctl-fs); }
.fi-body.fi-panel-business .kit-checks i { font-style: normal; display: inline-block; width: 1.4em; font-weight: 700; }
.fi-body.fi-panel-business .kit-check--ok i { color: var(--ok-ink); }
.fi-body.fi-panel-business .kit-check--bad i { color: var(--warn-ink); }
.fi-body.fi-panel-business .kit-check--na { color: var(--label-secondary); }
.fi-body.fi-panel-business .kit-issues { margin: 0; padding-left: 1.2em; color: var(--warn-ink); font-size: var(--kb-ctl-fs); }

.fi-body.fi-panel-business .kit-line { display: flex; flex-direction: column; gap: var(--s2); font-size: var(--kb-ctl-fs); margin: var(--s3) 0; }
.fi-body.fi-panel-business .kit-line input, .fi-body.fi-panel-business .kit-cols select { padding: var(--s2) var(--s3); border: 1px solid var(--separator-opaque); border-radius: var(--r-xs); background: var(--bg-grouped-secondary); color: var(--label); }
.fi-body.fi-panel-business .kit-scope { border: 0; padding: 0; margin: var(--s3) 0; display: flex; flex-direction: column; gap: var(--s3); font-size: var(--kb-ctl-fs); }
.fi-body.fi-panel-business .kit-scope legend { color: var(--label-secondary); margin-bottom: var(--s2); }
.fi-body.fi-panel-business .kit-scope label { display: flex; flex-wrap: wrap; gap: var(--s2); align-items: baseline; }
.fi-body.fi-panel-business .kit-scope--off { color: var(--label-tertiary); }
.fi-body.fi-panel-business .kit-chips { display: flex; flex-wrap: wrap; gap: var(--s2); align-items: center; margin: var(--s3) 0; }
.fi-body.fi-panel-business .kit-chip { display: inline-flex; gap: var(--s2); align-items: center; padding: var(--s2) var(--s3); border-radius: 999px; background: var(--accent-fill-subtle); color: var(--accent-ink); font-size: var(--kb-ctl-fs); }
.fi-body.fi-panel-business .kit-chip button { font-size: 14px; line-height: 1; }

.fi-body.fi-panel-business .kiv-link { color: var(--accent-ink); background: none; text-decoration: underline; font-size: inherit; }
.fi-body.fi-panel-business .kiv-page {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
    min-width: 0;
}

.fi-body.fi-panel-business .kiv-drop {
    display: flex;
    align-items: center;
    gap: var(--s5);
    flex-wrap: wrap;
    padding: var(--s5);
    border: 1px dashed var(--separator-opaque);
    border-radius: var(--r-sm);
    background: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .kiv-drop__text {
    flex: 1 1 280px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: var(--kb-ctl-fs);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kiv-drop__text b { color: var(--label); }

.fi-body.fi-panel-business .kiv-drop { cursor: pointer; transition: border-color .15s, background-color .15s; }
.fi-body.fi-panel-business .kiv-drop:hover,
.fi-body.fi-panel-business .kiv-drop.is-over { border-color: var(--accent); background: var(--accent-fill-subtle); }
.fi-body.fi-panel-business .kiv-drop:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
.fi-body.fi-panel-business .kiv-drop__pick {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    padding: var(--s3) var(--s5);
    border-radius: var(--r-sm);
    background: var(--fill-secondary);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}
.fi-body.fi-panel-business .kiv-drop__pick.is-busy { opacity: .5; }
.fi-body.fi-panel-business .kiv-drop__ic { width: 1.125rem; height: 1.125rem; }
.fi-body.fi-panel-business .kiv-drop__go { padding-top: var(--s4); }

.fi-body.fi-panel-business .kiv-sup { min-width: 200px; }

.fi-body.fi-panel-business .kiv-run {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--s3);
    padding-top: var(--s4);
    font-size: var(--kb-ctl-fs);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kiv-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    padding: var(--s4) var(--kb-card-pad);
}

.fi-body.fi-panel-business .kiv-filters label {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kiv-filters__search { flex: 1 1 220px; max-width: 320px; }
.fi-body.fi-panel-business .kiv-filters__search .fi-input-wrp { width: 100%; }

.fi-body.fi-panel-business .kiv-scroll { overflow-x: auto; max-width: 100%; }

.fi-body.fi-panel-business .kiv-table { font-size: var(--kb-ctl-fs); min-width: 760px; }
.fi-body.fi-panel-business .kiv-table--wide { min-width: 1280px; }
.fi-body.fi-panel-business .kiv-table small { display: block; color: var(--label-tertiary); font-size: 12px; font-weight: 400; }
.fi-body.fi-panel-business .kiv-table td.num,
.fi-body.fi-panel-business .kiv-table th.num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fi-body.fi-panel-business .kiv-table td.nw { white-space: nowrap; }
.fi-body.fi-panel-business .kiv-table a { color: var(--accent-ink); font-weight: var(--fw-medium); text-decoration: none; }
.fi-body.fi-panel-business .kiv-table--sticky thead th { position: sticky; top: 0; background: var(--bg-grouped-secondary); z-index: 1; }

.fi-body.fi-panel-business .kiv-soft { color: var(--label-secondary); }
.fi-body.fi-panel-business .kiv-ok { color: var(--ok-ink); }
.fi-body.fi-panel-business .kiv-over { color: var(--danger-ink); font-weight: var(--fw-medium); }
.fi-body.fi-panel-business .kiv-under { color: var(--warn-ink); font-weight: var(--fw-medium); }

.fi-body.fi-panel-business .kiv-row--over { background: color-mix(in srgb, var(--danger-solid) 7%, transparent); }
.fi-body.fi-panel-business .kiv-row--under { background: color-mix(in srgb, var(--warn-solid) 8%, transparent); }
.fi-body.fi-panel-business .kiv-row--new { background: var(--accent-fill-subtle); }

.fi-body.fi-panel-business .kiv-sup { display: flex; align-items: center; gap: var(--s3); }
.fi-body.fi-panel-business .kiv-sup__mark {
    width: 32px; height: 32px; border-radius: var(--r-xs); flex: none;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--fill-tertiary); color: var(--label-secondary); font-size: 12px; font-weight: 700;
}

.fi-body.fi-panel-business .kiv-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: var(--s5); padding: var(--s5) var(--kb-card-pad); }

.fi-body.fi-panel-business .kiv-head { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
@media (max-width: 640px) { .fi-body.fi-panel-business .kiv-head { grid-template-columns: minmax(0, 1fr); } }
.fi-body.fi-panel-business .kiv-check { display: inline-flex; align-items: center; gap: var(--s2); cursor: pointer; }
.fi-body.fi-panel-business .kiv-kpi__v a { color: var(--accent-ink); text-decoration: none; }
.fi-body.fi-panel-business .kiv-kpi__l { font-size: 12px; color: var(--label-tertiary); }
.fi-body.fi-panel-business .kiv-kpi__v { font-size: 15px; font-weight: 600; }
.fi-body.fi-panel-business .kiv-kpi__s { font-size: 12px; color: var(--label-secondary); }

.fi-body.fi-panel-business .kiv-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); }
.fi-body.fi-panel-business .kiv-hint { font-size: var(--kb-ctl-fs); color: var(--label-secondary); }

.fi-body.fi-panel-business .kiv-pick { display: flex; flex-direction: column; gap: var(--s3); padding: var(--s4) var(--kb-card-pad); background: var(--bg-grouped-tertiary); }
.fi-body.fi-panel-business .kiv-pick__list { display: flex; flex-wrap: wrap; gap: var(--s3); }

.fi-body.fi-panel-business .kiv-table tr.kiv-group td { background: var(--fill-tertiary); font-size: 13px; padding-top: var(--s3); padding-bottom: var(--s3); }

.fi-body.fi-panel-business .kiv-sup-new { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--s3); }
.fi-body.fi-panel-business .kiv-field { display: flex; flex-direction: column; gap: var(--s1); flex: 1 1 16rem; max-width: 28rem; font-size: 12px; color: var(--label-tertiary); }
.fi-body.fi-panel-business .kiv-sup-hint { margin: 0 0 var(--s3); }

.fi-body.fi-panel-business .kiv-tabbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s4); padding: var(--s4) var(--kb-card-pad); }
.fi-body.fi-panel-business .kiv-confirmbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s4); margin-inline-start: auto; }
.fi-body.fi-panel-business .kiv-readyhead { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); padding: var(--s4) var(--kb-card-pad); border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kiv-readyhead__t { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--label-secondary); }
.fi-body.fi-panel-business .kiv-ready { min-width: 1080px; }
.fi-body.fi-panel-business .kiv-tick { width: 44px; text-align: center; }
.fi-body.fi-panel-business .kiv-box { width: 1.125rem; height: 1.125rem; accent-color: var(--accent); cursor: pointer; }
.fi-body.fi-panel-business .kiv-box:disabled { cursor: not-allowed; opacity: .5; }
.fi-body.fi-panel-business .kiv-shop { display: flex; align-items: center; gap: var(--s3); min-width: 190px; }
.fi-body.fi-panel-business .kiv-shopsel { min-width: 150px; }
.fi-body.fi-panel-business .kiv-plan { display: inline-flex; align-items: center; gap: var(--s3); }
.fi-body.fi-panel-business .kiv-plan__ic { width: 1.125rem; height: 1.125rem; flex: none; color: var(--label-secondary); }

.fi-body.fi-panel-business .kiv-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--kb-row-gap); align-items: start; }
@media (max-width: 1100px) { .fi-body.fi-panel-business .kiv-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .fi-body.fi-panel-business .kiv-cards { grid-template-columns: minmax(0, 1fr); } }
.fi-body.fi-panel-business .kiv-item { display: flex; flex-direction: column; gap: var(--s3); padding: var(--s4) var(--kb-card-pad); border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kiv-item--ask { background: var(--accent-fill-subtle); }

.fi-body.fi-panel-business .kiv-item__top { display: flex; flex-wrap: nowrap; align-items: baseline; justify-content: space-between; gap: var(--s3); }
.fi-body.fi-panel-business .kiv-item__title { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.fi-body.fi-panel-business .kiv-item__top .kiv-item__sum { flex: 0 0 auto; white-space: nowrap; text-align: right; }
.fi-body.fi-panel-business .kiv-copyof { color: var(--accent); text-decoration: none; font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .kiv-copyof:hover { text-decoration: underline; }
.fi-body.fi-panel-business .kiv-item__top a { color: var(--label); text-decoration: none; }
.fi-body.fi-panel-business .kiv-item__sum { font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .kiv-item p { margin: 0; }
.fi-body.fi-panel-business .kiv-chipsrow { display: flex; flex-wrap: wrap; gap: var(--s3); }
.fi-body.fi-panel-business .kiv-shopchip {
    padding: var(--s3) var(--s5); border: 1px solid var(--separator-opaque); border-radius: 999px; background: var(--bg-grouped-tertiary);
    color: var(--label); font-size: var(--kb-ctl-fs); cursor: pointer; transition: border-color .15s, background-color .15s;
}
.fi-body.fi-panel-business .kiv-shopchip:hover { border-color: var(--accent); background: var(--accent-fill-subtle); }
.fi-body.fi-panel-business .kiv-shopchip:disabled { opacity: .5; cursor: progress; }

.fi-body.fi-panel-business .kiv-bar { height: 6px; border-radius: 999px; background: var(--fill-tertiary); overflow: hidden; margin-top: var(--s4); }
.fi-body.fi-panel-business .kiv-bar > span { display: block; height: 100%; background: var(--accent); transition: width .4s; }

@media (max-width: 640px) {
    .fi-body.fi-panel-business .kiv-confirmbar { margin-inline-start: 0; width: 100%; justify-content: space-between; }
    
    .fi-body.fi-panel-business .kiv-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fi-body.fi-panel-business .kiv-filters .fi-input-wrp { width: 100%; }
    .fi-body.fi-panel-business .kiv-filters__search { grid-column: 1 / -1; max-width: none; }
}

@media (max-width: 640px) {
    .fi-body.fi-panel-business .kiv-stackhead > .ka-card__hd { flex-direction: column; align-items: stretch; }
    .fi-body.fi-panel-business .kiv-stackhead > .ka-card__hd > .ka-card__act { justify-content: flex-start; min-width: 0; }
}
.fi-body.fi-panel-business .kib {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
}

.fi-body.fi-panel-business .kib-bar,
.fi-body.fi-panel-business .kib-lists,
.fi-body.fi-panel-business .kib-foot,
.fi-body.fi-panel-business .kib-visual__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3) var(--s5);
}

.fi-body.fi-panel-business .kib-foot {
    justify-content: space-between;
}

.fi-body.fi-panel-business .kib-search,
.fi-body.fi-panel-business .kib-art__search {
    min-width: 220px;
    padding: var(--s2) var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    background: var(--fill-quaternary);
    color: var(--label);
}

.fi-body.fi-panel-business .kib-table {
    width: 100%;
}

.fi-body.fi-panel-business .kib-group__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3) var(--s5);
}

.fi-body.fi-panel-business .kib-group__toggle {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    color: var(--label);
}

.fi-body.fi-panel-business .kib-group__chev {
    width: 16px;
    height: 16px;
    transition: transform .15s;
}

.fi-body.fi-panel-business .kib-group__chev.is-open {
    transform: rotate(90deg);
}

.fi-body.fi-panel-business .kib-group__count {
    margin-left: auto;
}

.fi-body.fi-panel-business .kib-max {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
}

.fi-body.fi-panel-business .kib-max__input {
    width: auto; min-width: 140px; height: 36px;
    padding: var(--s2);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    background: var(--fill-quaternary);
    color: var(--label);
    text-align: left;
}

.fi-body.fi-panel-business .kib-row.is-off .kb-strong {
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kib-name {
    display: flex;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kib-thumb {
    width: 32px;
    height: 32px;
    flex: none;
    border-radius: var(--r-md);
    background: var(--fill-quaternary);
    object-fit: contain;
}

.fi-body.fi-panel-business .kib-thumb--none {
    display: inline-block;
    border: 1px dashed var(--separator);
}

.fi-body.fi-panel-business .kib-price {
    width: 96px;
    height: 36px;
    padding: 0 calc(var(--s2) + 28px) 0 var(--s3);
    border: 1px solid var(--separator-strong, var(--separator));
    border-radius: var(--r-md);
    background: var(--fill-quaternary);
    color: var(--label);
    text-align: right;
}

.fi-body.fi-panel-business .kib-price.is-empty {
    border-style: dashed;
    background: transparent;
}

.fi-body.fi-panel-business .kib-allergens {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2);
}

.fi-body.fi-panel-business .kib-link {
    color: var(--accent-ink);
    font-weight: var(--fw-bold);
    font-size: 12.5px;
}

.fi-body.fi-panel-business .kib-add td {
    padding-top: var(--s2);
    padding-bottom: var(--s2);
}

.fi-body.fi-panel-business .kib-visual__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--s3) var(--s5);
}

.fi-body.fi-panel-business .kib-visual__cover {
    margin-left: auto;
}

.fi-body.fi-panel-business .kib-h {
    margin: var(--s3) 0 0;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kib-select {
    padding: var(--s2) var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    background: var(--fill-quaternary);
    color: var(--label);
}

.fi-body.fi-panel-business .kib-recipe {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2);
}

.fi-body.fi-panel-business .kib-switch {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kib-switch.is-disabled {
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kib-locked {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--s5);
    padding: var(--s5);
    border: 1px dashed var(--separator);
    border-radius: var(--r-md);
}

.fi-body.fi-panel-business .kib-locked__ic {
    width: 24px;
    height: 24px;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kib-locked__tx {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--s2);
    min-width: 240px;
}

.fi-body.fi-panel-business .kib-art {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.fi-body.fi-panel-business .kib-art__h {
    margin-bottom: var(--s2);
    color: var(--label-secondary);
    font-size: 12.5px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kib-art__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: var(--s3);
}

.fi-body.fi-panel-business .kib-art__tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--s2);
    padding: var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    color: var(--label);
    font-size: 12.5px;
}

.fi-body.fi-panel-business .kib-art__tile img {
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.fi-body.fi-panel-business .kib-art__tile[aria-pressed="true"],
.fi-body.fi-panel-business .kib-art__choice[aria-pressed="true"] {
    border-color: var(--accent);
    background: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .kib-art__choices {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--s3);
}

.fi-body.fi-panel-business .kib-art__choice {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    padding: var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    color: var(--label);
    text-align: left;
}

.fi-body.fi-panel-business .kib-art__choice:disabled {
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kib-preview__stage {
    overflow: auto;
    max-height: 70vh;
    padding: var(--s5);
    background: var(--fill-quaternary);
    border-radius: var(--r-md);
}

.fi-body.fi-panel-business .kib-preview__device {
    margin: 0 auto;
    overflow: auto;
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    background: var(--label-quaternary);
}

.fi-body.fi-panel-business .kib-preview__root {
    width: 100%;
    height: 100%;
}

.fi-body.fi-panel-business .kib-half-switch { display: flex; align-items: center; gap: 0.75rem; margin: 0 0 0.75rem; cursor: pointer; }
.fi-body.fi-panel-business .kib-price--half { background: transparent; }

.fi-body.fi-panel-business .kib-table thead th {
    position: sticky;
    top: var(--fi-topbar-height, 4rem);
    z-index: 2;
    background: var(--bg-elevated, var(--bg, #fff));
}

.fi-body.fi-panel-business .kib-card-sticky,
.fi-body.fi-panel-business .kib-table-wrap {
    overflow: visible;
}

.fi-body.fi-panel-business .kib-inc {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    cursor: pointer;
}

.fi-body.fi-panel-business .kib-money { position: relative; display: inline-block; }
.fi-body.fi-panel-business .kib-money__unit { position: absolute; right: var(--s3); top: 50%; transform: translateY(-50%); color: var(--label-secondary, var(--label)); font-size: 0.8125rem; pointer-events: none; }
.fi-body.fi-panel-business .kib-price:placeholder-shown { text-align: left; }
.fi-body.fi-panel-business .ka-card:has(.kib-table) { overflow: visible; }
.fi-body.fi-panel-business .kls {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
    min-width: 0;
}

.fi-body.fi-panel-business .kls-topic {
    margin: var(--s4) 0 0;
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    color: var(--label-secondary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.fi-body.fi-panel-business .kls-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--s4);
    align-items: center;
    padding: var(--s4);
    min-height: var(--touch);
    border-top: 0.5px solid var(--separator);
    color: var(--label);
    text-decoration: none;
}

.fi-body.fi-panel-business .kls-row:first-child { border-top: 0; }

.fi-body.fi-panel-business .kls-row:hover { background-color: var(--fill-quaternary); }

.fi-body.fi-panel-business .kls-thumb {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 60px;
    border-radius: var(--r-sm);
    overflow: hidden;
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    flex: none;
}

.fi-body.fi-panel-business .kls-thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fi-body.fi-panel-business .kls-thumb span { position: relative; }

.fi-body.fi-panel-business .kls-title {
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kls-blurb {
    margin: 0;
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kls-meta {
    display: flex;
    gap: var(--s4);
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kls-watch {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s5);
    align-items: start;
}

@media (min-width: 1024px) {
    .fi-body.fi-panel-business .kls-watch { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
}

.fi-body.fi-panel-business .kls-band {
    display: flex;
    justify-content: center;
    background-color: var(--label);
    border-radius: var(--r-md);
    overflow: hidden;
}

.fi-body.fi-panel-business .kls-band video {
    display: block;
    width: 100%;
    max-height: 70vh;
    object-fit: contain;
    background-color: var(--label);
}

.fi-body.fi-panel-business .kls-band[data-orientation="portrait"] video {
    max-width: 320px;
    aspect-ratio: 9 / 16;
}

.fi-body.fi-panel-business .kls-band[data-orientation="landscape"] video { aspect-ratio: 16 / 9; }

.fi-body.fi-panel-business .kls-seg {
    display: inline-flex;
    padding: 2px;
    border-radius: var(--r-sm);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kls-seg button {
    min-height: var(--touch);
    padding: 0 var(--s5);
    border: 0;
    border-radius: var(--r-xs);
    background: transparent;
    color: var(--label);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.fi-body.fi-panel-business .kls-seg button[aria-pressed="true"] { background-color: var(--bg-grouped-secondary); }

.fi-body.fi-panel-business .kls-hublinks {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
    min-width: 0;
}

.fi-body.fi-panel-business .kls-hublink {
    display: flex;
    align-items: center;
    gap: var(--s5);
    padding: 14px var(--kb-card-pad);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
    color: var(--label);
    text-decoration: none;
}

.fi-body.fi-panel-business .kls-hublink:hover { background-color: var(--fill-quaternary); }

.fi-body.fi-panel-business .kls-hublink b {
    display: block;
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kls-hublink small {
    display: block;
    margin-top: 1px;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kls-hublink__ic {
    flex: none;
    width: 22px;
    height: 22px;
    color: var(--accent-ink);
}
.fi-body.fi-panel-business .kmd {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
}

.fi-body.fi-panel-business .kmd .ka-card + .ka-card { margin-top: 0; }

.fi-body.fi-panel-business .kmd-bulk {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    padding: var(--s2) var(--kb-card-pad);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kmd-check {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    min-width: var(--kb-ctl);
    min-height: var(--kb-ctl);
    color: var(--label-secondary);
    font-size: 13px;
    cursor: pointer;
}

.fi-body.fi-panel-business .kmd-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--s4);
    padding: var(--kb-card-pad);
}

.fi-body.fi-panel-business .kmd-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .kmd-card__hd {
    display: flex;
    align-items: center;
    gap: var(--s3);
    padding: var(--s3) var(--s3) var(--s3) var(--s5);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kmd-card__id {
    flex: 1;
    min-width: 0;
}

.fi-body.fi-panel-business .kmd-card__name {
    display: block;
    overflow: hidden;
    color: var(--label);
    font-size: 14px;
    font-weight: var(--fw-semibold);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kmd-card__name:hover { color: var(--accent-ink); }

.fi-body.fi-panel-business .kmd-card__bd {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    padding: var(--s4) var(--s5);
}

.fi-body.fi-panel-business .kmd-card__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kmd-bulk__note { margin-inline-start: auto; }

.fi-body.fi-panel-business .kmd-now a { color: var(--accent-ink); }

.fi-body.fi-panel-business .kmd-add {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s4);
}

.fi-body.fi-panel-business .kmd-add .kb-sub {
    flex: 1;
    min-width: 240px;
    margin: 0;
}

.fi-body.fi-panel-business .kmd-lines {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.fi-body.fi-panel-business .kmd-lines .kb-sub { margin: 0; }

.fi-body.fi-panel-business .kmd-note {
    padding: var(--s4) var(--kb-card-pad);
}

.fi-body.fi-panel-business .kmd-note .kb-sub { margin: 0; }

.fi-body.fi-panel-business .kmd-none {
    margin: 0;
    padding: var(--s4) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
    color: var(--label-secondary);
    font-size: 13.5px;
}

.fi-body.fi-panel-business .kmd-none a,
.fi-body.fi-panel-business .kmd .kb-lrow a { color: var(--accent-ink); }

.fi-body.fi-panel-business .kmd-warn { color: var(--warn-ink); }

.fi-body.fi-panel-business .kmd-dayoff { color: var(--label-tertiary); }

.fi-body.fi-panel-business .kmd-dis > *:not(.kb-lrow__act) { opacity: 0.5; }

.fi-body.fi-panel-business .klwp { margin-bottom: var(--s4); }

.fi-body.fi-panel-business .klwp__day {
    padding: var(--s3) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .klwp__day:first-child { border-top: 0; }

.fi-body.fi-panel-business .klwp__day[data-today] { background: var(--fill-quaternary, transparent); }

.fi-body.fi-panel-business .klwp__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2) var(--s4);
    min-height: var(--touch);
}

.fi-body.fi-panel-business .klwp__name {
    display: flex;
    align-items: center;
    gap: var(--s2);
    min-width: 8.5rem;
    margin: 0;
    font-size: 14px;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .klwp__what {
    display: flex;
    flex: 1 1 12rem;
    flex-wrap: wrap;
    gap: var(--s1) var(--s4);
    font-size: 13.5px;
}

.fi-body.fi-panel-business .klwp__hours { font-variant-numeric: tabular-nums; }

.fi-body.fi-panel-business .klwp__set { color: var(--label-secondary); }

.fi-body.fi-panel-business .klwp__edit { min-height: var(--touch); min-width: var(--touch); }

.fi-body.fi-panel-business .klwp__editor {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    padding: var(--s3) 0 var(--s2);
}

.fi-body.fi-panel-business .klwp__times {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s4);
}

.fi-body.fi-panel-business .klwp__field {
    display: flex;
    flex-direction: column;
    gap: var(--s1);
    font-size: 12.5px;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .klwp__check {
    display: flex;
    align-items: center;
    gap: var(--s2);
    min-height: var(--touch);
    font-size: 13.5px;
}

.fi-body.fi-panel-business .klwp__actions { display: flex; gap: var(--s4); }

.fi-body.fi-panel-business .klwp__cancel { color: var(--label-secondary); }

.fi-body.fi-panel-business .klwp__hint,
.fi-body.fi-panel-business .klwp__note {
    margin: 0;
    font-size: 13px;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .klwp__note {
    padding: var(--s3) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kmd-edit,
.fi-body.fi-panel-business .kmd-link {
    color: var(--accent-ink);
    font-size: 13px;
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.fi-body.fi-panel-business .kmd-link {
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.fi-body.fi-panel-business .kmd-lfilt {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
    padding: var(--s3) var(--kb-card-pad);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kmd-chipbtn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: var(--kb-ctl);
    padding: 0 var(--s4);
    border: 0;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label);
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
}

.fi-body.fi-panel-business .kmd-chipbtn.is-on {
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kmd-chipbtn b { font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kmd-lrow {
    display: flex;
    align-items: center;
    gap: var(--s4);
    min-height: 44px;
    padding: var(--s2) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
    font-size: 13.5px;
}

.fi-body.fi-panel-business .kmd-lrow:first-child { border-top: 0; }

.fi-body.fi-panel-business .kmd-lrow time {
    flex: none;
    min-width: 44px;
    color: var(--label-secondary);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 13px;
}

.fi-body.fi-panel-business .kmd-lrow__msg {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.fi-body.fi-panel-business .kmd-lrow--error {
    background-color: color-mix(in srgb, var(--red) 8%, transparent);
    box-shadow: inset 3px 0 0 var(--danger-solid);
}

.fi-body.fi-panel-business .kmd-lrow--error .kmd-lrow__msg { font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kmd-badge {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 24px;
    border-radius: 6px;
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: 12px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kmd-badge--info { background-color: color-mix(in srgb, var(--info-ink) 12%, transparent); color: var(--info-ink); }
.fi-body.fi-panel-business .kmd-badge--warn { background-color: color-mix(in srgb, var(--warn-ink) 14%, transparent); color: var(--warn-ink); }
.fi-body.fi-panel-business .kmd-badge--danger { background-color: color-mix(in srgb, var(--danger-ink) 12%, transparent); color: var(--danger-ink); }

.fi-body.fi-panel-business .kmd-lmore {
    padding: var(--s3) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kmd-na {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.fi-body.fi-panel-business .kmd-na__item {
    display: flex;
    align-items: center;
    gap: var(--s4);
    padding: var(--s3) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
    color: var(--label-secondary);
    opacity: 0.55;
    cursor: not-allowed;
}

.fi-body.fi-panel-business .kmd-na__item b { display: block; font-size: 14px; font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kmd-na__item small { display: block; font-size: 12.5px; }
.fi-body.fi-panel-business .kmd-na__ic { flex: none; width: 22px; height: 22px; }
.fi-body.fi-panel-business .kmd-na__lock { flex: none; width: 16px; height: 16px; margin-inline-start: auto; }

.fi-body.fi-panel-business .ksov {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
}

.fi-body.fi-panel-business .ksov__now {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    margin: 0;
}

.fi-body.fi-panel-business .ksov__nowtext {
    font-weight: 600;
}

.fi-body.fi-panel-business .ksov__pick {
    display: flex;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksov__select {
    max-width: 22rem;
}

.fi-body.fi-panel-business .ksov__key {
    display: flex;
    align-items: center;
    gap: var(--s2);
    font-size: var(--fs-footnote);
    opacity: 0.8;
}

.fi-body.fi-panel-business .ksov__swatch {
    display: inline-block;
    width: 1rem;
    height: 0.6rem;
    border-radius: 2px;
}

.fi-body.fi-panel-business .ksov__swatch--slot,
.fi-body.fi-panel-business .ksov__seg--slot {
    background: var(--accent);
}

.fi-body.fi-panel-business .ksov__swatch--gap,
.fi-body.fi-panel-business .ksov__seg--gap {
    background: repeating-linear-gradient(45deg, var(--danger-solid) 0 4px, transparent 4px 8px);
}

.fi-body.fi-panel-business .ksov__day {
    padding: var(--kb-card-pad);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .ksov__seg {
    --kmd-share: 1;
    flex: var(--kmd-share) 1 0;
}

.fi-body.fi-panel-business .ksov__dayname {
    font-weight: 600;
    display: flex;
    gap: var(--s3);
    align-items: baseline;
}

.fi-body.fi-panel-business .ksov__date,
.fi-body.fi-panel-business .ksov__hours {
    font-weight: 400;
    font-size: var(--fs-footnote);
    opacity: 0.7;
}

.fi-body.fi-panel-business .ksov__off {
    margin-top: var(--s2);
    opacity: 0.7;
}

.fi-body.fi-panel-business .ksov__lane {
    margin-top: var(--s3);
}

.fi-body.fi-panel-business .ksov__lanename {
    font-size: var(--fs-footnote);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.7;
}

.fi-body.fi-panel-business .ksov__bar {
    display: flex;
    height: 0.6rem;
    margin: var(--s2) 0;
    border-radius: 3px;
    overflow: hidden;
    background: color-mix(in srgb, var(--gray) 15%, transparent);
}

.fi-body.fi-panel-business .ksov__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.fi-body.fi-panel-business .ksov__item {
    display: flex;
    gap: var(--s3);
    align-items: center;
}

.fi-body.fi-panel-business .ksov__time {
    font-variant-numeric: tabular-nums;
    min-width: 6.5rem;
}

.fi-body.fi-panel-business .ksov__gap {
    min-height: var(--touch);
    padding: 0 var(--s3);
    border: 1px dashed var(--danger-solid);
    border-radius: var(--r-xs);
    background: transparent;
    color: var(--danger-solid);
    cursor: pointer;
    text-align: left;
}

.fi-body.fi-panel-business .ksov__gap--static {
    display: inline-flex;
    align-items: center;
    cursor: default;
}

.fi-body.fi-panel-business .ksov__gap:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .ksov__specials {
    margin-top: var(--s3);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kwsp {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kwsp__views {
    display: inline-flex;
    gap: 0;
    align-self: flex-start;
    border: 1px solid color-mix(in srgb, var(--gray) 35%, transparent);
    border-radius: var(--r-xs);
    overflow: hidden;
}

.fi-body.fi-panel-business .kwsp__view {
    min-height: var(--touch);
    padding: 0 var(--s3);
    background: transparent;
    color: inherit;
    border: 0;
    cursor: pointer;
}

.fi-body.fi-panel-business .kwsp__view[aria-pressed="true"] {
    background: var(--accent);
    color: var(--on-accent);
}

.fi-body.fi-panel-business .kwsp__view:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -2px;
}

.fi-body.fi-panel-business .kwsp__bar {
    position: sticky;
    bottom: 0;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
    padding: var(--s3);
    border: 1px solid color-mix(in srgb, var(--gray) 30%, transparent);
    border-radius: var(--r-xs);
    background: var(--surface);
}

.fi-body.fi-panel-business .kwsp__state {
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kwse {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    --kwse-line: color-mix(in srgb, var(--gray) 22%, transparent);
    --blk: var(--accent);
}

.fi-body.fi-panel-business .kwse__hint,
.fi-body.fi-panel-business .kwse__note {
    font-size: var(--fs-footnote);
    opacity: 0.8;
    margin: 0;
}

.fi-body.fi-panel-business .kwse__tools {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
    align-items: end;
}

.fi-body.fi-panel-business .kwse__field {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kwse__field select,
.fi-body.fi-panel-business .kwse__field input {
    min-height: var(--touch);
    padding: 0 0.5rem;
    border: 1px solid var(--kwse-line);
    border-radius: var(--r-xs);
    background: transparent;
    color: inherit;
}

.fi-body.fi-panel-business .kwse__picker {
    position: relative;
}

.fi-body.fi-panel-business .kwse__pickbtn {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
    width: 100%;
    min-width: 260px;
    min-height: var(--touch);
    padding: 0 var(--s4) 0 var(--s5);
    border: 1px solid var(--kwse-line);
    border-radius: var(--r-full);
    background: var(--fill-tertiary);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.fi-body.fi-panel-business .kwse__pickbtn.is-open {
    background: var(--bg-grouped-secondary);
    box-shadow: inset 0 0 0 2px var(--accent);
}

.fi-body.fi-panel-business .kwse__pickbtn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kwse__picktext {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kwse__chev {
    flex: none;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kwse__dd {
    position: absolute;
    z-index: 20;
    left: 0;
    top: calc(100% + 6px);
    width: max(100%, 380px);
    max-height: 22rem;
    overflow-y: auto;
    background: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    box-shadow: 0 14px 36px -10px color-mix(in srgb, black 35%, transparent);
}

.fi-body.fi-panel-business .kwse__ddq {
    display: block;
    width: calc(100% - 20px);
    height: 36px;
    margin: 10px 10px 4px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--r-full);
    background: var(--fill-tertiary);
    color: inherit;
    font-size: 14px;
}

.fi-body.fi-panel-business .kwse__ddhead {
    margin: 0;
    padding: 10px 16px 2px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kwse__ddline {
    margin: 0;
    padding: 0 16px 6px;
    font-size: 12.5px;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kwse__ddrow {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    padding: 8px 16px;
    border: 0;
    border-top: 1px solid var(--separator);
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.fi-body.fi-panel-business .kwse__ddrow:hover,
.fi-body.fi-panel-business .kwse__ddrow:focus-visible {
    background: var(--fill-quaternary);
}

.fi-body.fi-panel-business .kwse__ddrow.is-sel {
    background: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .kwse__ddname {
    flex: 1;
    min-width: 0;
    font-weight: 600;
}

.fi-body.fi-panel-business .kwse__kt {
    display: inline-block;
    margin-top: 2px;
    padding: 0 5px;
    border-radius: 4px;
    background: color-mix(in srgb, white 24%, transparent);
    font-size: 0.6rem;
    font-weight: 700;
    pointer-events: none;
}

.fi-body.fi-panel-business .kwse__error {
    margin: 0;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--danger-solid);
    border-radius: var(--r-xs);
    color: var(--danger-solid);
}

.fi-body.fi-panel-business .kwse__conflicts {
    margin: 0;
    padding-left: 1.25rem;
    color: var(--danger-solid);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kwse__sr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    margin: 0;
}

.fi-body.fi-panel-business .kwse__legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--fs-footnote);
    opacity: 0.85;
}

.fi-body.fi-panel-business .kwse__swatch {
    display: inline-block;
    width: 1rem;
    height: 0.7rem;
    border-radius: 2px;
    margin-left: 0.5rem;
}

.fi-body.fi-panel-business .kwse__swatch--own {
    background: var(--accent);
}

.fi-body.fi-panel-business .kwse__swatch--other {
    background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--gray) 55%, transparent) 0 3px, color-mix(in srgb, var(--gray) 25%, transparent) 3px 6px);
}

.fi-body.fi-panel-business .kwse__swatch--gap {
    background: repeating-linear-gradient(45deg, var(--danger-solid) 0 3px, transparent 3px 6px);
}

.fi-body.fi-panel-business .kwse__swatch--off {
    background: color-mix(in srgb, var(--gray) 40%, transparent);
}

.fi-body.fi-panel-business .kwse__scroll {
    max-height: 70vh;
    overflow: auto;
    border: 1px solid var(--kwse-line);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .kwse__grid {
    min-width: 880px;
    user-select: none;
}

.fi-body.fi-panel-business .kwse__head {
    display: grid;
    grid-template-columns: 3.5rem repeat(7, minmax(0, 1fr));
    position: sticky;
    top: 0;
    z-index: 5;
    background: var(--surface);
    border-bottom: 1px solid var(--kwse-line);
}

.fi-body.fi-panel-business .kwse__dayhead {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    min-width: 0;
    padding: 0.4rem 0.5rem;
    border-left: 1px solid var(--kwse-line);
}

.fi-body.fi-panel-business .kwse__dayactions {
    display: flex;
    gap: 0.25rem;
}

.fi-body.fi-panel-business .kwse__mini {
    min-width: 1.75rem;
    min-height: 1.75rem;
    border: 1px solid var(--kwse-line);
    border-radius: 0.4rem;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.fi-body.fi-panel-business .kwse__mini:focus-visible,
.fi-body.fi-panel-business .kwse__block:focus-visible,
.fi-body.fi-panel-business .kwse__btn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kwse__body {
    position: relative;
    display: grid;
    grid-template-columns: 3.5rem repeat(7, minmax(0, 1fr));
}

.fi-body.fi-panel-business .kwse__gutter {
    position: relative;
}

.fi-body.fi-panel-business .kwse__hour:first-of-type {
    transform: none;
}

.fi-body.fi-panel-business .kwse__hour {
    position: absolute;
    right: 0.4rem;
    transform: translateY(-50%);
    font-size: 0.7rem;
    opacity: 0.6;
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .kwse__col {
    position: relative;
    border-left: 1px solid var(--kwse-line);
    background-image: repeating-linear-gradient(to bottom, var(--kwse-line) 0 1px, transparent 1px calc(100% / 24));
    cursor: crosshair;
    touch-action: pan-y;
}

.fi-body.fi-panel-business .kwse__off {
    position: absolute;
    left: 0;
    right: 0;
    background: color-mix(in srgb, var(--gray) 28%, transparent);
    pointer-events: none;
}

.fi-body.fi-panel-business .kwse__gap {
    position: absolute;
    left: 0;
    right: 0;
    background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--danger-solid) 38%, transparent) 0 4px, transparent 4px 8px);
    pointer-events: none;
}

.fi-body.fi-panel-business .kwse__other {
    position: absolute;
    left: 4px;
    right: 4px;
    padding: 2px 4px;
    overflow: hidden;
    font-size: 0.7rem;
    color: inherit;
    background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--gray) 40%, transparent) 0 3px, color-mix(in srgb, var(--gray) 18%, transparent) 3px 6px);
    border-left: 3px solid var(--blk);
    border-radius: 4px;
    pointer-events: none;
}

.fi-body.fi-panel-business .kwse__block {
    position: absolute;
    left: 6px;
    right: 6px;
    padding: 2px 6px;
    overflow: hidden;
    border-radius: 6px;
    background: var(--blk);
    color: var(--on-accent);
    font-size: 0.75rem;
    line-height: 1.2;
    cursor: grab;
    touch-action: none;
    box-shadow: 0 1px 2px color-mix(in srgb, black 25%, transparent);
}

.fi-body.fi-panel-business .kwse__block.is-dragging {
    cursor: grabbing;
    opacity: 0.85;
}

.fi-body.fi-panel-business .kwse__block.is-selected {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.fi-body.fi-panel-business .kwse__block.is-conflict,
.fi-body.fi-panel-business .kwse__block.is-error {
    background: var(--danger-solid);
    box-shadow: 0 0 0 2px var(--on-accent) inset;
}

.fi-body.fi-panel-business .kwse__label {
    display: block;
    font-weight: 600;
    pointer-events: none;
}

.fi-body.fi-panel-business .kwse__problem {
    display: block;
    font-size: 0.68rem;
    pointer-events: none;
}

.fi-body.fi-panel-business .kwse__handle {
    position: absolute;
    left: 0;
    right: 0;
    height: 8px;
    cursor: ns-resize;
}

.fi-body.fi-panel-business .kwse__handle--start {
    top: 0;
}

.fi-body.fi-panel-business .kwse__handle--end {
    bottom: 0;
}

.fi-body.fi-panel-business .kwse__panel {
    padding: var(--s3);
    border: 1px solid var(--kwse-line);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .kwse__paneltitle {
    margin: 0 0 0.5rem;
    font-weight: 600;
}

.fi-body.fi-panel-business .kwse__fields,
.fi-body.fi-panel-business .kwse__checks,
.fi-body.fi-panel-business .kwse__row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
    align-items: end;
    margin-bottom: 0.5rem;
}

.fi-body.fi-panel-business .kwse__check {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    min-height: var(--touch);
}

.fi-body.fi-panel-business .kwse__btn {
    min-height: var(--touch);
    padding: 0 var(--s3);
    border: 1px solid var(--accent);
    border-radius: var(--r-xs);
    background: var(--accent);
    color: var(--on-accent);
    cursor: pointer;
}

.fi-body.fi-panel-business .kwse__btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.fi-body.fi-panel-business .kwse__btn--quiet {
    background: transparent;
    color: inherit;
    border-color: var(--kwse-line);
}

.fi-body.fi-panel-business .kwse__btn--danger {
    background: transparent;
    color: var(--danger-solid);
    border-color: var(--danger-solid);
}

.fi-body.fi-panel-business .kapv__stage {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background: black;
    border-radius: var(--r-xs);
    overflow: hidden;
}

.fi-body.fi-panel-business .kapv__slide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fi-body.fi-panel-business .kapv__img,
.fi-body.fi-panel-business .kapv__video {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.fi-body.fi-panel-business .kapv__frame {
    width: 100%;
    height: 100%;
    border: 0;
    background: black;
}

.fi-body.fi-panel-business .kapv__play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 0;
    background: color-mix(in srgb, black 45%, transparent);
    color: var(--on-accent);
    font-weight: 600;
    font-size: 1.1rem;
    cursor: pointer;
}

.fi-body.fi-panel-business .kapv__play:focus-visible,
.fi-body.fi-panel-business .kapv__btn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: -4px;
}

.fi-body.fi-panel-business .kapv__controls {
    position: absolute;
    right: var(--s3);
    bottom: var(--s3);
    display: flex;
    gap: var(--s2);
}

.fi-body.fi-panel-business .kapv__btn {
    min-height: var(--touch);
    padding: 0 var(--s4);
    border: 0;
    border-radius: var(--r-xs);
    background: color-mix(in srgb, black 65%, transparent);
    color: var(--on-accent);
    cursor: pointer;
}

.fi-body.fi-panel-business .kapv__now,
.fi-body.fi-panel-business .kapv__empty {
    margin-top: var(--s3);
    font-size: var(--fs-footnote);
    opacity: 0.75;
}

.fi-body.fi-panel-business .kadz__zone {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 7rem;
    padding: var(--s4);
    border: 2px dashed var(--label-tertiary);
    border-radius: var(--r-xs);
    cursor: pointer;
}

.fi-body.fi-panel-business .kadz--over .kadz__zone,
.fi-body.fi-panel-business .kadz__zone:hover {
    border-color: var(--accent);
}

.fi-body.fi-panel-business .kadz__input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.fi-body.fi-panel-business .kadz__input:focus-visible + .kadz__prompt,
.fi-body.fi-panel-business .kadz__zone:focus-within {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kadz__prompt {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.fi-body.fi-panel-business .kadz__title {
    font-weight: 600;
}

.fi-body.fi-panel-business .kadz__hint {
    font-size: var(--fs-footnote);
    opacity: 0.7;
}

.fi-body.fi-panel-business .kadz__progress {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    margin-top: var(--s3);
}

.fi-body.fi-panel-business .kadz__bar {
    height: 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--gray) 25%, transparent);
    overflow: hidden;
}

.fi-body.fi-panel-business .kadz__bar span {
    display: block;
    height: 100%;
    background: var(--accent);
    transition: width 0.2s;
}

.fi-body.fi-panel-business .kadz__cancel {
    align-self: flex-start;
    font-size: var(--fs-footnote);
    color: var(--danger-solid);
    text-decoration: underline;
}

.fi-body.fi-panel-business .kadz__done {
    margin-top: var(--s3);
    color: var(--ok-ink);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kadz__error {
    margin-top: var(--s3);
    color: var(--danger-solid);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kdoc-prog__fill {
    --kdc-pct: 0%;
    width: var(--kdc-pct);
}

.fi-body.fi-panel-business .kdc-due {
    color: var(--label-secondary);
    font-size: 13px;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kdc-due--soon {
    color: var(--warn-ink);
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .kdc-meta {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s1) var(--s3);
}

.fi-body.fi-panel-business .kdc-todo .kb-lrow__t a { color: inherit; }
.fi-body.fi-panel-business .kdc-todo .kb-lrow__t a:hover { color: var(--accent-ink); }

.fi-body.fi-panel-business .kdc-todo .ka-card + .ka-card,
.fi-body.fi-panel-business .kdc-list + .kdc-list { margin-top: 0; }

.fi-body.fi-panel-business .kdc-todo .kb-lrow { flex-wrap: wrap; }

.fi-body.fi-panel-business .kdc-people {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kdc-table th,
.fi-body.fi-panel-business .kdc-table td {
    padding: var(--kb-td-y) var(--kb-cell-x);
}

.fi-body.fi-panel-business .kdc-table th { padding-block: var(--kb-th-y); }

.fi-body.fi-panel-business .kdc-list .kdc-table th:first-child,
.fi-body.fi-panel-business .kdc-list .kdc-table td:first-child { padding-inline-start: var(--kb-card-pad); }

.fi-body.fi-panel-business .kdc-list .kdc-table th:last-child,
.fi-body.fi-panel-business .kdc-list .kdc-table td:last-child { padding-inline-end: var(--kb-card-pad); }

.fi-body.fi-panel-business .kdc-table th.kb-num { text-align: right; }

.fi-body.fi-panel-business .kdc-table a.kb-strong:hover { color: var(--accent-ink); }

.fi-body.fi-panel-business .kdc-reason {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2);
    margin-top: var(--s1);
    font-size: 13px;
}

.fi-body.fi-panel-business .kdc-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kdc-gcounts {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s4);
    color: var(--label-secondary);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .kdc-rcp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s1) var(--s2);
    margin-top: var(--s1);
}

.fi-body.fi-panel-business .kdc-activity { font-size: 12.5px; }

.fi-body.fi-panel-business .kdc-flags { font-size: 12.5px; }

.fi-body.fi-panel-business .kdc-flags span + span::before {
    content: "·";
    margin: 0 var(--s2);
}

.fi-body.fi-panel-business .kdc-camp {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

@media (max-width: 1023px) {
    .fi-body.fi-panel-business .kdc-wide { display: none; }
}

.fi-body.fi-panel-business .kdr__h--flush { margin: 0; }
.fi-body.fi-panel-business .kdr__h--next { margin-top: var(--s5); }
.fi-body.fi-panel-business .kdr__meta--gap { margin-bottom: var(--s4); }
.fi-body.fi-panel-business .kdr__meta--help { margin: var(--s2) 0 var(--s4); }
.fi-body.fi-panel-business .kdr__list--all { max-height: none; }
.fi-body.fi-panel-business .kdr__pick .kb-st { display: flex; }
.fi-body.fi-panel-business .kmydoc__rows--after { margin-top: var(--s4); }

.fi-body.fi-panel-business .kdocpages__btn--link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.fi-body.fi-panel-business .kmydocs {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.fi-body.fi-panel-business .kmydocs__tabs,
.fi-body.fi-panel-business .kmydocs__chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
}

.fi-body.fi-panel-business .kmydocs__tab,
.fi-body.fi-panel-business .kmydocs__chip {
    min-height: var(--s9);
    padding: 0 var(--s4);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background: var(--surface);
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: 600;
    cursor: pointer;
}

.fi-body.fi-panel-business .kmydocs__tab.is-active,
.fi-body.fi-panel-business .kmydocs__chip.is-active {
    background: var(--accent-fill-subtle);
    border-color: var(--accent);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kmydocs__tab:focus-visible,
.fi-body.fi-panel-business .kmydocs__chip:focus-visible,
.fi-body.fi-panel-business .kmydocs__row:focus-visible,
.fi-body.fi-panel-business .kmydocs__go:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kmydocs__list {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    list-style: none;
    margin: 0;
    padding: 0;
}

.fi-body.fi-panel-business .kmydocs__row {
    display: flex;
    align-items: center;
    gap: var(--s4);
    min-height: var(--s9);
    padding: var(--s3) var(--s4);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
    color: inherit;
    text-decoration: none;
}

.fi-body.fi-panel-business .kmydocs__body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.fi-body.fi-panel-business .kmydocs__title {
    font-size: var(--fs-subhead);
    font-weight: 600;
    color: var(--label);
}

.fi-body.fi-panel-business .kmydocs__meta {
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kmydocs__meta--danger {
    color: var(--danger-ink);
    font-weight: 600;
}

.fi-body.fi-panel-business .kmydocs__go {
    min-height: var(--s9);
    padding: 0 var(--s4);
    border-radius: var(--r-sm);
    border: 1px solid var(--accent);
    background: var(--accent);
    color: var(--on-accent);
    font-size: var(--fs-subhead);
    font-weight: 600;
    cursor: pointer;
}

.fi-body.fi-panel-business .kmydocs__go--quiet {
    background: var(--surface);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kmydoc {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.fi-body.fi-panel-business .kmydoc__back {
    font-size: var(--fs-subhead);
    color: var(--accent-ink);
    text-decoration: none;
    min-height: var(--s9);
    display: inline-flex;
    align-items: center;
}

.fi-body.fi-panel-business .kmydoc__facts {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s5);
    margin: 0;
}

.fi-body.fi-panel-business .kmydoc__fact {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.fi-body.fi-panel-business .kmydoc__fact dt {
    font-size: var(--fs-caption-2);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kmydoc__fact dd {
    margin: 0;
    font-size: var(--fs-subhead);
    color: var(--label);
}

.fi-body.fi-panel-business .kmydoc__note {
    margin: 0;
    padding: var(--s4);
    border-radius: var(--r-sm);
    background: var(--bg-grouped-secondary);
    border: 1px solid var(--separator-opaque);
    font-size: var(--fs-subhead);
    color: var(--label);
}

.fi-body.fi-panel-business .kmydoc__note--danger {
    border-color: var(--danger-ink);
}

.fi-body.fi-panel-business .kmydoc__note strong {
    display: block;
    margin-bottom: var(--s1);
}

.fi-body.fi-panel-business .kmydoc__rows {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.fi-body.fi-panel-business .kmydoc__row {
    display: flex;
    align-items: center;
    gap: var(--s4);
    min-height: var(--s9);
    padding: var(--s2) var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kmydoc__row-name {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--fs-subhead);
    color: var(--label);
}

.fi-body.fi-panel-business .kmydoc__link {
    min-height: var(--s9);
    padding: 0 var(--s3);
    background: none;
    border: 0;
    cursor: pointer;
    font: inherit;
    font-size: var(--fs-subhead);
    font-weight: 600;
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kmydoc__link--danger {
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .kmydoc__link:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kmydoc__add {
    min-height: var(--s9);
    padding: 0 var(--s5);
    border-radius: var(--r-sm);
    border: 1px solid var(--accent);
    background: var(--accent);
    color: var(--on-accent);
    font-size: var(--fs-subhead);
    font-weight: 600;
    cursor: pointer;
    align-self: flex-start;
}

.fi-body.fi-panel-business .kmydoc__add:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kdm__filters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
    margin-bottom: var(--s4);
}

.fi-body.fi-panel-business .kdm__filters select {
    min-height: var(--s8);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator);
    background: var(--bg-grouped-tertiary);
    color: var(--label);
    padding: 0 var(--s3);
    font: inherit;
    font-size: var(--fs-subhead);
}

.fi-body.fi-panel-business .kdm__wrap {
    overflow: auto;
    max-height: 75vh;
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    background: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kdm {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    font-size: var(--fs-subhead);
}

.fi-body.fi-panel-business .kdm th,
.fi-body.fi-panel-business .kdm td {
    padding: var(--s3) var(--s4);
    border-bottom: 1px solid var(--separator);
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kdm thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--bg-grouped-secondary);
    font-weight: 600;
}

.fi-body.fi-panel-business .kdm__person {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--bg-grouped-secondary);
    min-width: 220px;
}

.fi-body.fi-panel-business .kdm thead .kdm__person {
    z-index: 3;
}

.fi-body.fi-panel-business .kdm__sub {
    display: block;
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
    font-weight: 400;
    white-space: normal;
}

.fi-body.fi-panel-business .kdm__count {
    display: block;
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
    font-weight: 400;
    white-space: normal;
    max-width: 180px;
}

.fi-body.fi-panel-business .kdm__cell {
    display: inline-flex;
    align-items: center;
    min-height: var(--s8);
    padding: 0 var(--s4);
    border-radius: var(--r-full);
    font: inherit;
    font-size: var(--fs-footnote);
    font-weight: 600;
    text-decoration: none;
    border: 1px solid transparent;
    background: var(--fill-tertiary);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business a.kdm__cell,
.fi-body.fi-panel-business button.kdm__cell {
    cursor: pointer;
}

.fi-body.fi-panel-business .kdm__cell:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kdm__cell--approved {
    background: var(--ok-wash);
    color: var(--ok-ink);
}

.fi-body.fi-panel-business .kdm__cell--submitted {
    background: var(--warn-wash);
    color: var(--warn-ink);
}

.fi-body.fi-panel-business .kdm__cell--rejected {
    background: var(--danger-wash);
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .kdm__cell--requested {
    background: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kdm__cell--expired {
    background: var(--danger-wash);
    color: var(--danger-ink);
    border-color: var(--danger-solid);
}

.fi-body.fi-panel-business .kdm__cell--expiring_soon {
    background: var(--warn-wash);
    color: var(--warn-ink);
    border-color: var(--warn-ink);
}

.fi-body.fi-panel-business .kdm__mark {
    display: block;
    font-size: var(--fs-caption-1);
    font-weight: 400;
}

.fi-body.fi-panel-business .kdm__cell--missing {
    background: transparent;
    border-color: var(--danger-solid);
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .kdm__na {
    color: var(--label-quaternary);
    padding: 0 var(--s4);
}

.fi-body.fi-panel-business .kdm__note {
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
    margin: var(--s3) 0 0;
}

.fi-body.fi-panel-business .kdm__empty {
    color: var(--label-secondary);
    padding: var(--s6) var(--s4);
    text-align: center;
}

.fi-body.fi-panel-business .kdr {
    display: grid;
    grid-template-columns: minmax(250px, 310px) minmax(0, 1fr) minmax(280px, 340px);
    gap: var(--s4);
    align-items: start;
}

@media (max-width: 1100px) {
    .fi-body.fi-panel-business .kdr {
        grid-template-columns: minmax(0, 1fr);
    }
}

.fi-body.fi-panel-business .kdr__col {
    background: var(--bg-grouped-secondary);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    padding: var(--s4);
    min-width: 0;
}

.fi-body.fi-panel-business .kdr__h {
    font-size: var(--fs-footnote);
    font-weight: 600;
    color: var(--label-secondary);
    margin: 0 0 var(--s3);
    text-transform: none;
}

.fi-body.fi-panel-business .kdr__filters {
    display: grid;
    gap: var(--s2);
    margin-bottom: var(--s3);
}

.fi-body.fi-panel-business .kdr__filters select {
    width: 100%;
    min-height: var(--s8);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator);
    background: var(--bg-grouped-tertiary);
    color: var(--label);
    padding: 0 var(--s3);
    font: inherit;
    font-size: var(--fs-subhead);
}

.fi-body.fi-panel-business .kdr__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    max-height: 70vh;
    overflow-y: auto;
}

.fi-body.fi-panel-business .kdr__row {
    display: flex;
    gap: var(--s2);
    align-items: flex-start;
    padding: var(--s2);
    border-radius: var(--r-sm);
    border: 1px solid transparent;
}

.fi-body.fi-panel-business .kdr__row--on {
    background: var(--accent-fill-subtle);
    border-color: var(--accent);
}

.fi-body.fi-panel-business .kdr__check {
    margin-top: var(--s3);
    flex: none;
    width: 1rem;
    height: 1rem;
}

.fi-body.fi-panel-business .kdr__pick {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
    background: none;
    border: 0;
    color: var(--label);
    font: inherit;
    cursor: pointer;
    padding: var(--s2);
    min-height: var(--s9);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .kdr__pick:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 1px;
}

.fi-body.fi-panel-business .kdr__type {
    display: block;
    font-size: var(--fs-subhead);
    font-weight: 600;
}

.fi-body.fi-panel-business .kdr__meta {
    display: block;
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kdr__why {
    display: block;
    font-size: var(--fs-footnote);
    color: var(--danger-ink);
    margin-top: 2px;
}

.fi-body.fi-panel-business .kdr__date {
    width: 100%;
    min-height: var(--s8);
    border-radius: var(--r-sm);
    border: 1px solid var(--separator);
    background: var(--bg-grouped-tertiary);
    color: var(--label);
    padding: 0 var(--s3);
    font: inherit;
    font-size: var(--fs-subhead);
    box-sizing: border-box;
}

.fi-body.fi-panel-business .kdr__bulk {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
    align-items: center;
    margin-bottom: var(--s3);
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kdr__link {
    background: none;
    border: 0;
    padding: var(--s2) 0;
    color: var(--accent-ink);
    cursor: pointer;
    font: inherit;
    font-size: var(--fs-footnote);
    min-height: var(--s8);
}

.fi-body.fi-panel-business .kdr__bar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
    align-items: center;
    margin-bottom: var(--s3);
}

.fi-body.fi-panel-business .kdr__btn {
    min-height: var(--s9);
    min-width: var(--s9);
    padding: 0 var(--s4);
    border-radius: var(--r-full);
    border: 1px solid var(--separator);
    background: var(--bg-grouped-tertiary);
    color: var(--label);
    cursor: pointer;
    font: inherit;
    font-size: var(--fs-subhead);
}

.fi-body.fi-panel-business .kdr__btn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kdr__btn[disabled] {
    opacity: .45;
    cursor: default;
}

.fi-body.fi-panel-business .kdr__btn--ok {
    background: var(--ok-ink);
    border-color: var(--ok-ink);
    color: var(--on-accent);
    font-weight: 600;
}

.fi-body.fi-panel-business .kdr__btn--bad {
    background: var(--danger-solid);
    border-color: var(--danger-solid);
    color: var(--on-accent);
    font-weight: 600;
}

.fi-body.fi-panel-business .kdr__stage {
    height: min(68vh, 720px);
    overflow: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: var(--fill-tertiary);
    border-radius: var(--r-sm);
    padding: var(--s3);
}

.fi-body.fi-panel-business .kdr__img {
    max-width: none;
    height: auto;
    background: var(--on-media);
    border-radius: var(--r-xs);
    transform-origin: center top;
}

.fi-body.fi-panel-business .kdr__thumbs {
    display: flex;
    gap: var(--s2);
    margin-top: var(--s3);
    overflow-x: auto;
}

.fi-body.fi-panel-business .kdr__thumb {
    flex: none;
    width: 56px;
    padding: 2px;
    border-radius: var(--r-xs);
    border: 2px solid transparent;
    background: none;
    cursor: pointer;
}

.fi-body.fi-panel-business .kdr__thumb--on {
    border-color: var(--accent);
}

.fi-body.fi-panel-business .kdr__thumb img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;
    border-radius: 2px;
}

.fi-body.fi-panel-business .kdr__dl {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--s2) var(--s3);
    margin: 0 0 var(--s4);
    font-size: var(--fs-subhead);
}

.fi-body.fi-panel-business .kdr__dl dt {
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kdr__dl dd {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.fi-body.fi-panel-business .kdr__reason {
    width: 100%;
    min-height: 6rem;
    border-radius: var(--r-sm);
    border: 1px solid var(--separator);
    background: var(--bg-grouped-tertiary);
    color: var(--label);
    padding: var(--s3);
    font: inherit;
    font-size: var(--fs-subhead);
    box-sizing: border-box;
}

.fi-body.fi-panel-business .kdr__presets {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
    margin: var(--s2) 0 var(--s3);
}

.fi-body.fi-panel-business .kdr__chip {
    min-height: var(--s8);
    padding: 0 var(--s3);
    border-radius: var(--r-full);
    border: 1px solid var(--separator);
    background: var(--bg-grouped-tertiary);
    color: var(--label);
    cursor: pointer;
    font: inherit;
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kdr__actions {
    display: flex;
    gap: var(--s3);
    flex-wrap: wrap;
}

.fi-body.fi-panel-business .kdr__empty {
    color: var(--label-secondary);
    font-size: var(--fs-subhead);
    margin: 0;
    padding: var(--s5) var(--s3);
    text-align: center;
}

.fi-body.fi-panel-business .kdr__help {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--scrim);
    padding: var(--s5);
}

.fi-body.fi-panel-business .kdr__helpbox {
    background: var(--bg-grouped);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    padding: var(--s5);
    max-width: 420px;
    width: 100%;
    box-shadow: var(--shadow-sheet);
}

.fi-body.fi-panel-business .kdr__helpbox dl {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--s2) var(--s4);
    margin: var(--s3) 0;
    font-size: var(--fs-subhead);
}

.fi-body.fi-panel-business .kdr kbd {
    font: inherit;
    font-size: var(--fs-footnote);
    padding: 1px var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-xs);
    background: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kdr__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s3);
    margin-bottom: var(--s3);
    flex-wrap: wrap;
}

.fi-body.fi-panel-business .kdocpages__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
    gap: var(--s4);
}

.fi-body.fi-panel-business .kdocpages__thumb {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    padding: var(--s3);
    min-height: var(--s9);
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    background: var(--bg-grouped-tertiary);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
    color: var(--label);
    font: inherit;
}

.fi-body.fi-panel-business .kdocpages__thumb:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kdocpages__img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: var(--r-xs);
    background: var(--fill-tertiary);
    display: block;
}

.fi-body.fi-panel-business .kdocpages__cap {
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kdocpages__note {
    font-size: var(--fs-subhead);
    color: var(--label-secondary);
    margin: 0;
}

.fi-body.fi-panel-business .kdocpages__back {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--s5);
    background: color-mix(in srgb, black 78%, transparent);
}

.fi-body.fi-panel-business .kdocpages__full {
    max-width: min(96vw, 1100px);
    max-height: 88vh;
    border-radius: var(--r-xs);
    background: var(--on-media);
    display: block;
}

.fi-body.fi-panel-business .kdocpages__bar {
    position: absolute;
    top: var(--s4);
    right: var(--s4);
    display: flex;
    gap: var(--s3);
    align-items: center;
    color: var(--on-media);
    font-size: var(--fs-subhead);
}

.fi-body.fi-panel-business .kdocpages__btn {
    min-height: var(--s9);
    min-width: var(--s9);
    padding: 0 var(--s4);
    cursor: pointer;
    font: inherit;
    color: var(--on-media);
    background: var(--on-media-fill);
    border: 1px solid color-mix(in srgb, var(--on-media) 40%, transparent);
    border-radius: var(--r-full);
}

.fi-body.fi-panel-business .kdocpages__btn:focus-visible {
    outline: 2px solid var(--on-media);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kdocpages__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.fi-body.fi-panel-business .kdocpages__nav--prev {
    left: var(--s4);
}

.fi-body.fi-panel-business .kdocpages__nav--next {
    right: var(--s4);
}

.fi-body.fi-panel-business .kmd-setsize {
    padding: 14px var(--kb-card-pad) 16px;
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kmd-setsize__top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--s4);
    font-size: 14px;
}

.fi-body.fi-panel-business .kmd-setsize__top b {
    font-size: 18px;
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .kmd-meter {
    position: relative;
    height: 10px;
    margin: 10px 0 6px;
    border-radius: 5px;
    background: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kmd-meter > i {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: 5px;
    background: var(--ok-ink);
}

.fi-body.fi-panel-business .kmd-meter > i.is-warn { background: var(--warn-ink); }

.fi-body.fi-panel-business .kmd-meter > s {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 2px;
    background: var(--label-tertiary);
    text-decoration: none;
}

.fi-body.fi-panel-business .kmd-meterleg {
    position: relative;
    height: 16px;
    margin-bottom: var(--s3);
    font-size: 11.5px;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kmd-meterleg > span {
    position: absolute;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kmd-meterleg > span:first-child { left: 0; }
.fi-body.fi-panel-business .kmd-meterleg > span:last-child { right: 0; }

.fi-body.fi-panel-business .kms {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
}

.fi-body.fi-panel-business .kms-back { margin: 0; }
.fi-body.fi-panel-business .kms-link,
.fi-body.fi-panel-business .kms-song a { color: var(--accent-ink); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kms-fact { color: var(--label-secondary); font-size: var(--fs-footnote); white-space: nowrap; }
.fi-body.fi-panel-business .kms-viewonly { margin: 0; color: var(--label-secondary); font-size: 13px; }
.fi-body.fi-panel-business .kms-dim { opacity: .7; }

.fi-body.fi-panel-business .kms-banner {
    display: flex;
    align-items: center;
    gap: var(--s4);
    padding: var(--s4) var(--s5);
    border: 1px solid color-mix(in srgb, var(--accent) 40%, transparent);
    border-radius: var(--r-sm);
    background-color: color-mix(in srgb, var(--accent) 11%, var(--bg-grouped-secondary));
}

.fi-body.fi-panel-business .kms-banner__ic {
    display: grid;
    flex: none;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background-color: var(--accent);
    color: #fff;
}

.fi-body.fi-panel-business .kms-banner__svg { width: 22px; height: 22px; }
.fi-body.fi-panel-business .kms-banner__main { flex: 1; min-width: 0; }
.fi-body.fi-panel-business .kms-banner__t { color: var(--label); font-size: 16px; line-height: 22px; }
.fi-body.fi-panel-business .kms-banner__t b { font-weight: 700; }

.fi-body.fi-panel-business .kms-banner__s {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
    margin-top: 3px;
    color: var(--label-secondary);
    font-size: 13.5px;
}

.fi-body.fi-panel-business .kms-banner__s a { color: var(--accent-ink); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kms-banner__starting { margin-top: 6px; color: var(--label-secondary); font-size: 13px; }
.fi-body.fi-panel-business .kms-banner__act { flex: none; }

.fi-body.fi-panel-business .kms-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: var(--s6);
    align-items: start;
}

.fi-body.fi-panel-business .kms-main,
.fi-body.fi-panel-business .kms-aside {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
    min-width: 0;
}

@media (max-width: 1023px) {
    .fi-body.fi-panel-business .kms-layout { grid-template-columns: minmax(0, 1fr); }
}

.fi-body.fi-panel-business .kms-field + .kms-field { margin-top: var(--s5); }

.fi-body.fi-panel-business .kms-field__lab {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kms-field__lab small {
    color: var(--label-tertiary);
    font-size: 12.5px;
    font-weight: 500;
}

.fi-body.fi-panel-business .kms-chips { display: flex; flex-wrap: wrap; gap: var(--s3); }

.fi-body.fi-panel-business .kms-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 var(--s4);
    border: 0;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label);
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
}

.fi-body.fi-panel-business .kms-chip b { font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kms-chip.is-on { background-color: var(--accent-fill-subtle); color: var(--accent-ink); }
.fi-body.fi-panel-business .kms-chip__ic { width: 14px; height: 14px; }
.fi-body.fi-panel-business .kms-help { margin: 8px 0 0; color: var(--label-secondary); font-size: 12.5px; }

.fi-body.fi-panel-business .kms-screen {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 56px;
    padding: 10px var(--kb-card-pad);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kms-screen:first-child { border-top: 0; }
.fi-body.fi-panel-business .kms-screen__nm { flex: 1; min-width: 0; font-size: 14px; font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kms-screen__nm small { display: block; color: var(--label-secondary); font-size: 12.5px; font-weight: 400; }

.fi-body.fi-panel-business .kms-cb {
    display: inline-grid;
    flex: none;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1.5px solid var(--separator-opaque);
    border-radius: 6px;
    background-color: var(--bg-grouped-secondary);
    color: #fff;
    cursor: pointer;
}

.fi-body.fi-panel-business .kms-cb.is-on { border-color: var(--accent); background-color: var(--accent); }
.fi-body.fi-panel-business .kms-cb__ic { width: 14px; height: 14px; }
.fi-body.fi-panel-business .kms-screen.is-disabled { opacity: .7; }
.fi-body.fi-panel-business .kms-cb.is-disabled { cursor: not-allowed; background-color: var(--fill-tertiary, transparent); }

.fi-body.fi-panel-business .kms-sum {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 9px var(--kb-card-pad);
    font-size: 14px;
}

.fi-body.fi-panel-business .kms-sum + .kms-sum { border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kms-sum span { color: var(--label-secondary); }
.fi-body.fi-panel-business .kms-sum b { font-weight: var(--fw-semibold); text-align: right; }

.fi-body.fi-panel-business .kms-foot {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    padding: var(--kb-card-pad);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kms-foot .fi-btn { width: 100%; justify-content: center; }
.fi-body.fi-panel-business .kms-foot .kb-sub { margin: 0; text-align: center; font-size: 12.5px; }

.fi-body.fi-panel-business .kms-size { padding: 14px var(--kb-card-pad) 16px; border-top: 1px solid var(--separator); }

.fi-body.fi-panel-business .kms-size__top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: var(--s4);
    font-size: 14px;
}

.fi-body.fi-panel-business .kms-size__top b { font-size: 18px; font-variant-numeric: tabular-nums; }

.fi-body.fi-panel-business .kms-meter {
    position: relative;
    height: 10px;
    margin: 10px 0 6px;
    border-radius: 5px;
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kms-meter i { position: absolute; inset: 0 auto 0 0; border-radius: 5px; background-color: var(--ok-solid); }
.fi-body.fi-panel-business .kms-meter i.kms-meter--warn { background-color: var(--warn-solid); }
.fi-body.fi-panel-business .kms-meter i.kms-meter--acc { background-color: var(--accent); }
.fi-body.fi-panel-business .kms-meter i.kms-meter--bad { background-color: var(--danger-solid); }

.fi-body.fi-panel-business .kms-songs td { vertical-align: middle; }
.fi-body.fi-panel-business .kms-song b { display: block; font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kms-song small { display: block; color: var(--label-tertiary); font-size: 12.5px; }
.fi-body.fi-panel-business .kms-grip { width: 34px; color: var(--label-tertiary); cursor: grab; }
.fi-body.fi-panel-business .kms-grip__ic { width: 18px; height: 18px; }
.fi-body.fi-panel-business .kms-x { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 0; background: transparent; color: var(--label-tertiary); cursor: pointer; }
.fi-body.fi-panel-business .kms-x:hover { color: var(--danger-ink); }
.fi-body.fi-panel-business .kms-x__ic { width: 18px; height: 18px; }
.fi-body.fi-panel-business .kms-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }

.fi-body.fi-panel-business .kms-tag {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 999px;
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: 11.5px;
    font-weight: 700;
    line-height: 16px;
}

.fi-body.fi-panel-business .kms-tag--e { background-color: var(--accent-fill-subtle); color: var(--accent-ink); }
.fi-body.fi-panel-business .kms-tag--l { background-color: color-mix(in srgb, var(--info-ink) 13%, transparent); color: var(--info-ink); }
.fi-body.fi-panel-business .kms-bad td { background-color: color-mix(in srgb, var(--danger-ink) 7%, transparent); }
.fi-body.fi-panel-business .kms-bad td b { color: var(--danger-ink); }

.fi-body.fi-panel-business .kms-more {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px var(--kb-card-pad);
    border-top: 1px solid var(--separator);
    color: var(--label-secondary);
    font-size: 13.5px;
}

.fi-body.fi-panel-business .kms-select {
    min-height: 36px;
    padding: 0 var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: 13px;
}

.fi-body.fi-panel-business .kcf-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    gap: var(--s5) 40px;
    padding: 16px var(--kb-card-pad) 18px;
    border-top: 1px solid var(--separator);
    background-color: color-mix(in srgb, var(--accent) 5%, var(--bg-grouped-secondary));
}

@media (max-width: 760px) {
    .fi-body.fi-panel-business .kcf-panel { grid-template-columns: minmax(0, 1fr); }
}

.fi-body.fi-panel-business .kcf-lbl { margin-bottom: 8px; font-size: 13px; font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kcf-chips { display: flex; flex-wrap: wrap; gap: 6px; }

.fi-body.fi-panel-business .kcf-chip {
    display: grid;
    place-items: center;
    min-width: 64px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-full);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: 14px;
    font-weight: var(--fw-semibold);
    font-variant-numeric: tabular-nums;
    cursor: pointer;
}

.fi-body.fi-panel-business .kcf-chip.is-on {
    border-color: var(--accent);
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kcf-lvl { display: flex; align-items: center; gap: 14px; }

.fi-body.fi-panel-business .kcf-lvl output {
    display: grid;
    place-items: center;
    min-width: 62px;
    height: 36px;
    border-radius: 10px;
    background-color: var(--fill-tertiary);
    font-size: 15px;
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .kcf-lvl input {
    flex: 1;
    min-width: 0;
    height: 28px;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
}

.fi-body.fi-panel-business .kcf-lvl input::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 3px;
    background: linear-gradient(to right, var(--accent) var(--p, 50%), var(--fill-tertiary) var(--p, 50%));
}

.fi-body.fi-panel-business .kcf-lvl input::-moz-range-track { height: 6px; border-radius: 3px; background: var(--fill-tertiary); }
.fi-body.fi-panel-business .kcf-lvl input::-moz-range-progress { height: 6px; border-radius: 3px; background: var(--accent); }

.fi-body.fi-panel-business .kcf-lvl input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    margin-top: -8px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .32);
}

.fi-body.fi-panel-business .kcf-lvl input::-moz-range-thumb {
    width: 22px;
    height: 22px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .32);
}

.fi-body.fi-panel-business .kcf-ends { display: flex; justify-content: space-between; margin: 2px 76px 0 2px; color: var(--label-tertiary); font-size: 11px; }
.fi-body.fi-panel-business .kcf-of { margin: 6px 2px 0; color: var(--label-secondary); font-size: 12.5px; }

.fi-body.fi-panel-business .kcf-today {
    grid-column: 1 / -1;
    margin: 0;
    padding: 10px 12px;
    border-radius: 10px;
    background-color: var(--fill-quaternary);
    color: var(--label-secondary);
    font-size: 13px;
}

.fi-body.fi-panel-business .ksa-row { margin-top: var(--s4); padding-top: var(--s4); border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .ksa-row .kb-setrow { padding: 0; }
.fi-body.fi-panel-business .ksa-plain { color: var(--label-secondary); font-weight: 600; }
.fi-body.fi-panel-business .ksa-note { margin: var(--s3) 0 0; }
.fi-body.fi-panel-business .ksa-amber { color: var(--warn-ink); }
.fi-body.fi-panel-business .ksa-dim { opacity: 0.55; }
.fi-body.fi-panel-business .ksa-tv { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; max-width: 220px; border-radius: var(--r-sm); background-color: #111; color: #fff; font-weight: 700; letter-spacing: -0.02em; }
.fi-body.fi-panel-business .ksa-tv__ring { position: absolute; top: 8%; right: 5%; width: 10px; height: 10px; border: 2px solid #ff9500; border-radius: 50%; box-sizing: border-box; }
.fi-body.fi-panel-business .ksa-modal__list { margin: var(--s3) 0 var(--s4); padding-inline-start: 1.1em; }
.fi-body.fi-panel-business .ksa-modal__list li { margin-bottom: var(--s2); }
.fi-body.fi-panel-business .kmb {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
}

.fi-body.fi-panel-business .kmb-back { margin: 0; font-size: var(--fs-subhead); }

.fi-body.fi-panel-business .kmb-back a { color: var(--accent-ink); }

.fi-body.fi-panel-business .kmb-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: var(--s7);
}

@media (max-width: 900px) {
    .fi-body.fi-panel-business .kmb-grid { grid-template-columns: minmax(0, 1fr); }
}

.fi-body.fi-panel-business .kmb-h {
    margin: 0 0 var(--s3);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    color: var(--label-secondary);
    letter-spacing: 0.02em;
}

.fi-body.fi-panel-business .kmb-h--gap { margin-top: var(--s6); }

.fi-body.fi-panel-business .kmb-cats { display: flex; flex-direction: column; gap: var(--s2); }

.fi-body.fi-panel-business .kmb-cat {
    display: flex;
    align-items: center;
    gap: var(--s4);
    min-height: var(--touch);
    padding: var(--s3) var(--s4);
    border-radius: var(--r-sm);
    background: var(--bg-grouped-tertiary);
    color: var(--label);
    text-align: start;
}

.fi-body.fi-panel-business .kmb-cat.is-dim { opacity: 0.55; cursor: not-allowed; }

.fi-body.fi-panel-business .kmb-chk {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: var(--r-full);
    border: 2px solid var(--label-tertiary);
    color: transparent;
    font-size: var(--fs-footnote);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kmb-cat.is-on .kmb-chk { background: var(--accent); border-color: var(--accent); color: #fff; }

.fi-body.fi-panel-business .kmb-cat__tx { display: flex; flex-direction: column; min-width: 0; }

.fi-body.fi-panel-business .kmb-cat__nm { font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kmb-cat small { color: var(--label-secondary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kmb-looks {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    gap: var(--s4);
    align-items: start;
}

.fi-body.fi-panel-business .kmb-looks[data-orientation="portrait"] { grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); }

.fi-body.fi-panel-business .kmb-look {
    padding: var(--s3);
    border-radius: var(--r-md);
    background: var(--bg-grouped-tertiary);
    color: var(--label);
    text-align: center;
    cursor: pointer;
}

.fi-body.fi-panel-business .kmb-look.is-on { box-shadow: 0 0 0 2px var(--accent); }

.fi-body.fi-panel-business .kmb-look:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.fi-body.fi-panel-business .kmb-look__nm { display: block; margin-top: var(--s3); font-size: var(--fs-footnote); font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kmb-look small { display: block; color: var(--label-secondary); font-size: var(--fs-caption-1); line-height: var(--lh-caption-1); }

.fi-body.fi-panel-business .kmb-thumb {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: var(--r-xs);
    background: #000;
    aspect-ratio: 16 / 9;
}

.fi-body.fi-panel-business .kmb-thumb[data-orientation="portrait"] { aspect-ratio: 9 / 16; width: min(100%, 7rem); margin-inline: auto; }

.fi-body.fi-panel-business .kmb-scale { position: absolute; inset-inline-start: 0; top: 0; transform-origin: 0 0; }

.fi-body.fi-panel-business .kmb-scale iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: none;
    background: #000;
}

.fi-body.fi-panel-business .kmb-thumb__msg {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: var(--s3);
    background: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    line-height: var(--lh-caption-1);
    text-align: center;
}

.fi-body.fi-panel-business .kmb-seg {
    display: inline-flex;
    padding: 2px;
    border-radius: var(--r-sm);
    background: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kmb-seg button {
    min-height: var(--touch);
    padding: 0 var(--s5);
    border: 0;
    border-radius: var(--r-xs);
    background: transparent;
    color: var(--label);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.fi-body.fi-panel-business .kmb-seg button[aria-checked="true"] { background: var(--bg-grouped-secondary); box-shadow: 0 1px 2px var(--label-quaternary); }

.fi-body.fi-panel-business .kmb-note { margin: var(--s5) 0 0; font-size: var(--fs-footnote); color: var(--label-secondary); }

.fi-body.fi-panel-business .kmb-actions { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s5); }

.fi-body.fi-panel-business .kmb-chip {
    display: inline-block;
    padding: 1px var(--s3);
    border-radius: var(--r-full);
    background: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.fi-body.fi-panel-business .kmb-fresh { color: var(--label-secondary); font-size: var(--fs-caption-1); }
.fi-body.fi-panel-business .kmc {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
}

.fi-body.fi-panel-business .kmc__bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--s3) var(--s5);
}

.fi-body.fi-panel-business .kmc__target {
    color: var(--label-secondary);
    font-size: 12.5px;
}

.fi-body.fi-panel-business .kmc .fc {
    font-weight: var(--fw-bold);
    white-space: nowrap;
}

.fi-body.fi-panel-business .kmc .fc--red { color: var(--danger-ink); }

.fi-body.fi-panel-business .kmc .fc--amber { color: var(--warn-ink); }

.fi-body.fi-panel-business .kmc .fc--green { color: var(--ok-ink); }

.fi-body.fi-panel-business .kmc-card {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
}

.fi-body.fi-panel-business .kmc-meter {
    max-width: 420px;
}

.fi-body.fi-panel-business .kmc-meter__track {
    position: relative;
    height: 8px;
    border-radius: 4px;
    background: var(--fill-quaternary);
}

.fi-body.fi-panel-business .kmc-meter__fill {
    height: 100%;
    border-radius: 4px;
    background: var(--label-tertiary);
}

.fi-body.fi-panel-business .kmc-meter__fill--red { background: var(--danger-ink); }

.fi-body.fi-panel-business .kmc-meter__fill--amber { background: var(--warn-ink); }

.fi-body.fi-panel-business .kmc-meter__fill--green { background: var(--ok-ink); }

.fi-body.fi-panel-business .kmc-meter__tick {
    position: absolute;
    top: -3px;
    bottom: -3px;
    width: 2px;
    background: var(--label);
}

.fi-body.fi-panel-business .kmc-meter__scale {
    display: flex;
    justify-content: space-between;
    margin-top: var(--s2);
    color: var(--label-secondary);
    font-size: 11.5px;
}
.fi-body.fi-panel-business .kmenu { gap: var(--kb-row-gap); }

.fi-body.fi-panel-business .kmenu__bar { gap: var(--s3); }

.fi-body.fi-panel-business .kmenu__search {
    flex: 1 1 260px;
    height: var(--kb-ctl);
    padding: 0 var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kmenu__search:focus-visible {
    outline: 0;
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
}

.fi-body.fi-panel-business .kmenu__link,
.fi-body.fi-panel-business .kmenu__add,
.fi-body.fi-panel-business .kmenu__bulkbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: var(--kb-ctl);
    padding: 0 var(--kb-btn-px);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
    text-decoration: none;
    filter: none;
    cursor: pointer;
}

.fi-body.fi-panel-business .kmenu__link:hover,
.fi-body.fi-panel-business .kmenu__add:hover,
.fi-body.fi-panel-business .kmenu__bulkbtn:hover {
    border-color: var(--separator-opaque);
    background-color: var(--fill-quaternary);
    color: var(--label);
    filter: none;
}

.fi-body.fi-panel-business .kmenu__link--on,
.fi-body.fi-panel-business .kmenu__link--on:hover {
    border-color: var(--accent);
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kmenu__link-icon,
.fi-body.fi-panel-business .kmenu__add-icon {
    width: var(--s5);
    height: var(--s5);
}

.fi-body.fi-panel-business .kmn-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--s3) var(--s5);
}

.fi-body.fi-panel-business .kmn-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kmn-chip { cursor: pointer; }

.fi-body.fi-panel-business .kmn-chip:hover { background-color: var(--fill-quaternary); }

.fi-body.fi-panel-business .kmn-chip:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kmenu__bulk {
    gap: var(--s3);
    min-height: 56px;
    padding: var(--s3) var(--s5);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .kmenu__bulk-count {
    margin-inline-end: var(--s2);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kmenu__bulklink {
    padding: var(--s3);
    color: var(--accent-ink);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
    text-decoration: none;
}

.fi-body.fi-panel-business .kmenu__bulklink:hover { text-decoration: underline; }

.fi-body.fi-panel-business .kmenu__sections { gap: var(--kb-row-gap); }

.fi-body.fi-panel-business .kmenu__section {
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .kmenu__head {
    gap: var(--s3);
    min-height: 56px;
    padding: var(--s3) var(--kb-card-pad);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kmenu__title {
    font-size: 15px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kmenu__count {
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kmenu__headactions {
    flex-wrap: wrap;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kmenu__rename {
    display: inline-flex;
    flex: none;
    gap: var(--s2);
    opacity: 1;
}

.fi-body.fi-panel-business .kmn-iconbtn {
    width: var(--kb-ctl);
    height: var(--kb-ctl);
    margin: 0;
}

.fi-body.fi-panel-business .kmenu__cgrip,
.fi-body.fi-panel-business .kmenu__grip {
    width: var(--s8);
    height: var(--kb-ctl);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .kmenu__row {
    gap: var(--s4);
    min-height: 64px;
    padding: var(--s3) var(--kb-card-pad);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kmenu__row:last-child { border-bottom: 0; }

.fi-body.fi-panel-business .kmenu__row:hover { background-color: var(--fill-quaternary); }

.fi-body.fi-panel-business .kmenu__pick {
    width: var(--s8);
    height: var(--kb-ctl);
}

.fi-body.fi-panel-business .kmenu__main { gap: 14px; }

.fi-body.fi-panel-business .kmenu__thumb {
    width: var(--kb-ctl);
    height: var(--kb-ctl);
    border-radius: var(--r-xs);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kmenu__body { gap: 1px; }

.fi-body.fi-panel-business .kmenu__name {
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kmenu__meta {
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2) var(--s4);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kmenu__meta .kb-st {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kmenu__price {
    color: var(--label-secondary);
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .kmenu__sell,
.fi-body.fi-panel-business .kmenu__sell--on {
    height: 36px;
    padding: 0 var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kmenu__sell--on { color: var(--label); }

.fi-body.fi-panel-business .kmenu__sell:hover { background-color: var(--fill-quaternary); }

.fi-body.fi-panel-business .kmenu__more {
    width: var(--kb-ctl);
    height: var(--kb-ctl);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .kmenu__empty {
    padding: var(--kb-card-pad);
    color: var(--label-secondary);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kmn-hint {
    max-width: 52ch;
    margin: 0 auto;
    color: var(--label-secondary);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kmn-hint strong {
    color: var(--label);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kmn-was {
    margin-inline-start: var(--s2);
    color: var(--label-tertiary);
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .kmn-crops {
    display: flex;
    align-items: flex-start;
    gap: var(--s4);
    margin-bottom: var(--s5);
}

.fi-body.fi-panel-business .kmn-crop {
    flex: 1;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kmn-crop__img {
    display: block;
    width: 100%;
    object-fit: cover; object-position: 50% 50%;
}

.fi-body.fi-panel-business .kmn-crop--hero .kmn-crop__img { aspect-ratio: 16 / 9; }

.fi-body.fi-panel-business .kmn-crop--grid .kmn-crop__img { aspect-ratio: 4 / 3; }

.fi-body.fi-panel-business .kmn-crop--list .kmn-crop__img { aspect-ratio: 1 / 1; }

.fi-body.fi-panel-business .kmn-crop__cap {
    padding: var(--s3) var(--s4);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    line-height: 1.35;
}

.fi-body.fi-panel-business .kmn-crop__sub {
    display: block;
    margin-top: 1px;
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
}

.fi-body.fi-panel-business .kmn-strip {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kmn-strip__img {
    width: 64px;
    height: 64px;
    border-radius: var(--r-xs);
    object-fit: cover;
}

.fi-body.fi-panel-business .kphoto__zone { border-radius: var(--r-sm); }

.fi-body.fi-panel-business .kphoto__save,
.fi-body.fi-panel-business .kphoto__clear {
    min-height: var(--kb-ctl);
    padding: 0 var(--kb-btn-px);
    border-radius: var(--r-xs);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kphoto__clear { background-color: var(--bg-grouped-secondary); }

.fi-body.fi-panel-business .kprice__summary {
    color: var(--label);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kprice__scroll,
.fi-body.fi-panel-business .kmn-paste {
    overflow: auto;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .kmn-paste { max-height: 22rem; }

.fi-body.fi-panel-business .kprice__table,
.fi-body.fi-panel-business .kmn-paste__table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kprice__table th,
.fi-body.fi-panel-business .kmn-paste__table th {
    position: sticky;
    top: 0;
    padding: var(--s3) var(--kb-cell-x);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kprice__table th,
.fi-body.fi-panel-business .kmn-paste__table th:not(.kb-num) { text-align: start; }

.fi-body.fi-panel-business .kprice__table td,
.fi-body.fi-panel-business .kmn-paste__table td {
    padding: var(--s3) var(--kb-cell-x);
    border-top: 1px solid var(--separator);
    vertical-align: top;
}

.fi-body.fi-panel-business .kprice__row--skip td { background-color: color-mix(in srgb, var(--warn-ink) 7%, transparent); }

.fi-body.fi-panel-business .kprice__reason,
.fi-body.fi-panel-business .kprice__more {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kcopy__list { font-size: var(--kb-ctl-fs); }

.fi-body.fi-panel-business .kmn-paste__sku {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kmn-paste__st {
    align-items: baseline;
    white-space: normal;
}

.fi-body.fi-panel-business .kmn-paste__sum {
    margin: var(--s4) 0 0;
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kuse {
    margin: 0;
    padding-inline-start: var(--s6);
    list-style: disc;
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kuse__hidden { color: var(--label-tertiary); }

@media (max-width: 640px) {
    .fi-body.fi-panel-business .kmenu__row,
    .fi-body.fi-panel-business .kmenu__head { padding-inline: var(--s5); }

    .fi-body.fi-panel-business .kmn-crops { flex-direction: column; }

    .fi-body.fi-panel-business .kmn-crop { width: 100%; }
}

.fi-body.fi-panel-business .ksale {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3) var(--s5);
    min-height: 44px;
}

.fi-body.fi-panel-business .ksale__text {
    color: var(--label);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .ksale--failed .ksale__text,
.fi-body.fi-panel-business .ksale--paused .ksale__text { color: var(--label-secondary); }

.fi-body.fi-panel-business .ksale__link {
    color: var(--accent, var(--label));
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
    text-decoration: underline;
}

.fi-body.fi-panel-business .ka-fchip__ct--zero { background-color: var(--fill-tertiary); color: var(--label-tertiary); }

.fi-body.fi-panel-business .kmenu__head .kmn-del { opacity: 0; transition: opacity 0.12s ease; }
.fi-body.fi-panel-business .kmenu__head:hover .kmn-del,
.fi-body.fi-panel-business .kmenu__head:focus-within .kmn-del { opacity: 1; }
.fi-body.fi-panel-business .kmn-del:hover,
.fi-body.fi-panel-business .kmn-del:hover .fi-icon-btn-icon,
.fi-body.fi-panel-business .kmn-del:focus-visible .fi-icon-btn-icon { color: var(--danger-ink); }
@media (hover: none) { .fi-body.fi-panel-business .kmenu__head .kmn-del { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .fi-body.fi-panel-business .kmenu__head .kmn-del { transition: none; } }
.fi-body.fi-panel-business .kpe-filters { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); margin-bottom: 14px; }
.fi-body.fi-panel-business .kpe-filters--end { align-items: flex-end; }
.fi-body.fi-panel-business .kpe-filters__label { margin-right: var(--s2); color: var(--label-tertiary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kpe-search,
.fi-body.fi-panel-business .kpe-input,
.fi-body.fi-panel-business .kpe-select {
    height: var(--kb-ctl);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .kpe-search { flex: 0 1 300px; min-width: 0; padding: 0 var(--s4); font-weight: var(--fw-regular); }
.fi-body.fi-panel-business .kpe-select { max-width: 100%; padding: 0 var(--s8) 0 var(--s4); }

.fi-body.fi-panel-business .kpe-input { max-width: 100%; padding: 0 var(--s4); font-weight: var(--fw-regular); }
.fi-body.fi-panel-business .kpe-input[type="number"] { width: 5.5rem; }

.fi-body.fi-panel-business .kpe-search:focus-visible,
.fi-body.fi-panel-business .kpe-input:focus-visible,
.fi-body.fi-panel-business .kpe-select:focus-visible,
.fi-body.fi-panel-business .kpe-sw:focus-visible,
.fi-body.fi-panel-business .kpe-chip:focus-visible,
.fi-body.fi-panel-business .kpe-tab:focus-visible,
.fi-body.fi-panel-business .kpe-link:focus-visible,
.fi-body.fi-panel-business .kpe-ibtn:focus-visible,
.fi-body.fi-panel-business .kpe-acc__row:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.fi-body.fi-panel-business .kpe-field { display: flex; flex-direction: column; gap: var(--s2); min-width: 0; }
.fi-body.fi-panel-business .kpe-field__label { color: var(--label-tertiary); font-size: 12.5px; }

.fi-body.fi-panel-business .kpe-field > .kpe-search { flex: none; width: 300px; max-width: 100%; }
.fi-body.fi-panel-business .kpe-check { display: inline-flex; align-items: center; gap: var(--s3); min-height: var(--kb-ctl); color: var(--label); font-size: var(--kb-ctl-fs); }

.fi-body.fi-panel-business .kpe-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: var(--kb-ctl);
    padding: 0 var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-medium);
    white-space: nowrap;
    cursor: pointer;
}

.fi-body.fi-panel-business .kpe-chip[aria-pressed="true"] { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); color: var(--accent-ink); font-weight: var(--fw-bold); }

.fi-body.fi-panel-business .kpe-chip__ct {
    display: grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: 11px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kpe-chip[aria-pressed="true"] .kpe-chip__ct { background-color: var(--accent); color: var(--on-accent); }

.fi-body.fi-panel-business .kpe-swlab { display: inline-flex; align-items: center; gap: var(--s3); color: var(--label-secondary); font-size: var(--kb-ctl-fs); }
.fi-body.fi-panel-business .kpe-swlab--strong { color: var(--label); font-weight: var(--fw-semibold); }

@media (prefers-reduced-motion: reduce) {
    .fi-body.fi-panel-business .kpe-sw::after { transition: none; }
}

.fi-body.fi-panel-business .kpe-link {
    padding: 0;
    border: 0;
    background: none;
    color: var(--accent-ink);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
    text-decoration: none;
    cursor: pointer;
}

.fi-body.fi-panel-business .kpe-link--sm { font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kpe-link:hover { text-decoration: underline; }
.fi-body.fi-panel-business .kpe-link[disabled] { color: var(--label-tertiary); cursor: default; text-decoration: none; }

.fi-body.fi-panel-business .kpe-crumb { display: block; color: var(--label-tertiary); font-size: 12.5px; }
.fi-body.fi-panel-business .kpe-crumb a { color: var(--accent-ink); font-weight: var(--fw-medium); text-decoration: none; }
.fi-body.fi-panel-business .kpe-crumb b { color: var(--label-secondary); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kpe-crumb--back { display: inline-flex; align-items: center; gap: 6px; color: var(--accent-ink); font-size: var(--fs-footnote); font-weight: var(--fw-medium); text-decoration: none; }

.fi-body.fi-panel-business .kpe-lede { max-width: 90ch; margin: 0; color: var(--label-secondary); font-size: 14px; }
.fi-body.fi-panel-business .kpe-hint { margin: 0 0 var(--s4); color: var(--label-secondary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kpe-none { margin: 0; padding: var(--s5) var(--kb-card-pad); color: var(--label-tertiary); font-size: 14px; }
.fi-body.fi-panel-business .kpe-note { margin: 0; padding: var(--s4) var(--kb-card-pad); border-bottom: 1px solid var(--separator); color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kpe-inset { margin: var(--s4) var(--kb-card-pad); }

.fi-body.fi-panel-business .kpe-money { font-variant-numeric: tabular-nums; font-weight: var(--fw-semibold); white-space: nowrap; }
.fi-body.fi-panel-business .kpe-mono { font-variant-numeric: tabular-nums; letter-spacing: 0.02em; }

.fi-body.fi-panel-business .kpe-diff { font-variant-numeric: tabular-nums; white-space: nowrap; }
.fi-body.fi-panel-business .kpe-diff--over { color: var(--warn-ink); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kpe-diff--under { color: var(--label-secondary); }

.fi-body.fi-panel-business .kpe-scroll { overflow-x: auto; }

.fi-body.fi-panel-business .kpe-table thead th:first-child,
.fi-body.fi-panel-business .kpe-table tbody td:first-child { padding-left: var(--kb-card-pad); }
.fi-body.fi-panel-business .kpe-table thead th:last-child,
.fi-body.fi-panel-business .kpe-table tbody td:last-child { padding-right: var(--kb-card-pad); }

.fi-body.fi-panel-business .kpe-table tbody tr.is-selected td { background-color: var(--accent-fill-subtle); }
.fi-body.fi-panel-business .kpe-table tbody tr.is-inactive .kpe-person { opacity: 0.65; }
.fi-body.fi-panel-business .kpe-table tbody td.kb-muted { color: var(--label-secondary); }

.fi-body.fi-panel-business .kpe-table .kpe-table__cb { width: var(--s9); padding-right: 0; }
.fi-body.fi-panel-business .kpe-table .kpe-table__cb input { width: 18px; height: 18px; border-radius: 5px; }
.fi-body.fi-panel-business .kpe-table .kpe-table__act { width: 56px; padding-top: 0; padding-bottom: 0; text-align: end; }

.fi-body.fi-panel-business .kpe-table tbody tr.kpe-table__grp td {
    padding: 10px var(--kb-card-pad) var(--s3);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.fi-body.fi-panel-business .kpe-table tbody tr.kpe-table__joined td { border-bottom: 0; padding-bottom: var(--s2); }
.fi-body.fi-panel-business .kpe-table tbody tr.kpe-table__split td { padding-top: 0; }
.fi-body.fi-panel-business .kpe-split { display: flex; flex-wrap: wrap; gap: 6px var(--s6); padding-left: var(--s8); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kpe-split__shop { display: inline-flex; gap: 6px; }

.fi-body.fi-panel-business .kpe-table--inner { border: 1px solid var(--separator); border-radius: var(--r-xs); background-color: var(--bg-grouped-secondary); }

.fi-body.fi-panel-business .kpe-person { display: flex; flex-direction: column; min-width: 0; }
.fi-body.fi-panel-business .kpe-person__link { color: inherit; font-weight: var(--fw-semibold); text-decoration: none; }
.fi-body.fi-panel-business .kpe-person__sub { padding-left: var(--s8); overflow-wrap: anywhere; }

.fi-body.fi-panel-business .kpe-bulk {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s4);
    min-height: 56px;
    padding: var(--s3) var(--kb-card-pad);
    border-bottom: 1px solid var(--separator);
    background-color: var(--accent-fill-subtle);
    color: var(--label);
    font-size: 14px;
}

.fi-body.fi-panel-business .kpe-bulk__warn { flex-basis: 100%; color: var(--warn-ink); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kpe-nomatch { display: flex; flex-direction: column; align-items: center; gap: var(--s3); padding: var(--s8) var(--kb-card-pad); color: var(--label-secondary); font-size: 14px; }

.fi-body.fi-panel-business .kpe-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    padding: var(--s4) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kpe-pager { display: inline-flex; align-items: center; gap: var(--s4); }

@media (max-width: 640px) {
    .fi-body.fi-panel-business .kpe-table .kb-badge { white-space: normal; text-align: start; height: auto; min-height: 0; line-height: 1.35; padding-block: 4px; }
}

.fi-body.fi-panel-business .kpe-stack { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--kb-row-gap); }
.fi-body.fi-panel-business .kpe-stack > .ka-card + .ka-card,
.fi-body.fi-panel-business .kpe-page .kb-det__main > .ka-card + .ka-card,
.fi-body.fi-panel-business .kpe-page .kb-two > .ka-card + .ka-card { margin-top: 0; }

.fi-body.fi-panel-business .kpe-head .kb-sum__top { gap: var(--s3); }
.fi-body.fi-panel-business .kpe-head__mark { display: block; width: 72px; height: 72px; border-radius: var(--r-full); object-fit: cover; }
.fi-body.fi-panel-business .kpe-head__photo { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--s2) var(--s4); }
.fi-body.fi-panel-business .kpe-head__name { margin: var(--s3) 0 0; color: var(--label); font-size: var(--fs-title-3); font-weight: var(--fw-bold); line-height: 1.2; overflow-wrap: anywhere; }
.fi-body.fi-panel-business .kpe-head__act { display: flex; align-items: center; justify-content: center; gap: var(--s4); }

.fi-body.fi-panel-business .kpe-tabs {
    display: inline-flex;
    align-self: flex-start;
    gap: 2px;
    max-width: 100%;
    padding: 3px;
    overflow-x: auto;
    border-radius: var(--r-sm);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kpe-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--kb-tab-y) var(--kb-tab-x);
    border: 0;
    border-radius: 9px;
    background: none;
    color: var(--label-secondary);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.fi-body.fi-panel-business .kpe-tab[aria-current="page"],
.fi-body.fi-panel-business .kpe-tab[aria-pressed="true"] { background-color: var(--seg-raised); color: var(--accent-ink); box-shadow: var(--shadow-card); }

.fi-body.fi-panel-business .kpe-tabs--inline .kpe-tab { padding: 6px var(--s4); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kpe-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3) 14px;
    min-height: 64px;
    padding: var(--s4) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .kpe-row:first-child { border-top: 0; }
.fi-body.fi-panel-business .kpe-row__main { flex: 1; min-width: 130px; }
.fi-body.fi-panel-business .kpe-row__t { color: var(--label); font-size: 14px; font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kpe-row--pending { background-color: color-mix(in srgb, var(--warn-ink) 8%, transparent); }

.fi-body.fi-panel-business .kpe-acts { display: inline-flex; align-items: center; justify-content: flex-end; gap: var(--s3); }

.fi-body.fi-panel-business .kpe-ibtn {
    display: grid;
    place-items: center;
    flex: none;
    width: var(--kb-ctl);
    height: var(--kb-ctl);
    border: 0;
    border-radius: var(--r-xs);
    background: none;
    color: var(--label-secondary);
    cursor: pointer;
}

.fi-body.fi-panel-business .kpe-ibtn:hover { background-color: var(--fill-tertiary); }
.fi-body.fi-panel-business .kpe-ibtn--danger { color: var(--danger-ink); }
.fi-body.fi-panel-business .kpe-ibtn svg { width: 18px; height: 18px; }

.fi-body.fi-panel-business .kpe-addrow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    padding: 14px var(--kb-card-pad);
    border-top: 1px dashed var(--separator-opaque);
}

.fi-body.fi-panel-business .kpe-addrow:first-child { border-top: 0; }

.fi-body.fi-panel-business .kpe-subform { padding: var(--kb-card-pad); border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kpe-subform:first-child { border-top: 0; }
.fi-body.fi-panel-business .kpe-subform__title { margin-bottom: var(--s4); color: var(--label); font-size: 14px; font-weight: var(--fw-bold); }

.fi-body.fi-panel-business .kpe-cfoot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s4);
    margin-top: var(--s6);
    padding-top: var(--s5);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kpe-cfoot--bare { justify-content: flex-start; margin-top: var(--s5); padding-top: 0; border-top: 0; }

.fi-body.fi-panel-business .kpe-kv { display: grid; grid-template-columns: minmax(0, 14rem) minmax(0, 1fr); align-items: center; gap: var(--s3) var(--s4); font-size: var(--kb-ctl-fs); }
.fi-body.fi-panel-business .kpe-kv__key { color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kpe-subhead { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); margin: var(--s5) 0 var(--s3); font-size: var(--kb-ctl-fs); }
.fi-body.fi-panel-business .kpe-subhead--first { margin-top: 0; }
.fi-body.fi-panel-business .kpe-strip { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--s3); }

.fi-body.fi-panel-business .kpe-day {
    padding: var(--s3) 0;
    border-radius: var(--r-xs);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-semibold);
    text-align: center;
}

.fi-body.fi-panel-business .kpe-day--yes { background-color: color-mix(in srgb, var(--ok-ink) 13%, transparent); color: var(--ok-ink); }
.fi-body.fi-panel-business .kpe-day--no { color: var(--label-tertiary); }
.fi-body.fi-panel-business .kpe-day__svg { display: block; width: var(--s5); height: var(--s5); margin: 2px auto 0; }

.fi-body.fi-panel-business .kpe-tpl { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s4); margin-bottom: var(--s5); padding-bottom: var(--s5); border-bottom: 1px solid var(--separator); font-size: var(--kb-ctl-fs); }
.fi-body.fi-panel-business .kpe-tpl__label { color: var(--label-secondary); font-size: var(--fs-footnote); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kpe-tpl__diff { display: inline-flex; align-items: center; gap: var(--s3); color: var(--warn-ink); font-weight: var(--fw-medium); }
.fi-body.fi-panel-business .kpe-tpl__reset { margin-left: auto; }

.fi-body.fi-panel-business .kpe-pgrid { column-count: 2; column-gap: var(--s8); }
.fi-body.fi-panel-business .kpe-pgrp { break-inside: avoid; margin-bottom: var(--s5); }
.fi-body.fi-panel-business .kpe-pgrp__name { margin-bottom: var(--s2); padding-left: var(--s3); color: var(--label-tertiary); font-size: 11px; font-weight: var(--fw-bold); letter-spacing: 0.04em; text-transform: uppercase; }
.fi-body.fi-panel-business .kpe-perm { display: flex; align-items: center; gap: var(--s3); min-height: var(--kb-ctl); padding: 0 var(--s3); border-radius: var(--r-xs); }
.fi-body.fi-panel-business .kpe-perm.is-diff { background-color: var(--accent-fill-subtle); }
.fi-body.fi-panel-business .kpe-dot { flex: none; width: var(--s3); height: var(--s3); border-radius: var(--r-full); }
.fi-body.fi-panel-business .kpe-perm.is-diff .kpe-dot,
.fi-body.fi-panel-business .kpe-dot--on { background-color: var(--accent); }
.fi-body.fi-panel-business .kpe-perm__text { flex: 1; min-width: 0; color: var(--label); font-size: var(--kb-ctl-fs); font-weight: var(--fw-medium); }
.fi-body.fi-panel-business .kpe-perm__was { color: var(--accent-ink); font-size: var(--fs-caption-1); font-weight: var(--fw-semibold); white-space: nowrap; }
.fi-body.fi-panel-business .kpe-legend { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s3) var(--s4); margin-top: var(--s5); color: var(--label-tertiary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kpe-legend > span { display: inline-flex; align-items: center; gap: 6px; }

@media (max-width: 1023px) {
    .fi-body.fi-panel-business .kpe-pgrid { column-count: 1; }
}

.fi-body.fi-panel-business .kpe-pwbox { display: grid; gap: var(--s3); padding: var(--s5); border: 1px solid var(--separator-opaque); border-radius: var(--r-xs); background-color: var(--bg-grouped-tertiary); text-align: start; }
.fi-body.fi-panel-business .kpe-added { text-align: start; }
.fi-body.fi-panel-business .kpe-pwbox__label { color: var(--label-tertiary); font-size: 11px; font-weight: var(--fw-bold); letter-spacing: 0.04em; text-transform: uppercase; }
.fi-body.fi-panel-business .kpe-pwbox__row { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); }
.fi-body.fi-panel-business .kpe-pwbox__value { color: var(--label); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--fs-title-2); font-weight: var(--fw-semibold); letter-spacing: 0.06em; user-select: all; }
.fi-body.fi-panel-business .kpe-pwbox__hint { margin: 0; color: var(--label-secondary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kpe-pwbox__input {
    width: 100%;
    height: var(--kb-ctl);
    padding: 0 var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: var(--fs-body);
    letter-spacing: 0.04em;
}

.fi-body.fi-panel-business .kpe-page .kpp-card { border: 1px solid var(--separator-opaque); border-radius: var(--r-sm); background-color: var(--bg-grouped-secondary); box-shadow: var(--shadow-card); }
.fi-body.fi-panel-business .kpe-page .kpp-card--pad { padding: var(--kb-card-pad); }
.fi-body.fi-panel-business .kpe-page .kpp-chead h3 { font-size: var(--fs-subhead); font-weight: var(--fw-bold); }

.fi-body.fi-panel-business .kpe-acc { border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kpe-acc:first-child { border-top: 0; }

.fi-body.fi-panel-business .kpe-acc__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    width: 100%;
    min-height: 64px;
    padding: var(--s4) var(--kb-card-pad);
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.fi-body.fi-panel-business .kpe-acc__row:hover { background-color: var(--bg-grouped-tertiary); }
.fi-body.fi-panel-business .kpe-acc__who { min-width: 0; }
.fi-body.fi-panel-business .kpe-acc__state { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--s3) var(--s4); font-size: var(--kb-ctl-fs); }
.fi-body.fi-panel-business .kpe-acc__chev { flex: none; width: var(--s5); height: var(--s5); color: var(--label-tertiary); }
.fi-body.fi-panel-business .kpe-acc.is-open .kpe-acc__chev { transform: rotate(180deg); }
.fi-body.fi-panel-business .kpe-acc__detail { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s4); padding: var(--s5) var(--kb-card-pad) var(--s6); border-top: 1px solid var(--separator); background-color: var(--bg-grouped-tertiary); }

.fi-body.fi-panel-business .kpe-total { display: inline-flex; align-items: baseline; gap: var(--s3); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kpe-total__num { color: var(--label); font-size: var(--fs-title-3); font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; }

.fi-body.fi-panel-business .kccr { margin: 0; padding: 0; list-style: none; }
.fi-body.fi-panel-business .kccr__row { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); min-height: 64px; padding: var(--s4) var(--kb-card-pad); border-bottom: 1px solid var(--separator); }
.fi-body.fi-panel-business .kccr__row:last-child { border-bottom: 0; }
.fi-body.fi-panel-business .kccr__who { display: flex; flex-direction: column; min-width: 0; }

.fi-body.fi-panel-business .kmx__scroll { border: 1px solid var(--separator-opaque); border-radius: var(--r-sm); background-color: var(--bg-grouped-secondary); box-shadow: var(--shadow-card); }
.fi-body.fi-panel-business .kmx__table th,
.fi-body.fi-panel-business .kmx__table td { background-color: var(--bg-grouped-secondary); }
.fi-body.fi-panel-business .kmx__table .kmx__group,
.fi-body.fi-panel-business .kmx__table .kmx__corner { background-color: var(--bg-grouped-tertiary); color: var(--label-tertiary); font-size: 11px; font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .kmx__person .kb-sub { padding-left: var(--s8); }

@media (max-width: 639px) {
    .fi-body.fi-panel-business .kmx__corner,
    .fi-body.fi-panel-business .kmx__who { min-width: 9.5rem; max-width: 9.5rem; padding-inline: var(--s2); }
    .fi-body.fi-panel-business .kmx__person .kb-sub { padding-left: 0; }
}

.fi-body.fi-panel-business .klc { display: flex; flex-direction: column; gap: var(--kb-row-gap); }
.fi-body.fi-panel-business .klc > .ka-card + .ka-card { margin-top: 0; }
.fi-body.fi-panel-business .klc__bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); }
.fi-body.fi-panel-business .klc__month { min-width: 9rem; color: var(--label); font-size: var(--fs-headline); font-weight: var(--fw-semibold); text-align: center; }
.fi-body.fi-panel-business .klc__filters { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); margin-left: auto; }
.fi-body.fi-panel-business .klc__scroll { overflow-x: auto; border: 1px solid var(--separator-opaque); border-radius: var(--r-sm); background-color: var(--bg-grouped-secondary); box-shadow: var(--shadow-card); }
.fi-body.fi-panel-business .klc__table { width: max-content; min-width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .klc__table th,
.fi-body.fi-panel-business .klc__table td { padding: 0; border-bottom: 1px solid var(--separator); text-align: center; }
.fi-body.fi-panel-business .klc__table tbody tr:last-child th,
.fi-body.fi-panel-business .klc__table tbody tr:last-child td { border-bottom: 0; }
.fi-body.fi-panel-business .klc__table .klc__who { position: sticky; left: 0; z-index: 2; min-width: 11rem; padding: var(--s3) var(--s4); border-right: 1px solid var(--separator); background-color: var(--bg-grouped-secondary); text-align: start; }
.fi-body.fi-panel-business .klc__table .klc__who .kb-sub { padding-left: var(--s8); }
.fi-body.fi-panel-business .klc__table .klc__head { background-color: var(--bg-grouped-tertiary); color: var(--label-tertiary); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .klc__daybtn { display: flex; flex-direction: column; align-items: center; gap: 1px; width: 100%; min-width: 1.9rem; padding: var(--s2) 0; border: 0; background: transparent; color: inherit; cursor: pointer; }
.fi-body.fi-panel-business .klc__daybtn[aria-pressed="true"] { background-color: var(--accent-fill-subtle); color: var(--accent-ink); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .klc__off { min-height: 1em; color: var(--label-tertiary); font-size: var(--fs-caption-2); }
.fi-body.fi-panel-business .klc__table .klc__weekend { background-color: var(--fill-quaternary); }
.fi-body.fi-panel-business .klc__table .klc__today { box-shadow: inset 0 -3px 0 var(--accent); }
.fi-body.fi-panel-business .klc__cell { --c: var(--gray); display: block; width: 1.5rem; height: 1.5rem; margin: 3px auto; padding: 0; border: 2px solid var(--c); border-radius: var(--r-xs); background: var(--c); cursor: pointer; }
.fi-body.fi-panel-business .klc__cell[data-kind="vacation"] { --c: var(--blue); }
.fi-body.fi-panel-business .klc__cell[data-kind="sick"] { --c: var(--red); }
.fi-body.fi-panel-business .klc__cell[data-kind="personal"] { --c: var(--orange); }
.fi-body.fi-panel-business .klc__cell[data-kind="medical"] { --c: #4b5aa8; }
.fi-body.fi-panel-business .klc__cell[data-kind="paid"] { --c: var(--green); }
.fi-body.fi-panel-business .klc__cell[data-kind="unpaid"] { --c: var(--gray-500, #8e8e93); }
.fi-body.fi-panel-business .klc__cell[data-pay="partial"] { background: linear-gradient(90deg, var(--c) 50%, transparent 50%); }
.fi-body.fi-panel-business .klc__cell[data-pay="unpaid"] { background-color: transparent; background-image: radial-gradient(var(--c) 1.6px, transparent 1.7px); background-size: 6px 6px; }
.fi-body.fi-panel-business .klc__cell[data-pending="true"] { border-style: dashed; background-color: transparent; background-image: repeating-linear-gradient(45deg, var(--c) 0 3px, transparent 3px 6px); }
.fi-body.fi-panel-business .klc__mark { display: block; color: #fff; font-size: 10px; font-weight: var(--fw-bold); line-height: 1; }
.fi-body.fi-panel-business .klc__legend { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s5); color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .klc__legend-item { display: inline-flex; align-items: center; gap: var(--s2); }
.fi-body.fi-panel-business .klc__legend .klc__cell { width: 1.1rem; height: 1.1rem; margin: 0; cursor: default; }

.fi-body.fi-panel-business .kpr-cards { display: grid; gap: var(--s3); }
.fi-body.fi-panel-business .kpr-card {
    display: grid;
    gap: 2px;
    padding: var(--s4) var(--kb-card-pad);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    cursor: pointer;
}
.fi-body.fi-panel-business .kpr-card[data-selected="true"] { border-color: var(--accent); background-color: var(--accent-fill-subtle); }
.fi-body.fi-panel-business .kpr-card__input { position: absolute; opacity: 0; pointer-events: none; }
.fi-body.fi-panel-business .kpr-card__t { color: var(--label); font-size: var(--kb-ctl-fs); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .kpr-card__p { color: var(--label-secondary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kpr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: var(--s4); }
.fi-body.fi-panel-business .kpr-field { display: grid; gap: var(--s2); margin-bottom: var(--s4); color: var(--label-secondary); font-size: var(--fs-footnote); font-weight: var(--fw-medium); }
.fi-body.fi-panel-business .kpr-phone { display: grid; grid-template-columns: minmax(0, 14rem) minmax(0, 1fr); gap: var(--s3); min-width: 0; }
.fi-body.fi-panel-business .kpr-phone > * { min-width: 0; width: 100%; box-sizing: border-box; }
.fi-body.fi-panel-business .kpr-field > * { min-width: 0; }

@media (max-width: 640px) {
    .fi-body.fi-panel-business .kpr-phone { grid-template-columns: minmax(0, 1fr); }

    .fi-body.fi-panel-business .kpe-table thead { display: none; }
    .fi-body.fi-panel-business .kpe-table,
    .fi-body.fi-panel-business .kpe-table tbody { display: block; width: 100%; }

    .fi-body.fi-panel-business .kpe-table tbody tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: var(--s2) var(--s3);
        padding: var(--s3) var(--kb-card-pad);
        border-top: 1px solid var(--separator);
    }

    .fi-body.fi-panel-business .kpe-table tbody tr td,
    .fi-body.fi-panel-business .kpe-table tbody tr td:first-child,
    .fi-body.fi-panel-business .kpe-table tbody tr td:last-child { display: block; min-width: 0; padding: 0; border: 0; }

    .fi-body.fi-panel-business .kpe-table .kpe-table__cb { grid-column: 1 / -1; width: auto; }
    .fi-body.fi-panel-business .kpe-table .kpe-table__person { grid-column: 1; }
    .fi-body.fi-panel-business .kpe-table .kpe-table__role { grid-column: 2; justify-self: end; }
    .fi-body.fi-panel-business .kpe-table .kpe-table__status { grid-column: 1; }
    .fi-body.fi-panel-business .kpe-table .kpe-table__act { grid-column: 2; width: auto; text-align: end; }
    .fi-body.fi-panel-business .kpe-table tbody tr.kpe-table__grp { display: block; }
}
.fi-body.fi-panel-business .kpr-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--s4); padding: var(--s3) 0; }

.fi-body.fi-panel-business .kpr-invite { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s4); padding: var(--s4) var(--kb-card-pad); border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kpr-invite:first-child { border-top: 0; }
.fi-body.fi-panel-business .kpr-invite__name { font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kpr-invite__where { flex: 1 1 8rem; }
.fi-body.fi-panel-business .kpr-inviterow { display: flex; align-items: center; gap: var(--s4); }
.fi-body.fi-panel-business .kpr-avatar { width: 36px; height: 36px; border-radius: var(--r-full); object-fit: cover; }

.fi-body.fi-panel-business .kpr-add {
    display: block;
    margin-top: var(--s4);
    padding: var(--s5) var(--kb-card-pad);
    border: 1px dashed var(--accent);
    border-radius: var(--r-sm);
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
    font-weight: var(--fw-bold);
    text-align: center;
    text-decoration: none;
}
.fi-body.fi-panel-business .kpe-link--danger { color: var(--danger-ink); }

.fi-body.fi-panel-business .kpsw-title { margin: var(--s2) 0 0; color: var(--label); font-size: 26px; font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .kpsw-person { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); }
.fi-body.fi-panel-business .kpsw-sum { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s5); }
.fi-body.fi-panel-business .kpsw-sum__count { color: var(--label); font-size: 22px; font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .kpsw-sum__text { flex: 1 1 18rem; min-width: 0; margin: 0; color: var(--label-secondary); font-size: 14px; }
.fi-body.fi-panel-business .kpsw-reset {
    min-height: var(--kb-ctl);
    padding: 0 var(--s5);
    border: 1.5px solid var(--separator-opaque);
    border-radius: 999px;
    background: transparent;
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
    cursor: pointer;
}
.fi-body.fi-panel-business .kpsw-reset:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.fi-body.fi-panel-business .kpsw-table { width: 100%; }
.fi-body.fi-panel-business .kpsw-table td { vertical-align: top; }
.fi-body.fi-panel-business .kpsw-table__tick { width: 3.5rem; }
.fi-body.fi-panel-business .kpsw-line { color: var(--label); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kpsw-help { margin-top: 2px; font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kpsw-lock { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); margin-top: var(--s2); color: var(--label-tertiary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kpsw-yes { color: var(--ok-ink); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kpsw-row--changed td { background-color: color-mix(in srgb, var(--accent) 5%, transparent); }
.fi-body.fi-panel-business .kpsw-foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s4); margin-top: var(--s4); }

@media (max-width: 40rem) {
    
    .fi-body.fi-panel-business .kb-table.kpsw-table { display: block; }
    .fi-body.fi-panel-business .kb-table.kpsw-table thead { display: none; }
    .fi-body.fi-panel-business .kb-table.kpsw-table tbody { display: block; }
    .fi-body.fi-panel-business .kb-table.kpsw-table tbody tr { display: grid; grid-template-columns: 3rem minmax(0, 1fr); border-bottom: 1px solid var(--separator); }
    .fi-body.fi-panel-business .kb-table.kpsw-table tbody tr:last-child { border-bottom: 0; }
    .fi-body.fi-panel-business .kb-table.kpsw-table tbody tr td,
    .fi-body.fi-panel-business .kb-table.kpsw-table tbody tr td:first-child,
    .fi-body.fi-panel-business .kb-table.kpsw-table tbody tr td:last-child { display: block; min-width: 0; padding-inline: var(--s4); border-bottom: 0; }
    .fi-body.fi-panel-business .kb-table.kpsw-table tbody tr td.kpsw-table__tick { width: auto; padding-inline: var(--s4) 0; }
    .fi-body.fi-panel-business .kb-table.kpsw-table tbody tr td[data-label] { grid-column: 2; padding-top: 0; }
    .fi-body.fi-panel-business .kb-table.kpsw-table tbody tr td[data-label]::before { content: attr(data-label) ": "; color: var(--label-tertiary); font-size: var(--fs-footnote); }
}
.fi-body.fi-panel-business .kpsw-by { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--s2); margin-left: auto; color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kpe { display: flex; flex-direction: column; gap: var(--kb-row-gap); }

.fi-body.fi-panel-business .kpe-opts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4); align-items: start; }
.fi-body.fi-panel-business .kpe-cols { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--s4); align-items: start; }

.fi-body.fi-panel-business .kpe-file { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.fi-body.fi-panel-business .kpe-btns { display: flex; flex-wrap: wrap; gap: var(--s3); }
.fi-body.fi-panel-business .kpe-pick { display: flex; flex-direction: column; gap: var(--s3); }

.fi-body.fi-panel-business .kpe-allowance { margin: var(--s3) 0 0; font-size: var(--fs-subhead); color: var(--label-secondary); }
.fi-body.fi-panel-business .kpe-allowance--ok { color: var(--ok-ink); }
.fi-body.fi-panel-business .kpe-allowance--warn { color: var(--warn-ink); }
.fi-body.fi-panel-business .kpe-fine { margin: var(--s2) 0 0; font-size: var(--fs-footnote); color: var(--label-secondary); }
.fi-body.fi-panel-business .kpe-busy { margin: 0; font-size: var(--fs-subhead); color: var(--label-secondary); }
.fi-body.fi-panel-business .kpe-error { margin: var(--s2) 0 0; font-size: var(--fs-subhead); color: var(--danger-ink); }
.fi-body.fi-panel-business .kpe-line { margin: 0; font-size: var(--fs-body); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kpe-link { color: var(--accent-ink); font-weight: var(--fw-semibold); text-decoration: none; }

.fi-body.fi-panel-business .kpe-stage { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--r-md); background: var(--bg-grouped-secondary); }
.fi-body.fi-panel-business .kpe-stage img { display: block; width: 100%; height: 100%; object-fit: contain; }
.fi-body.fi-panel-business .kpe-stage--working img { opacity: 0.6; }
.fi-body.fi-panel-business .kpe-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3); }
.fi-body.fi-panel-business .kpe-pair--big { grid-template-columns: minmax(0, 1fr); }
.fi-body.fi-panel-business .kpe-sq { position: relative; display: block; padding: 0; border: 0; aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--r-md); background: var(--bg-grouped-secondary); cursor: zoom-in; }
.fi-body.fi-panel-business .kpe-pair--big .kpe-sq { cursor: zoom-out; }
.fi-body.fi-panel-business .kpe-sq img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fi-body.fi-panel-business .kpe-tag { position: absolute; top: var(--s2); padding: var(--s1) var(--s2); border-radius: var(--r-sm); font-size: var(--fs-footnote); font-weight: var(--fw-semibold); background: var(--bg); color: var(--label); }
.fi-body.fi-panel-business .kpe-tag--l { left: var(--s2); }

.fi-body.fi-panel-business .kpe-chiplab { margin: 0 0 var(--s2); font-size: var(--fs-footnote); font-weight: var(--fw-semibold); color: var(--label-secondary); }
.fi-body.fi-panel-business .kpe-chips { display: flex; flex-wrap: nowrap; gap: var(--s2); overflow-x: auto; padding-bottom: var(--s1); }
.fi-body.fi-panel-business .kpe-chip { flex: none; padding: var(--s2) var(--s4); min-height: var(--kb-ctl); border-radius: var(--r-full); border: 1px solid var(--separator); background: var(--bg-grouped-secondary); color: var(--label); font-size: var(--fs-subhead); cursor: pointer; }
.fi-body.fi-panel-business .kpe-chip--on { border-color: var(--accent-ink); color: var(--accent-ink); font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kpe-foot { position: sticky; bottom: 0; z-index: 5; display: flex; flex-wrap: wrap; gap: var(--s3); margin: 0; padding: var(--s3) 0; background: var(--bg); border-top: 1px solid var(--separator); }

.fi-body.fi-panel-business .kphoto__enhance { display: flex; flex-direction: column; gap: var(--s1); margin: var(--s3) 0 0; }

@media (max-width: 767px) {
    .fi-body.fi-panel-business .kpe-opts,
    .fi-body.fi-panel-business .kpe-cols { grid-template-columns: minmax(0, 1fr); }
    .fi-body.fi-panel-business .kpe-foot > * { flex: 1 1 100%; }
}
.fi-body.fi-panel-business { --kplan-h: 0px; }
.fi-body.fi-panel-business:has(.kplan-trial) { --kplan-h: 44px; }

.fi-body.fi-panel-business .kplan-trial {
    position: sticky;
    top: 0;
    z-index: 50;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    height: var(--kplan-h);
    padding-inline: var(--s5);
    border-bottom: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    color: var(--accent-ink);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kplan-trial--amber {
    background-color: color-mix(in srgb, var(--orange) 22%, var(--bg-grouped-secondary));
    color: var(--warn-ink);
}

.fi-body.fi-panel-business .kplan-trial--red {
    background-color: color-mix(in srgb, var(--red) 16%, var(--bg-grouped-secondary));
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .kplan-trial__text {
    display: flex;
    align-items: baseline;
    gap: var(--s3);
    min-width: 0;
}

.fi-body.fi-panel-business .kplan-trial__title,
.fi-body.fi-panel-business .kplan-trial__sub {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kplan-trial__sub {
    font-weight: var(--fw-medium);
    opacity: 0.85;
}

@media (max-width: 639px) {
    .fi-body.fi-panel-business .kplan-trial__sub { display: none; }
}

.fi-body.fi-panel-business .kplan-trial__action {
    flex: none;
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding-inline: var(--s5);
    border-radius: var(--r-full);
    background-color: var(--accent);
    color: var(--on-accent);
    font-weight: var(--fw-bold);
    text-decoration: none;
}

.fi-body.fi-panel-business .kplan-trial__action:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kplan-trial__ask {
    flex: none;
    font-weight: var(--fw-medium);
    opacity: 0.85;
}

.fi-body.fi-panel-business:has(.kplan-trial) .fi-sidebar {
    top: var(--kplan-h);
}

.fi-body.fi-panel-business:has(.kplan-trial) .fi-topbar {
    top: var(--kplan-h);
}

.fi-body.fi-panel-business .kplan {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.fi-body.fi-panel-business .kplan-hint {
    margin: 0;
    color: var(--label-secondary);
    font-size: var(--fs-subhead);
    line-height: var(--lh-subhead);
}

.fi-body.fi-panel-business .kplan-cap {
    margin: 0;
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    line-height: var(--lh-caption-1);
    text-align: center;
}

.fi-body.fi-panel-business .kplan-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    margin: 0;
    padding: var(--s4) var(--s5);
    border-radius: var(--r-sm);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .kplan-note--accent {
    background-color: color-mix(in srgb, var(--accent) 8%, transparent);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kplan-note--danger {
    background-color: color-mix(in srgb, var(--danger-ink) 10%, transparent);
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .kplan-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    padding: var(--s4) var(--s5);
    border-radius: var(--r-md);
    font-size: var(--fs-subhead);
    line-height: var(--lh-subhead);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kplan-banner small {
    display: block;
    margin-top: 1px;
    font-size: var(--fs-caption-1);
    line-height: var(--lh-caption-1);
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .kplan-banner--ok {
    background-color: color-mix(in srgb, var(--ok-ink) 13%, transparent);
    color: var(--ok-ink);
}

.fi-body.fi-panel-business .kplan-banner--red {
    background-color: color-mix(in srgb, var(--danger-ink) 14%, transparent);
    color: var(--danger-ink);
}

.fi-body.fi-panel-business .kplan-btn {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--touch);
    padding-inline: var(--s6);
    border: 0;
    border-radius: var(--r-full);
    background-color: var(--accent);
    color: var(--on-accent);
    font: inherit;
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
    text-decoration: none;
    cursor: pointer;
}

.fi-body.fi-panel-business .kplan-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.fi-body.fi-panel-business .kplan-btn--ghost {
    margin-top: var(--s4);
    background-color: color-mix(in srgb, var(--accent) 12%, transparent);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kplan-link {
    min-height: var(--touch);
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--accent-ink);
    font: inherit;
    font-weight: var(--fw-bold);
    cursor: pointer;
}

.fi-body.fi-panel-business .kplan-btn:focus-visible,
.fi-body.fi-panel-business .kplan-link:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kplan-discount {
    flex: none;
    color: var(--ok-ink);
    font-size: var(--fs-caption-2);
    line-height: var(--lh-caption-2);
    font-weight: var(--fw-bold);
    white-space: nowrap;
}

.fi-body.fi-panel-business .kplan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--s4);
    align-items: start;
}

.fi-body.fi-panel-business .kplan-stage {
    padding: var(--s5);
    border: 1.5px solid var(--separator-opaque);
    border-radius: var(--r-md);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kplan-stage--current {
    border-color: var(--accent);
    background-color: color-mix(in srgb, var(--accent) 5%, var(--bg-grouped-secondary));
}

.fi-body.fi-panel-business .kplan-stage--chosen {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent);
}

.fi-body.fi-panel-business .kplan-stage__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kplan-stage__name {
    margin: 0;
    font-size: var(--fs-headline);
    line-height: var(--lh-headline);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kplan-stage__price {
    margin-top: 1px;
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    line-height: var(--lh-caption-1);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kplan-stage__adds {
    margin-top: var(--s4);
    color: var(--label-secondary);
    font-size: var(--fs-caption-2);
    line-height: var(--lh-caption-2);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.fi-body.fi-panel-business .kplan-stage ul {
    margin: var(--s3) 0 0;
    padding-inline-start: 17px;
    font-size: var(--fs-footnote);
    line-height: 1.5;
}

.fi-body.fi-panel-business .kplan-stage__pick {
    margin-top: var(--s3);
}

.fi-body.fi-panel-business .kplan-quote {
    margin-top: var(--s4);
}

.fi-body.fi-panel-business .kplan-quote__row,
.fi-body.fi-panel-business .kplan-quote__total {
    display: flex;
    justify-content: space-between;
    gap: var(--s4);
    padding: var(--s3) 0;
    border-top: 1px solid var(--separator-opaque);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .kplan-quote__row em {
    margin-inline-start: var(--s3);
    color: var(--ok-ink);
    font-style: normal;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kplan-quote__total {
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kplan-pay {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    max-width: 640px;
}

.fi-body.fi-panel-business .kplan-pay__opt {
    padding: var(--s5);
    border: 1.5px solid var(--separator-opaque);
    border-radius: var(--r-sm);
}

.fi-body.fi-panel-business .kplan-pay__opt--on {
    border-color: var(--accent);
    background-color: color-mix(in srgb, var(--accent) 6%, transparent);
}

.fi-body.fi-panel-business .kplan-pay__opt--off {
    background-color: var(--fill-tertiary);
    opacity: 0.6;
}

.fi-body.fi-panel-business .kplan-pay__title {
    font-size: var(--fs-subhead);
    line-height: var(--lh-subhead);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kplan-pay__help {
    margin: var(--s2) 0 0;
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    line-height: var(--lh-caption-1);
}

.fi-body.fi-panel-business .kplan-pay__act {
    display: flex;
    margin-top: var(--s5);
}

.fi-body.fi-panel-business .kplan-slip {
    margin-top: var(--s3);
}

.fi-body.fi-panel-business .kplan-slip__row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--s4);
    padding: var(--s3) 0;
    border-top: 1px solid var(--separator-opaque);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .kplan-slip__row span {
    flex: none;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kplan-slip__row b {
    text-align: end;
    font-weight: var(--fw-semibold);
    word-break: break-all;
}

.fi-body.fi-panel-business .kplan-slip-coming {
    margin: var(--s3) 0 0;
    padding: var(--s4);
    border-radius: var(--r-xs);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .kplan-issuer {
    margin: var(--s3) 0 0;
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    line-height: var(--lh-caption-1);
}

.fi-body.fi-panel-business .kplan-invoice {
    max-width: 640px;
    padding: var(--s5);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-md);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kplan-invoice__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kplan-invoice__name {
    font-size: var(--fs-subhead);
    line-height: var(--lh-subhead);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kplan-invoice__meta {
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    line-height: var(--lh-caption-1);
}

.fi-body.fi-panel-business .kplan-invoice .kplan-btn--ghost {
    width: 100%;
}

.fi-body.fi-panel-business .kplan-ai {
    padding: var(--s5);
    border: 1.5px solid var(--separator-opaque);
    border-radius: var(--r-md);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kplan-ai--picked {
    border-color: var(--accent);
}

.fi-body.fi-panel-business .kplan-ai__head,
.fi-body.fi-panel-business .kplan-ai__usage {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--s4);
}

.fi-body.fi-panel-business .kplan-ai__name {
    margin: 0;
    font-size: var(--fs-subhead);
    line-height: var(--lh-subhead);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kplan-ai__usage {
    margin-top: var(--s3);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kplan-ai__usage b { font-variant-numeric: tabular-nums; }

.fi-body.fi-panel-business .kplan-ai__meter {
    position: relative;
    height: 10px;
    margin: var(--s3) 0;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kplan-ai__meter i {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: var(--r-full);
    background-color: var(--ok-solid);
}

.fi-body.fi-panel-business .kplan-ai__meter i.kplan-ai__meter--warn { background-color: var(--warn-solid); }
.fi-body.fi-panel-business .kplan-ai__meter i.kplan-ai__meter--bad { background-color: var(--danger-solid); }

.fi-body.fi-panel-business .kplan-ai__text {
    margin: 0;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .kplan-ai__text--bad {
    margin-top: var(--s2);
    color: var(--danger-ink);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kplan-ai__section {
    margin: 0;
    font-size: var(--fs-headline);
    line-height: var(--lh-headline);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kplan-ai__picker {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kplan-chip {
    min-height: 44px;
    padding: 0 var(--s4);
    border: 1.5px solid var(--separator-opaque);
    border-radius: var(--r-full);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: var(--fs-subhead);
    cursor: pointer;
}

.fi-body.fi-panel-business .kplan-chip--on {
    border-color: var(--accent);
    background-color: color-mix(in srgb, var(--accent) 8%, var(--bg-grouped-secondary));
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .kplan-chip:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kplan-ai__custom {
    display: grid;
    gap: var(--s3);
    max-width: 640px;
}

.fi-body.fi-panel-business .kplan-ai__label {
    font-size: var(--fs-footnote);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kplan-ai__textarea {
    width: 100%;
    padding: var(--s3) var(--s4);
    border: 1.5px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped);
    color: var(--label);
    font: inherit;
    resize: vertical;
}

.fi-body.fi-panel-business .kplan-ai__textarea:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kplan-ai-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--s3) var(--s4);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .kplan-statements-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.fi-body.fi-panel-business .kplan-statements td {
    white-space: nowrap;
}
.fi-body.fi-panel-business .kplan-statements {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-footnote);
}
.fi-body.fi-panel-business .kplan-statements th,
.fi-body.fi-panel-business .kplan-statements td {
    padding: var(--s3) var(--s3);
    text-align: left;
    border-bottom: 1px solid var(--separator);
}
.fi-body.fi-panel-business .kplan-statements th {
    color: var(--label-secondary);
    font-weight: 500;
}
.fi-body.fi-panel-business .kplan-statements .kplan-statements__r {
    text-align: right;
}
.fi-body.fi-panel-business .kpd {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    min-width: 0;
}

.fi-body.fi-panel-business .kpd-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2);
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kpd-chip {
    padding: 1px var(--s2);
    border-radius: var(--r-full);
    background: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: 12px;
    font-weight: 600;
}

.fi-body.fi-panel-business .kpd-note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2) var(--s4);
    padding: var(--s3) var(--s4);
    border-radius: var(--r-md);
    background: var(--fill-quaternary);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kpd-reason {
    margin: 0;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .kpd-sticky {
    position: sticky;
    top: calc(var(--kplan-h, 0px) + 60px); 
    z-index: 15; 
    margin-block: calc(-1 * var(--s3));
    margin-inline: calc(-1 * var(--s5));
    padding: var(--s3) var(--s5);
    border-bottom: 1px solid transparent;
    background-color: var(--bg-grouped);
    transition: border-color 0.15s ease;
}

@media (min-width: 768px) {
    .fi-body.fi-panel-business .kpd-sticky {
        margin-inline: calc(-1 * var(--s7));
        padding-inline: var(--s7);
    }
}

.fi-body.fi-panel-business .kpd-sticky.is-stuck { border-bottom-color: var(--separator-opaque); }

.fi-body.fi-panel-business .kpd-sticky .fi-header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
}

.fi-body.fi-panel-business .kpd-sticky .fi-header > div:first-child { min-width: 0; }
.fi-body.fi-panel-business .kpd-sticky .fi-header-heading { overflow-wrap: anywhere; }
.fi-body.fi-panel-business .kpd-sticky .fi-header-subheading { margin-top: var(--s1); }
.fi-body.fi-panel-business .kpd-sticky .fi-header > div:last-child { flex-wrap: nowrap; }

.fi-body.fi-panel-business .kpd-pub { display: inline-flex; }
.fi-body.fi-panel-business .kpd-pub:has([data-draft-publish]:disabled) { cursor: not-allowed; }

.fi-body.fi-panel-business .kpd-sticky .fi-dropdown:has(.kpd-act-more) { display: none; }

@media (max-width: 767px) {
    .fi-body.fi-panel-business .kpd-sticky .kpd-act-wide { display: none; }
    .fi-body.fi-panel-business .kpd-sticky .fi-dropdown:has(.kpd-act-more),
    .fi-body.fi-panel-business .kpd-sticky .fi-dropdown:has(.kpd-act-more) > .fi-dropdown-trigger { display: flex; }
    .fi-body.fi-panel-business .kpd-sticky .fi-dropdown:has(.kpd-act-more),
    .fi-body.fi-panel-business .kpd-sticky .fi-dropdown:has(.kpd-act-more) > .fi-dropdown-trigger { flex: none; width: 44px; }
    
    .fi-body.fi-panel-business .kpd-sticky .kpd-act-more {
        flex: none;
        width: 44px;
        min-width: 44px;
        height: 44px;
        border-radius: var(--r-xs);
        background-color: var(--bg-grouped-secondary);
        box-shadow: inset 0 0 0 1px var(--separator-opaque);
    }
    .fi-body.fi-panel-business .kpd-sticky .fi-header-heading { font-size: 20px; }
}

.fi-body.fi-panel-business .kps {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    padding: var(--s5) var(--s6) 0;
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    background: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kps--ready {
    border-color: color-mix(in srgb, var(--green) 45%, transparent);
    background: color-mix(in srgb, var(--green) 6%, var(--bg-grouped-secondary));
}

.fi-body.fi-panel-business .kps-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s2) var(--s6);
}

.fi-body.fi-panel-business .kps-progress { display: flex; align-items: center; gap: var(--s4); min-width: 0; }
.fi-body.fi-panel-business .kps-progress strong { color: var(--label); font-weight: 600; white-space: nowrap; }
.fi-body.fi-panel-business .kps-count { color: var(--label-secondary); font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; }

.fi-body.fi-panel-business .kps-bar {
    display: block;
    width: 120px;
    height: 4px;
    border-radius: var(--r-full);
    background: var(--fill-tertiary);
    overflow: hidden;
}

.fi-body.fi-panel-business .kps-bar i { display: block; height: 100%; border-radius: var(--r-full); background: var(--green); }

.fi-body.fi-panel-business .kps-tick {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: var(--r-full);
    background: var(--green);
    color: var(--on-accent);
}

.fi-body.fi-panel-business .kps-lede { flex: 1 1 320px; margin: 0; color: var(--label-tertiary); font-size: 13px; text-align: end; }

.fi-body.fi-panel-business .kps-chips { display: flex; flex-wrap: wrap; gap: var(--s3); margin: 0; padding: 0; list-style: none; }
.fi-body.fi-panel-business .kps-li { display: flex; min-width: 0; color: var(--label-tertiary); }

.fi-body.fi-panel-business .kps-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
    min-width: 0;
    min-height: 34px;
    padding: var(--s2) var(--s4) var(--s2) var(--s3);
    border: 1px solid var(--separator);
    border-radius: var(--r-full);
    background: var(--fill-quaternary);
    color: var(--label);
    font: inherit;
    font-size: 13.5px;
    text-align: start;
}

.fi-body.fi-panel-business button.kps-chip { cursor: pointer; }
.fi-body.fi-panel-business button.kps-chip:hover { border-color: color-mix(in srgb, var(--accent) 45%, transparent); background: var(--fill-tertiary); }
.fi-body.fi-panel-business button.kps-chip:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.fi-body.fi-panel-business .kps-chip__icon { display: inline-flex; color: var(--label-tertiary); }
.fi-body.fi-panel-business .kps-chip__name { font-weight: 500; white-space: nowrap; }
.fi-body.fi-panel-business .kps-chip__step { color: var(--label-tertiary); font-size: 12.5px; white-space: nowrap; }
.fi-body.fi-panel-business .kps-chip__chev { display: inline-flex; color: var(--label-tertiary); }

.fi-body.fi-panel-business .kps-chip--done {
    border-color: transparent;
    background: color-mix(in srgb, var(--green) 14%, transparent);
    color: var(--label);
}

.fi-body.fi-panel-business .kps-chip--done > svg { flex: none; color: var(--green); }
.fi-body.fi-panel-business .kps-chip__val { overflow: hidden; color: var(--label); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }

.fi-body.fi-panel-business .kps-note {
    display: flex;
    align-items: flex-start;
    gap: var(--s3);
    margin: 0;
    padding: var(--s3) var(--s4);
    border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
    border-radius: var(--r-xs);
    background: color-mix(in srgb, var(--accent) 12%, transparent);
    color: var(--accent-ink);
    font-size: 13px;
}

.fi-body.fi-panel-business .kps-note svg { flex: none; margin-top: 2px; }

.fi-body.fi-panel-business .kps-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s2) var(--s5);
    margin-inline: calc(-1 * var(--s6));
    padding: var(--s3) var(--s6);
    border-top: 1px solid var(--separator);
    color: var(--label-tertiary);
    font-size: 12.5px;
}

.fi-body.fi-panel-business .kps-by { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1) var(--s2); min-width: 0; }

.fi-body.fi-panel-business .kps-time { font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .kps-sep { width: 1px; height: 12px; margin-inline: var(--s2); background: var(--separator-opaque); }
.fi-body.fi-panel-business .kps-hint { display: inline-flex; align-items: center; gap: var(--s2); cursor: help; }

@media (max-width: 767px) {
    .fi-body.fi-panel-business .kps { padding: var(--s4) var(--s5) 0; }
    .fi-body.fi-panel-business .kps-foot { margin-inline: calc(-1 * var(--s5)); padding-inline: var(--s5); }
    .fi-body.fi-panel-business .kps-lede { flex-basis: 100%; text-align: start; }
    .fi-body.fi-panel-business .kps-bar { width: 72px; }
    .fi-body.fi-panel-business .kps-chip__step { display: none; }
}

.fi-body.fi-panel-business .kpd-list { margin: 0; padding: 0; list-style: none; }
.fi-body.fi-panel-business .kpd-item { border-top: 1px solid var(--separator); color: var(--label-tertiary); }
.fi-body.fi-panel-business .kpd-item--done { color: var(--label); }

.fi-body.fi-panel-business .kpd-link {
    padding: 0;
    border: 0;
    background: none;
    color: var(--accent-ink);
    cursor: pointer;
    font: inherit;
    text-decoration: underline;
}

.fi-body.fi-panel-business .kpd-rows {
    margin: 0 0 var(--s4);
    padding: 0;
}

.fi-body.fi-panel-business .kpd-row {
    display: grid;
    grid-template-columns: minmax(0, 2.4fr) minmax(0, 1fr) minmax(0, 0.8fr) minmax(0, 1.4fr);
    gap: var(--s4);
    align-items: center;
    padding: var(--kb-td-y) var(--kb-cell-x);
    border-bottom: 1px solid var(--separator);
    background: var(--fill-quaternary);
    color: var(--label-tertiary);
    text-decoration: none;
}

.fi-body.fi-panel-business .kpd-row:hover { background: var(--fill-tertiary); }

.fi-body.fi-panel-business .kpd-row__name {
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: var(--label-secondary);
    font-weight: 600;
}

.fi-body.fi-panel-business .kpd-row--head {
    background: transparent;
    color: var(--label-tertiary);
    font-size: 12.5px;
}

@media (max-width: 767px) {
    .fi-body.fi-panel-business .kpd-row { grid-template-columns: minmax(0, 1fr); gap: var(--s1); }
    .fi-body.fi-panel-business .kpd-row--head { display: none; }
}

.fi-body.fi-panel-business .kpd-info { padding: 0 var(--kb-cell-x); }

.fi-body.fi-panel-business .kpd-flash { border-radius: 0.5rem; box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent); transition: box-shadow 0.3s; }

@media (max-width: 767px) {
    .fi-body.fi-panel-business .fi-resource-create-record-page.fi-resource-products .fi-fo-wizard > .fi-fo-wizard-header {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: var(--s2);
        padding: var(--s2);
        overflow-x: auto;
        scrollbar-width: none;
    }

    .fi-body.fi-panel-business .fi-resource-create-record-page.fi-resource-products .fi-fo-wizard-header > .fi-fo-wizard-header-step { flex: none; }
    .fi-body.fi-panel-business .fi-resource-create-record-page.fi-resource-products .fi-fo-wizard-header > .fi-fo-wizard-header-step.fi-active { flex: 1 1 auto; min-width: 0; }

    .fi-body.fi-panel-business .fi-resource-create-record-page.fi-resource-products .fi-fo-wizard-header-step-button {
        min-height: 40px;
        padding: var(--s2) var(--s3) var(--s2) var(--s2);
        gap: var(--s3);
    }

    .fi-body.fi-panel-business .fi-resource-create-record-page.fi-resource-products .fi-fo-wizard-header-step:not(.fi-active) .fi-fo-wizard-header-step-button { padding: var(--s2); }
    .fi-body.fi-panel-business .fi-resource-create-record-page.fi-resource-products .fi-fo-wizard-header-step:not(.fi-active) .fi-fo-wizard-header-step-button > div:last-child { display: none; }
    .fi-body.fi-panel-business .fi-resource-create-record-page.fi-resource-products .fi-fo-wizard-header-step-description { display: none; }
    .fi-body.fi-panel-business .fi-resource-create-record-page.fi-resource-products .fi-fo-wizard-header-step-label { white-space: nowrap; }
}
.fi-body.fi-panel-business .kqh {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
    min-width: 0;
}

.fi-body.fi-panel-business .kqh-cols {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s5);
    align-items: start;
}

@media (min-width: 1024px) {
    .fi-body.fi-panel-business .kqh-cols { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); }
}

.fi-body.fi-panel-business .kqh-stack {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
    min-width: 0;
}

.fi-body.fi-panel-business .kqh-lede {
    margin: 0;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .kqh-hint {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kqh-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s4);
}

.fi-body.fi-panel-business .kqh-spacer { flex: 1 1 auto; }

.fi-body.fi-panel-business .kqh-tag {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
    padding: var(--s2) var(--s4);
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.fi-body.fi-panel-business .kqh-tag.is-quiet {
    background-color: color-mix(in srgb, var(--blue) 16%, transparent);
    color: var(--info-ink);
}

.fi-body.fi-panel-business .kqh-moon {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: var(--r-full);
    box-shadow: inset -3px -1px 0 0 currentColor;
}

.fi-body.fi-panel-business .kqh-choice {
    display: flex;
    align-items: flex-start;
    gap: var(--s4);
    width: 100%;
    min-height: var(--touch);
    padding: var(--s4) 0;
    border: 0;
    background: none;
    color: var(--label);
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.fi-body.fi-panel-business .kqh-choice + .kqh-choice { border-top: 1px solid var(--separator); }

.fi-body.fi-panel-business .kqh-choice:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kqh-choice:disabled { cursor: default; opacity: 0.6; }

.fi-body.fi-panel-business .kqh-radio {
    position: relative;
    flex: none;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border: 2px solid var(--separator-opaque);
    border-radius: var(--r-full);
}

.fi-body.fi-panel-business .kqh-choice[aria-checked="true"] .kqh-radio { border-color: var(--accent); }

.fi-body.fi-panel-business .kqh-choice[aria-checked="true"] .kqh-radio::after {
    content: '';
    position: absolute;
    inset: 4px;
    border-radius: var(--r-full);
    background-color: var(--accent);
}

.fi-body.fi-panel-business .kqh-choice__text { flex: 1 1 auto; min-width: 0; }

.fi-body.fi-panel-business .kqh-choice__title {
    display: block;
    font-size: var(--fs-body);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kqh-choice__sub {
    display: block;
    margin-top: var(--s2);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .kqh-editor {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    padding-top: var(--s4);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kqh-card {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    padding: var(--s5);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
}

.fi-body.fi-panel-business .kqh-card--bad { border-color: var(--danger-solid); }

.fi-body.fi-panel-business .kqh-days {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
}

.fi-body.fi-panel-business .kqh-day {
    display: inline-grid;
    place-items: center;
    min-width: 44px;
    min-height: var(--touch);
    padding: 0 var(--s3);
    border: 0;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font: inherit;
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.fi-body.fi-panel-business .kqh-day.is-on {
    background-color: var(--accent);
    color: var(--on-accent);
}

.fi-body.fi-panel-business .kqh-day:focus-visible,
.fi-body.fi-panel-business .kqh-link:focus-visible,
.fi-body.fi-panel-business .kqh-time:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .kqh-range {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--s5);
}

.fi-body.fi-panel-business .kqh-field {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kqh-time,
.fi-body.fi-panel-business .kqh-select {
    min-height: var(--touch);
    min-width: 120px;
    padding: 0 var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font: inherit;
    font-size: var(--fs-body);
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .kqh-midnight {
    display: inline-flex;
    align-items: center;
    min-height: var(--touch);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kqh-link {
    min-height: var(--touch);
    padding: 0 var(--s3);
    border: 0;
    background: none;
    color: var(--accent-ink);
    font: inherit;
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.fi-body.fi-panel-business .kqh-link--danger { color: var(--danger-ink); }

.fi-body.fi-panel-business .kqh-link:disabled { cursor: default; opacity: 0.45; }

.fi-body.fi-panel-business .kqh-error {
    margin: 0;
    color: var(--danger-ink);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kqh-count {
    margin: 0;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kqh-count.is-full {
    color: var(--danger-ink);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kqh-week {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    padding: var(--s2) 0;
}

.fi-body.fi-panel-business .kqh-week__head,
.fi-body.fi-panel-business .kqh-week__row {
    display: flex;
    align-items: center;
    gap: var(--s4);
}

.fi-body.fi-panel-business .kqh-week__day {
    flex: none;
    width: 40px;
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kqh-week__hours {
    position: relative;
    flex: 1 1 auto;
    height: 14px;
}

.fi-body.fi-panel-business .kqh-week__hours b {
    position: absolute;
    transform: translateX(-50%);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kqh-week__hours b:first-child { transform: none; }

.fi-body.fi-panel-business .kqh-week__hours b:last-child { transform: translateX(-100%); }

.fi-body.fi-panel-business .kqh-week__track {
    position: relative;
    flex: 1 1 auto;
    height: 14px;
    overflow: hidden;
    border-radius: var(--r-xs);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kqh-week__track i {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: var(--info-solid);
}

.fi-body.fi-panel-business .kqh-note {
    padding: var(--s4) var(--s5);
    border-radius: var(--r-sm);
    background-color: var(--fill-quaternary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .kqh-note b { color: var(--label); }

.fi-body.fi-panel-business .kqh-facts {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    margin: 0;
}

.fi-body.fi-panel-business .kqh-fact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s4);
}

.fi-body.fi-panel-business .kqh-fact dt {
    flex: none;
    min-width: 140px;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kqh-fact dd {
    margin: 0;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kqh-zone {
    padding-top: var(--s4);
    border-top: 1px solid var(--separator);
}
.fi-body.fi-panel-business .ksc-page {
    display: grid;
    gap: var(--kb-row-gap);
    min-width: 0;
    color: var(--label);
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .ksc-lede {
    margin: 0;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ksc-h {
    margin: 0;
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ksc-pad { padding: var(--kb-card-pad); }

.fi-body.fi-panel-business .ksc-stack {
    display: grid;
    gap: var(--s5);
    min-width: 0;
}

.fi-body.fi-panel-business .ksc-aside {
    width: 320px;
    max-width: 100%;
}

.fi-body.fi-panel-business .ksc-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    min-width: 0;
}

.fi-body.fi-panel-business .ksc-bar--in {
    padding: var(--s4) var(--kb-card-pad);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .ksc-bar--end { justify-content: flex-end; }

.fi-body.fi-panel-business .ksc-bar__sp { flex: 1 1 auto; }

.fi-body.fi-panel-business .ksc-bar__sep {
    width: 1px;
    height: var(--s6);
    margin: 0 var(--s2);
    background-color: var(--separator);
}

.fi-body.fi-panel-business .ksc-bar__label {
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksc-link {
    padding: 0;
    border: 0;
    background-color: transparent;
    color: var(--accent-ink);
    font-weight: var(--fw-medium);
    cursor: pointer;
}

.fi-body.fi-panel-business .ksc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--kb-ctl);
    padding: 0 var(--s5);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-medium);
    cursor: pointer;
}

.fi-body.fi-panel-business .ksc-btn--plain {
    border-color: transparent;
    background-color: transparent;
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .ksc-scroll { overflow-x: auto; }

.fi-body.fi-panel-business .ksc-table .ksc-table__acts {
    display: inline-flex;
    justify-content: flex-end;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksc-table .ksc-table__row--over td:first-child {
    box-shadow: inset 3px 0 0 var(--danger-solid);
}

.fi-body.fi-panel-business .ksc-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    width: 100%;
}

@media (max-width: 1023px) {
    .fi-body.fi-panel-business .ksc-table .ksc-table__wide { display: none; }
}

.fi-body.fi-panel-business .ksc-form {
    display: grid;
    gap: var(--s5);
    min-width: 0;
}

.fi-body.fi-panel-business .ksc-form--narrow { max-width: 480px; }

.fi-body.fi-panel-business .ksc-two {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--s5);
}

.fi-body.fi-panel-business .ksc-field {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.fi-body.fi-panel-business .ksc-label {
    display: block;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .ksc-input {
    width: 100%;
    min-height: var(--kb-ctl);
    padding: 0 var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font: inherit;
    font-size: var(--kb-ctl-fs);
}

.fi-body.fi-panel-business .ksc-input:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
    outline: 0;
}

.fi-body.fi-panel-business .ksc-input--err,
.fi-body.fi-panel-business .ksc-input--err:focus {
    border-color: var(--danger-solid);
    box-shadow: 0 0 0 1px var(--danger-solid);
}

.fi-body.fi-panel-business .ksc-input--num {
    padding: 0 var(--s2);
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.fi-body.fi-panel-business .ksc-input--auto { width: auto; max-width: 280px; }

.fi-body.fi-panel-business .ksc-help {
    display: block;
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .ksc-err {
    display: block;
    margin: 0;
    color: var(--danger-ink);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ksc-warn {
    color: var(--warn-ink);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ksc-pick {
    display: grid;
    gap: var(--s2);
    max-height: 220px;
    overflow: auto;
}

.fi-body.fi-panel-business .ksc-pick label,
.fi-body.fi-panel-business .ksc-check {
    display: flex;
    align-items: center;
    gap: var(--s3);
    min-height: var(--kb-ctl);
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .ksc-who {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    margin: 0;
}

.fi-body.fi-panel-business .ksc-toggle__thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 22px;
    height: 22px;
    border-radius: var(--r-full);
    background-color: var(--seg-raised);
    box-shadow: var(--shadow-card);
    transition: left var(--dur-fast) var(--ease);
}

.fi-body.fi-panel-business .ksc-toggle {
    position: relative;
    display: inline-flex;
    flex: none;
    width: 44px;
    height: 26px;
    cursor: pointer;
}

.fi-body.fi-panel-business .ksc-toggle__input {
    position: absolute;
    inset: 0;
    width: 44px;
    height: 26px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.fi-body.fi-panel-business .ksc-toggle__track {
    position: relative;
    display: block;
    width: 44px;
    height: 26px;
    border-radius: var(--r-full);
    background-color: var(--fill-secondary);
}

.fi-body.fi-panel-business .ksc-toggle__input:checked + .ksc-toggle__track { background-color: var(--ok-solid); }

.fi-body.fi-panel-business .ksc-toggle__input:checked + .ksc-toggle__track .ksc-toggle__thumb { left: 20px; }

.fi-body.fi-panel-business .ksc-toggle__input:focus-visible + .ksc-toggle__track { box-shadow: 0 0 0 2px var(--accent); }

.fi-body.fi-panel-business .ksc-choices {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--s4);
}

.fi-body.fi-panel-business .ksc-choices--one {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksc-choice {
    display: flex;
    align-items: flex-start;
    gap: var(--s4);
    padding: var(--s5);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    text-align: left;
    cursor: pointer;
}

.fi-body.fi-panel-business .ksc-choice.is-on {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
    background-color: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .ksc-choice b {
    display: block;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksc-choice small {
    display: block;
    margin-top: 2px;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ksc-choice__radio {
    position: relative;
    flex: none;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border: 2px solid var(--label-tertiary);
    border-radius: var(--r-full);
}

.fi-body.fi-panel-business .ksc-choice.is-on .ksc-choice__radio { border-color: var(--accent); }

.fi-body.fi-panel-business .ksc-choice.is-on .ksc-choice__radio::after {
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: var(--r-full);
    background-color: var(--accent);
}

.fi-body.fi-panel-business .ksc-rule {
    margin: var(--s2) 0;
    border: 0;
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .ksc-ed {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: var(--s6);
    padding: var(--s5);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .ksc-map {
    position: relative;
    min-height: 190px;
    overflow: hidden;
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
}

.fi-body.fi-panel-business .ksc-map svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.fi-body.fi-panel-business .ksc-map__circle {
    fill: var(--accent);
    fill-opacity: 0.16;
    stroke: var(--accent);
    stroke-width: 2;
    stroke-dasharray: 5 4;
}

.fi-body.fi-panel-business .ksc-map__pin path { fill: var(--accent); }

.fi-body.fi-panel-business .ksc-map__hole { fill: var(--on-accent); }

.fi-body.fi-panel-business .ksc-map__chip {
    position: absolute;
    left: var(--s4);
    bottom: var(--s4);
    padding: 3px var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-full);
    background-color: var(--bg-grouped-secondary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksc-step {
    display: inline-flex;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksc-step__btn {
    width: var(--kb-ctl);
    height: var(--kb-ctl);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.fi-body.fi-panel-business .ksc-step__val {
    width: 84px;
    min-height: var(--kb-ctl);
    border: 0;
    background-color: transparent;
    color: var(--label);
    font-size: var(--fs-title-3);
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.fi-body.fi-panel-business .ksc-step__unit {
    margin-left: -6px;
    margin-right: var(--s3);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .ksc-left {
    display: grid;
    gap: var(--s2);
    margin: var(--kb-card-pad);
    padding: var(--s5);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-tertiary);
}

.fi-body.fi-panel-business .ksc-left__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s4);
    padding: var(--s2) 0;
}

.fi-body.fi-panel-business .ksc-left__row > .kb-muted { flex: 1 1 auto; }

.fi-body.fi-panel-business .ksc-wgrid {
    display: grid;
    grid-template-columns: 120px 64px 120px 120px minmax(160px, 1fr);
    align-items: center;
    gap: var(--s3) var(--s4);
    min-width: 620px;
}

.fi-body.fi-panel-business .ksc-wgrid__hd,
.fi-body.fi-panel-business .ksc-dgrid__hd {
    color: var(--label-tertiary);
    font-size: var(--fs-caption-2);
    font-weight: var(--fw-bold);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.fi-body.fi-panel-business .ksc-wgrid__row { display: contents; }

.fi-body.fi-panel-business .ksc-wgrid__day { font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .ksc-wgrid__row.is-off .ksc-wgrid__day { color: var(--label-secondary); }

.fi-body.fi-panel-business .ksc-wgrid__err { grid-column: 1 / -1; }

.fi-body.fi-panel-business .ksc-dates {
    display: grid;
    margin: 0;
}

.fi-body.fi-panel-business .ksc-dates > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    align-items: center;
    gap: var(--s4);
    padding: var(--s3) 0;
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .ksc-dates dt {
    margin: 0;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .ksc-dates dd {
    margin: 0;
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .ksc-dgrid {
    display: grid;
    grid-template-columns: 180px repeat(7, minmax(64px, 1fr));
    align-items: center;
    gap: var(--s3);
    min-width: 680px;
}

.fi-body.fi-panel-business .ksc-dgrid__hd { text-align: center; }

.fi-body.fi-panel-business .ksc-dgrid__name { font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .ksc-gen__ctl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksc-gen__row {
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
}

.fi-body.fi-panel-business .ksc-gen__row .kb-lrow__act {
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ksc-set__ctl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--s4);
}

.fi-body.fi-panel-business .ksc-copy {
    max-height: 16rem;
    overflow: auto;
    font-size: var(--kb-ctl-fs);
    line-height: 1.45;
}

.fi-body.fi-panel-business .ksc-copy__t {
    margin: var(--s3) 0 var(--s1);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksc-copy__t:first-child { margin-top: 0; }

.fi-body.fi-panel-business .ksc-copy__list {
    margin: 0;
    padding-left: var(--s6);
    list-style: disc;
}

.fi-body.fi-panel-business .ksc-conflicts {
    margin: 0;
    padding: var(--s3) var(--s4) var(--s3) var(--s7);
    border-left: 3px solid var(--warn-solid);
    border-radius: var(--r-xs);
    background-color: color-mix(in srgb, var(--warn-solid) 14%, transparent);
    color: var(--warn-ink);
    font-size: var(--kb-ctl-fs);
    line-height: 1.4;
    list-style: disc;
}

@media (max-width: 800px) {
    .fi-body.fi-panel-business .ksc-choices,
    .fi-body.fi-panel-business .ksc-ed,
    .fi-body.fi-panel-business .ksc-two {
        grid-template-columns: minmax(0, 1fr);
    }
}

.fi-body.fi-panel-business .rwg-toolbar {
    gap: var(--s3);
    margin-bottom: var(--kb-row-gap);
}

.fi-body.fi-panel-business .rwg-viewbtn {
    min-height: var(--kb-ctl);
    padding: 0 var(--s4);
    border-color: var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-secondary);
    font-size: var(--kb-ctl-fs);
    font-weight: var(--fw-medium);
}

.fi-body.fi-panel-business .rwg-viewbtn--on {
    border-color: var(--accent);
    box-shadow: 0 0 0 1px var(--accent);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
}

.fi-body.fi-panel-business .rwg-scroll {
    border-color: var(--separator);
    border-radius: var(--r-card);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .rwg-legend {
    gap: var(--s3) var(--s5);
    margin-bottom: var(--s4);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .ksc-rwg-mid { align-self: center; }

.fi-body.fi-panel-business .ksc-rwg-ro {
    opacity: 0.5;
    pointer-events: none;
}

.fi-body.fi-panel-business .ksc-rwg-sw--scheduled { background-color: var(--accent); }

.fi-body.fi-panel-business .ksc-rwg-sw--completed { background-color: var(--green); }

.fi-body.fi-panel-business .ksc-rwg-sw--cancelled { background-color: var(--red); }

.fi-body.fi-panel-business .ksc-rwg-sw--cover { background-color: var(--blue); }

.fi-body.fi-panel-business .ksc-idlebar { margin-bottom: var(--s5); }

.fi-body.fi-panel-business .ksc-idlebar__btn { align-self: center; }
.fi-body.fi-panel-business .ksad { display: flex; flex-direction: column; gap: var(--kb-row-gap); }

.fi-body.fi-panel-business .ksad .kas-seg { align-self: flex-start; margin-bottom: 0; }

.fi-body.fi-panel-business .ksad-filters { display: flex; flex-wrap: wrap; gap: var(--s2); }

.fi-body.fi-panel-business .ksad-chip {
    min-height: 34px;
    padding: 0 var(--s4);
    border-radius: 999px;
    border: 1px solid var(--label-tertiary);
    background: none;
    color: var(--label);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.fi-body.fi-panel-business .ksad-chip.is-on { border-color: var(--accent); background: var(--accent-soft, transparent); }

.fi-body.fi-panel-business .ksad-chip__ct { color: var(--label-secondary); font-weight: var(--fw-regular); margin-inline-start: var(--s1); }

.fi-body.fi-panel-business .ksad-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: var(--s5); }

.fi-body.fi-panel-business .ksad-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--r-md);
    border: 1px solid var(--separator);
    background: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .ksad-thumblink { display: block; color: inherit; }

.fi-body.fi-panel-business .ksad-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 11rem;
    background: #1c1c1e;
}

.fi-body.fi-panel-business .ksad-thumb img { max-width: 100%; max-height: 100%; object-fit: contain; }

.fi-body.fi-panel-business .ksad-thumb__none { width: 60%; height: 60%; border-radius: var(--r-sm); background: var(--fill-tertiary); }

.fi-body.fi-panel-business .ksad-live { position: relative; height: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }

.fi-body.fi-panel-business .ksad-thumb[data-orientation='portrait'] .ksad-live { aspect-ratio: 9 / 16; }

.fi-body.fi-panel-business .ksad-scale { position: absolute; inset-inline-start: 0; top: 0; transform-origin: 0 0; }

.fi-body.fi-panel-business .ksad-scale iframe { display: block; width: 100%; height: 100%; border: 0; pointer-events: none; background: #000; }

.fi-body.fi-panel-business .ksad-body { display: flex; flex-direction: column; gap: var(--s2); padding: var(--s4); }

.fi-body.fi-panel-business .ksad-title { margin: 0; font-size: var(--fs-subhead); font-weight: var(--fw-semibold); color: var(--label); }

.fi-body.fi-panel-business .ksad-title a { color: inherit; }

.fi-body.fi-panel-business .ksad-sub,
.fi-body.fi-panel-business .ksad-meta,
.fi-body.fi-panel-business .ksad-status { margin: 0; font-size: var(--fs-footnote); color: var(--label-secondary); }

.fi-body.fi-panel-business .ksad-meta { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s3); }

.fi-body.fi-panel-business .ksad-badges { display: flex; flex-wrap: wrap; gap: var(--s1); }

.fi-body.fi-panel-business .ksad-badge { padding: 0.1rem 0.5rem; border-radius: 999px; font-size: var(--fs-caption-1, 0.75rem); font-weight: var(--fw-semibold); white-space: nowrap; }

.fi-body.fi-panel-business .ksad-badge--ok { color: var(--ok-ink, #1f8f4a); background: color-mix(in srgb, var(--ok, #34c759) 16%, transparent); }

.fi-body.fi-panel-business .ksad-badge--missing { color: var(--label-secondary); border: 1px dashed var(--label-tertiary); }

.fi-body.fi-panel-business .ksad-badge--making { color: var(--label-secondary); background: var(--fill-tertiary); }

.fi-body.fi-panel-business .ksad-more { display: flex; justify-content: center; margin-top: var(--s5); }

.fi-body.fi-panel-business .ksad-card--pick { cursor: pointer; }

.fi-body.fi-panel-business .ksad-card--pick.is-on { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent); }

.fi-body.fi-panel-business .ksad-thumb__none--dashed { background: none; border: 1px dashed var(--label-tertiary); }

.fi-body.fi-panel-business .ksad-pad { padding: var(--kb-card-pad); margin: 0; }

.fi-body.fi-panel-business .ksad-pick { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s3); }

.fi-body.fi-panel-business .ksad-pick--list { flex-direction: column; gap: 0; }

.fi-body.fi-panel-business .kvm-choice.is-on { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }

.fi-body.fi-panel-business .ksad-targets { margin-top: var(--s6); }

.fi-body.fi-panel-business .ksad-options { margin-top: var(--s4); }

.fi-body.fi-panel-business .ksad-plays { margin: 0; padding: 0; list-style: none; }

.fi-body.fi-panel-business .ksad-swatches { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); margin: var(--s3) 0; }

.fi-body.fi-panel-business .ksad-swatch { width: 40px; height: 40px; border-radius: 999px; border: 2px solid var(--separator); cursor: pointer; }

.fi-body.fi-panel-business .ksad-swatch.is-on { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent); }

.fi-body.fi-panel-business .ksad-custom { display: inline-flex; align-items: center; gap: var(--s3); font-size: var(--fs-footnote); color: var(--label-secondary); }

.fi-body.fi-panel-business .ksad-previews { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--s5); align-items: end; }

.fi-body.fi-panel-business .ksad-pv { display: flex; flex-direction: column; gap: var(--s2); }

.fi-body.fi-panel-business .ksad-pv small { color: var(--label-secondary); }

.fi-body.fi-panel-business .ksad-live--p { aspect-ratio: 9 / 16; height: auto; width: 100%; }

.fi-body.fi-panel-business .ksad-pv .ksad-live { width: 100%; height: auto; }

.fi-body.fi-panel-business .ksad-previews__msg { grid-column: 1 / -1; margin: 0; }

.fi-body.fi-panel-business .ksad-modal {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--s5);
    background: color-mix(in srgb, #000 45%, transparent);
}

.fi-body.fi-panel-business .ksad-modal__box {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    width: min(32rem, 100%);
    max-height: 90vh;
    overflow-y: auto;
    padding: var(--s6);
    border-radius: var(--r-lg, var(--r-md));
    background: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .ksad-modal__title { margin: 0; font-size: var(--fs-headline, 1.1rem); font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .ksad-modal__card { display: flex; flex-direction: column; gap: var(--s2); padding: var(--s4); border-radius: var(--r-md); border: 1px solid var(--separator); }

.fi-body.fi-panel-business .ksad-modal__card span,
.fi-body.fi-panel-business .ksad-modal__card small { color: var(--label-secondary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .ksad-modal__paid { font-weight: var(--fw-semibold); }

@media (max-width: 700px) {
    .fi-body.fi-panel-business .ksad-previews { grid-template-columns: minmax(0, 1fr); }
}

.fi-body.fi-panel-business .kb-steps.ksad-steps {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--s2);
    padding: var(--s2);
}

.fi-body.fi-panel-business .ksad-steps > li { flex: 1 1 9rem; min-width: 0; }

.fi-body.fi-panel-business .ksad-steps .kb-step {
    min-height: 0;
    padding: var(--s2) var(--s3);
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kjob-price { display: flex; flex-direction: column; gap: var(--s2); padding: var(--s4); border-radius: var(--r-md); border: 1px solid var(--separator); background: var(--bg-grouped-secondary); }
.fi-body.fi-panel-business .kjob-price__line { display: flex; justify-content: space-between; gap: var(--s4); }
.fi-body.fi-panel-business .kjob-price__line--total { font-weight: var(--fw-semibold); border-top: 1px solid var(--separator); padding-top: var(--s2); }
.fi-body.fi-panel-business .kjob-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: var(--s5); }
.fi-body.fi-panel-business .kjob-type { text-align: start; cursor: pointer; padding: var(--s5); border-radius: var(--r-md); border: 1px solid var(--separator); background: var(--bg-grouped-secondary); color: var(--label); }
.fi-body.fi-panel-business .kjob-type[aria-disabled='true'] { opacity: .6; cursor: default; }

.fi-body.fi-panel-business .kjob-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); gap: var(--s3); margin-block: var(--s3); }
.fi-body.fi-panel-business .kjob-person__card { display: flex; flex-direction: column; gap: var(--s2); background: none; border: 0; padding: 0; text-align: start; cursor: pointer; font: inherit; color: inherit; }
.fi-body.fi-panel-business .kjob-person__img { position: relative; display: block; aspect-ratio: 3 / 4; border-radius: var(--r-md, 12px); background: var(--fill-secondary, #f2f2f2); border: 2px solid transparent; overflow: hidden; }
.fi-body.fi-panel-business .kjob-person__img img { width: 100%; height: 100%; object-fit: contain; display: block; }
.fi-body.fi-panel-business .kjob-person__card.is-on .kjob-person__img { border-color: var(--accent); }
.fi-body.fi-panel-business .kjob-person__badge { position: absolute; inset-inline-start: var(--s2); bottom: var(--s2); padding: 2px var(--s2); border-radius: 999px; background: rgba(255, 255, 255, .9); font-size: var(--fs-sm, 12px); }
.fi-body.fi-panel-business .kjob-person__name { font-weight: var(--fw-medium, 500); }
.fi-body.fi-panel-business .ksg {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
    min-width: 0;
}

.fi-body.fi-panel-business .ksg-cols {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--kb-row-gap);
    align-items: start;
}

@media (min-width: 1024px) {
    .fi-body.fi-panel-business .ksg-cols { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.fi-body.fi-panel-business .ksg-results {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
}

.fi-body.fi-panel-business .ksg-lede {
    margin: 0;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .ksg-col {
    overflow: hidden;
    min-width: 0;
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .ksg-col__hd {
    display: flex;
    align-items: center;
    gap: var(--s5);
    padding: 14px var(--kb-card-pad);
    border-bottom: 1px solid var(--separator);
    color: var(--label);
    text-decoration: none;
}

.fi-body.fi-panel-business .ksg-col__hd b {
    display: block;
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ksg-col__hd small {
    display: block;
    margin-top: 1px;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business a.ksg-col__hd:hover { background-color: var(--fill-quaternary); }

.fi-body.fi-panel-business .ksg-col__ic {
    flex: none;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    padding: var(--s3);
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .ksg-col__ic--p {
    background-color: color-mix(in srgb, var(--info-ink) 12%, transparent);
    color: var(--info-ink);
}

.fi-body.fi-panel-business .ksg-col__ic--c {
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .ksg-col__ic--s {
    background-color: color-mix(in srgb, var(--ok-ink) 13%, transparent);
    color: var(--ok-ink);
}

.fi-body.fi-panel-business .ksg-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksg-tab {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 var(--s6);
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: 14px;
    font-weight: var(--fw-semibold);
    text-decoration: none;
}

.fi-body.fi-panel-business .ksg-tab:hover { color: var(--label); }

.fi-body.fi-panel-business .ksg-tab.is-active {
    background-color: var(--accent-fill-subtle);
    color: var(--accent-ink);
}

.fi-body.fi-panel-business .ksg-search {
    position: relative;
    display: flex;
    align-items: center;
}

.fi-body.fi-panel-business .ksg-search__ic {
    position: absolute;
    inset-inline-start: var(--s5);
    width: 20px;
    height: 20px;
    color: var(--label-tertiary);
    pointer-events: none;
}

.fi-body.fi-panel-business .ksg-search__in {
    width: 100%;
    min-height: 44px;
    padding-block: 0;
    padding-inline: calc(var(--s5) + 20px + var(--s3)) calc(var(--s5) + 20px + var(--s3));
    border-radius: var(--r-sm);
    border: 1px solid var(--separator-opaque);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: 14px;
}

.fi-body.fi-panel-business .ksg-search__in::placeholder { color: var(--label-tertiary); }

.fi-body.fi-panel-business .ksg-search__x {
    position: absolute;
    inset-inline-end: var(--s3);
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: var(--r-full);
    background: transparent;
    color: var(--label-tertiary);
    cursor: pointer;
}

.fi-body.fi-panel-business .ksg-search__x:hover { color: var(--label); }

.fi-body.fi-panel-business .ksg-search__xi {
    width: 18px;
    height: 18px;
}

.fi-body.fi-panel-business .ksg-grp {
    padding: 10px var(--kb-card-pad) var(--s3);
    border-top: 1px solid var(--separator);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.fi-body.fi-panel-business .ksg-col__hd + .ksg-grp { border-top: 0; }

.fi-body.fi-panel-business .ksg-row {
    display: flex;
    align-items: center;
    gap: var(--s5);
    box-sizing: border-box;
    width: 100%;
    min-height: 56px;
    padding: var(--s4) var(--kb-card-pad);
    border: 0;
    border-top: 1px solid var(--separator);
    background: transparent;
    color: var(--label);
    font: inherit;
    text-align: start;
    text-decoration: none;
    cursor: pointer;
}

.fi-body.fi-panel-business .ksg-grp + .ksg-row,
.fi-body.fi-panel-business .ksg-col > .ksg-row:first-child { border-top: 0; }

.fi-body.fi-panel-business .ksg-row:hover { background-color: var(--fill-quaternary); }

.fi-body.fi-panel-business .ksg-row[disabled] { opacity: 0.6; cursor: progress; }

.fi-body.fi-panel-business .ksg-row__t {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.fi-body.fi-panel-business .ksg-row__title {
    font-size: 14px;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksg-row__hint,
.fi-body.fi-panel-business .ksg-row__shop {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ksg-row__shop { font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .ksg-row__opens {
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .ksg-row__val {
    flex: none;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    white-space: nowrap;
}

.fi-body.fi-panel-business .ksg-row__go,
.fi-body.fi-panel-business .ksg-row__ck {
    flex: none;
    width: 20px;
    height: 20px;
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .ksg-row__ck { color: var(--ok-ink); }

.fi-body.fi-panel-business .ksg-row__ic {
    flex: none;
    width: 22px;
    height: 22px;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .ksg-row.is-locked .ksg-row__title,
.fi-body.fi-panel-business .ksg-row.is-locked .ksg-row__hint { color: var(--label-tertiary); }

.fi-body.fi-panel-business .ksg-row__lock { flex: none; }

.fi-body.fi-panel-business .ksg-note {
    margin: 0;
    padding: var(--s4) var(--kb-card-pad);
    border-top: 1px solid var(--separator);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}
.fi-body.fi-panel-business .kco-switches { padding: var(--s4) var(--s5); }
.fi-body.fi-panel-business .kmod { display: flex; flex-direction: column; gap: var(--s5); min-width: 0; }

.fi-body.fi-panel-business .kmod-shops { display: flex; flex-direction: column; gap: var(--s2); }
.fi-body.fi-panel-business .kmod-shops__label { color: var(--label-secondary); font-size: var(--fs-footnote); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kmod-shops__row { display: flex; flex-wrap: wrap; gap: var(--s3); }
.fi-body.fi-panel-business .kmod-shop {
    min-height: 44px;
    padding: 0 var(--s5);
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: var(--fs-callout);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}
.fi-body.fi-panel-business .kmod-shop:hover { background-color: var(--fill-quaternary); }
.fi-body.fi-panel-business .kmod-shop.is-on { border-color: var(--accent-ink); color: var(--accent-ink); background-color: color-mix(in srgb, var(--accent-ink) 8%, transparent); }
.fi-body.fi-panel-business .kmod-shop:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }

.fi-body.fi-panel-business .kmod-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s5); align-items: start; }
@media (min-width: 1100px) {
    .fi-body.fi-panel-business .kmod-grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
}
.fi-body.fi-panel-business .kmod-col { display: flex; flex-direction: column; gap: var(--s5); min-width: 0; }

.fi-body.fi-panel-business .kmod-note { margin: 0 0 var(--s4); padding: var(--s3) var(--s4); border-radius: var(--r-sm); background-color: var(--fill-quaternary); color: var(--label-secondary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kmod-rows { display: flex; flex-direction: column; }
.fi-body.fi-panel-business .kmod-row { display: flex; align-items: center; justify-content: space-between; gap: var(--s5); padding: var(--s4) 0; border-top: 1px solid var(--separator); flex-wrap: wrap; }
.fi-body.fi-panel-business .kmod-row:first-child { border-top: 0; padding-top: 0; }
.fi-body.fi-panel-business .kmod-row__tx { flex: 1 1 220px; min-width: 0; }
.fi-body.fi-panel-business .kmod-row__t { color: var(--label); font-size: var(--fs-callout); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kmod-row__p { margin: 2px 0 0; color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kmod-row__p a { color: var(--accent-ink); font-weight: var(--fw-medium); }
.fi-body.fi-panel-business .kmod-row .kb-seg { flex-wrap: wrap; }
.fi-body.fi-panel-business .kmod-row .kb-seg__btn:disabled { cursor: not-allowed; }
@media (max-width: 640px) {
    .fi-body.fi-panel-business .kmod-row .kb-seg { display: flex; width: 100%; flex-wrap: nowrap; }
    .fi-body.fi-panel-business .kmod-row .kb-seg__btn { flex: 1 1 0; min-width: 0; padding-inline: var(--s2); white-space: normal; text-align: center; }
}
.fi-body.fi-panel-business .kmod-row .kb-badge { margin-inline-start: var(--s2); }
.fi-body.fi-panel-business .kb-sw:disabled { cursor: not-allowed; opacity: 0.55; }

.fi-body.fi-panel-business .kmod-step { display: inline-flex; align-items: center; gap: var(--s3); }
.fi-body.fi-panel-business .kmod-step__btn {
    width: 44px; height: 44px; border: 0; border-radius: var(--r-sm);
    background-color: var(--accent-ink); color: var(--on-accent);
    font-size: var(--fs-title-3); font-weight: var(--fw-bold); cursor: pointer;
}
.fi-body.fi-panel-business .kmod-step__btn:disabled { background-color: var(--fill); color: var(--label-tertiary); cursor: not-allowed; }
.fi-body.fi-panel-business .kmod-step__val { min-width: 84px; padding: var(--s3) var(--s4); border: 1px solid var(--separator); border-radius: var(--r-sm); text-align: center; color: var(--label); font-variant-numeric: tabular-nums; }

.fi-body.fi-panel-business .kmod-open { display: flex; flex-direction: column; gap: var(--s3); margin: 0 0 var(--s4); padding: var(--s4); border-radius: var(--r-md); background-color: var(--fill-quaternary, var(--fill-tertiary)); }
.fi-body.fi-panel-business .kmod-open .kb-seg { align-self: flex-start; }

.fi-body.fi-panel-business .kmod-saving { text-align: end; }
.fi-body.fi-panel-business .kmod-spin { width: 12px; height: 12px; border-radius: var(--r-full); background-color: var(--accent-ink); animation: kp-pulse 1s ease-in-out infinite; }

.fi-body.fi-panel-business .kmod-list { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.fi-body.fi-panel-business .kmod-dash { display: flex; align-items: flex-start; gap: var(--s4); padding: var(--s3) 0; border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kmod-dash:first-child { border-top: 0; padding-top: 0; }
.fi-body.fi-panel-business .kmod-dash__dot { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: var(--r-full); background-color: var(--fill-tertiary); color: var(--label-tertiary); font-size: var(--fs-footnote); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .kmod-dash__dot.is-yes { background-color: color-mix(in srgb, var(--ok-ink) 14%, transparent); color: var(--ok-ink); }

.fi-body.fi-panel-business .kmod-hist { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s2) var(--s5); padding: var(--s3) 0; border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kmod-hist:first-child { border-top: 0; padding-top: 0; }
.fi-body.fi-panel-business .kmod-hist__who { display: flex; align-items: center; gap: var(--s3); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kmod-hist__what { flex: 1 1 200px; min-width: 0; color: var(--label-secondary); font-size: var(--fs-footnote); }
.fi-body.fi-panel-business .kmod-hist__at { white-space: nowrap; }

@media (max-width: 639px) { .fi-body.fi-panel-business .kmod-hist__what { flex-basis: 100%; } }
.fi-body.fi-panel-business .kmod-mark { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: var(--r-full); background-color: var(--brand-primary); color: var(--on-brand); font-size: var(--fs-footnote); font-weight: var(--fw-bold); }

.fi-body.fi-panel-business .kmod-modal { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; padding: var(--s5); background-color: var(--scrim); }
.fi-body.fi-panel-business .kmod-modal__box { width: 100%; max-width: 480px; max-height: 90vh; overflow: auto; padding: var(--s6); border-radius: var(--r-lg); background-color: var(--bg); box-shadow: var(--shadow-sheet); display: flex; flex-direction: column; gap: var(--s3); }
.fi-body.fi-panel-business .kmod-modal__t { margin: 0; color: var(--label); font-size: var(--fs-headline); font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .kmod-modal__act { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--s3); margin-top: var(--s3); }
.fi-body.fi-panel-business .kmod-order { display: flex; flex-wrap: wrap; gap: var(--s3); padding: var(--s2) 0; border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kmod-order:first-child { border-top: 0; }
.fi-body.fi-panel-business .kmod-order a { color: var(--accent-ink); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business {
    --ksh-cover: none;
}

.fi-body.fi-panel-business .ksh-stack {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
    min-width: 0;
}

.fi-body.fi-panel-business .ksh-stack > .ka-card { margin-top: 0; }

.fi-body.fi-panel-business .ksh-set {
    display: flex;
    flex-direction: column;
    gap: var(--kb-row-gap);
    min-width: 0;
}

.fi-body.fi-panel-business .ksh-set > .ka-card { margin-top: 0; }

.fi-body.fi-panel-business .ksh-master {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--kb-row-gap);
    align-items: start;
}

.fi-body.fi-panel-business .ksh-pad { padding: var(--s5) var(--kb-card-pad); }

.fi-body.fi-panel-business .ksh-crumb {
    margin: 0;
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ksh-crumb a {
    color: var(--accent-ink);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksh-link {
    padding: 0;
    border: 0;
    background: none;
    color: var(--accent-ink);
    font: inherit;
    font-weight: var(--fw-semibold);
    text-align: start;
    cursor: pointer;
}

.fi-body.fi-panel-business .ksh-link:hover { text-decoration: underline; }

.fi-body.fi-panel-business .ksh-link:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
    border-radius: var(--r-xxs);
}

.fi-body.fi-panel-business .ksh-code {
    color: var(--label-secondary);
    font-family: var(--font-num);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .ksh-byline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2) var(--s3);
}

.fi-body.fi-panel-business .ksh-quote {
    margin: 0;
    padding-inline-start: var(--s4);
    border-inline-start: 3px solid var(--separator-opaque);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business span.ksh-quote {
    padding: 0;
    border: 0;
    font-style: italic;
}

.fi-body.fi-panel-business .ksh-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.fi-body.fi-panel-business .ksh-field__label {
    display: block;
    color: var(--label);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksh-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksh-inline__grow {
    flex: 1;
    min-width: 200px;
}

.fi-body.fi-panel-business .ksh-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--s4);
}

.fi-body.fi-panel-business .ksh-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksh-bar__sp { flex: 1; }

.fi-body.fi-panel-business .ksh-search {
    flex: 1;
    min-width: 240px;
    max-width: 420px;
}

.fi-body.fi-panel-business .ksh-modalbody {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
}

.fi-body.fi-panel-business .ksh-modalbody p { margin: 0; }

.fi-body.fi-panel-business .ksh-sw {
    padding: 0;
    border: 0;
    cursor: pointer;
    transition: background-color var(--dur-fast) var(--ease);
}

.fi-body.fi-panel-business .is-readonly .kb-setrow__tx { opacity: 0.72; }

.fi-body.fi-panel-business .ksh-dayrow {
    padding-top: var(--s5);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .ksh-dayrow > .fi-fo-component-ctn {
    align-items: start;
    row-gap: var(--s3);
}

@media (min-width: 768px) {
    .fi-body.fi-panel-business .ksh-dayrow > .fi-fo-component-ctn > :first-child {
        min-height: var(--kb-ctl);
        display: flex;
        align-items: center;
    }
}

.fi-body.fi-panel-business .ksh-daynote {
    color: var(--warn-ink);
    font-size: var(--fs-footnote);
    line-height: 1.4;
}

.fi-body.fi-panel-business .kbp__cover { background-image: var(--ksh-cover); }

.fi-body.fi-panel-business .kbrand__bar { align-items: center; }

.fi-body.fi-panel-business .ksh-total {
    color: var(--label);
    font-size: var(--fs-headline);
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .ka-table .ksh-splitrow > td {
    padding-top: 0;
    padding-inline-start: 52px;
}

.fi-body.fi-panel-business .ksh-split {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2) var(--s6);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ksh-split__shop { white-space: nowrap; }

.fi-body.fi-panel-business .ksh-order {
    display: flex;
    flex-direction: column;
    gap: var(--s5);
}

.fi-body.fi-panel-business .ksh-order p { margin: 0; }

.fi-body.fi-panel-business .ksh-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fi-body.fi-panel-business .ksh-items li {
    padding: var(--s3) 0;
    border-top: 1px solid var(--separator);
    font-size: 14px;
}

.fi-body.fi-panel-business .ksh-items li:first-child { border-top: 0; }

.fi-body.fi-panel-business .ksh-total-line {
    padding-top: var(--s4);
    border-top: 1px solid var(--separator-opaque);
}

.fi-body.fi-panel-business .ksh-log__row {
    display: flex;
    align-items: flex-start;
    gap: var(--s4);
    padding: 10px 0;
    border-top: 1px solid var(--separator);
    font-size: 14px;
}

.fi-body.fi-panel-business .ksh-log__row:first-child { border-top: 0; }

.fi-body.fi-panel-business .ksh-log__when {
    flex: none;
    min-width: 44px;
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.fi-body.fi-panel-business .ksh-log__body {
    flex: 1;
    min-width: 0;
}

.fi-body.fi-panel-business .ksh-reasons {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    margin: 0;
    padding: 0;
    border: 0;
}

.fi-body.fi-panel-business .ksh-reasons__opt {
    display: flex;
    align-items: center;
    gap: var(--s4);
    min-height: var(--kb-ctl);
    cursor: pointer;
}

.fi-body.fi-panel-business .ksh-dev {
    display: flex;
    align-items: center;
    gap: var(--s4);
    min-width: 0;
}

.fi-body.fi-panel-business .ksh-dev__ic {
    display: grid;
    place-items: center;
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: var(--r-xs);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .ksh-dev__svg {
    width: var(--s6);
    height: var(--s6);
}

.fi-body.fi-panel-business .ksh-dev__ic--lg {
    width: 64px;
    height: 64px;
    border-radius: var(--r-md);
}

.fi-body.fi-panel-business .ksh-dev__ic--lg .ksh-dev__svg {
    width: var(--s8);
    height: var(--s8);
}

.fi-body.fi-panel-business .ksh-dev__tx {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.fi-body.fi-panel-business .ka-table .ksh-grouprow th {
    padding-bottom: 0;
    border-bottom: 0;
}

.fi-body.fi-panel-business .ka-table .ksh-grouprow .ksh-grouprow__name {
    border-bottom: 2px solid var(--separator-opaque);
    text-align: center;
}

.fi-body.fi-panel-business .ka-table .ksh-grouprow--narrow { display: none; }

.fi-body.fi-panel-business .ka-table .ksh-sumrow td { background-color: var(--bg-grouped-tertiary); }

.fi-body.fi-panel-business .ka-table .ksh-otherrow td { color: var(--label-secondary); }

.fi-body.fi-panel-business .ksh-stattable th,
.fi-body.fi-panel-business .ksh-stattable td {
    padding-inline: var(--s3);
}

.fi-body.fi-panel-business .ksh-stattable th:first-child,
.fi-body.fi-panel-business .ksh-stattable td:first-child {
    padding-inline-start: var(--kb-cell-x);
}

.fi-body.fi-panel-business .ksh-stattable th:last-child,
.fi-body.fi-panel-business .ksh-stattable td:last-child {
    padding-inline-end: var(--kb-cell-x);
}

.fi-body.fi-panel-business .ksh-statwrap {
    container: ksh-stats / inline-size;
    overflow-x: auto;
}

.fi-body.fi-panel-business .ksh-stattable thead th,
.fi-body.fi-panel-business .ka-table.ksh-stattable thead th.ka-table__num {
    white-space: normal;
    vertical-align: bottom;
    line-height: 1.25;
}

.fi-body.fi-panel-business .ksh-stattable td:first-child {
    min-width: 220px;
    max-width: 280px;
}

.fi-body.fi-panel-business .ksh-stattable td:first-child .ksh-link,
.fi-body.fi-panel-business .ksh-stattable td:first-child .kb-strong,
.fi-body.fi-panel-business .ksh-stattable td:first-child .kb-sub {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fi-body.fi-panel-business .ksh-stattable td:first-child .kb-sub > * { display: inline; }

.fi-body.fi-panel-business .ksh-stattable td:nth-child(2) { white-space: nowrap; }

.fi-body.fi-panel-business .ksh-devgrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--s4);
}

.fi-body.fi-panel-business .ksh-devcard {
    display: flex;
    justify-content: space-between;
    gap: var(--s4);
    padding: var(--s5);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .ksh-devcard__main,
.fi-body.fi-panel-business .ksh-devcard__side {
    display: flex;
    flex-direction: column;
    gap: var(--s1);
    min-width: 0;
}

.fi-body.fi-panel-business .ksh-devcard__side {
    flex: none;
    align-items: flex-end;
    text-align: end;
}

.fi-body.fi-panel-business .ksh-devcard__by {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
    margin-top: var(--s2);
}

.fi-body.fi-panel-business .ksh-sumname {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--s2);
}

.fi-body.fi-panel-business .ksh-picker {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksh-statfacts { margin-top: var(--s5); }

.fi-body.fi-panel-business .ksh-copy { margin-top: var(--s4); }

.fi-body.fi-panel-business .ksh-optgrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.fi-body.fi-panel-business .ksh-optgrid > div + div .kb-setrow:first-child { border-top: 1px solid var(--separator); }

.fi-body.fi-panel-business .ksh-lock {
    display: flex;
    align-items: center;
    gap: var(--s3);
    margin: 0;
    padding: var(--s4) var(--kb-card-pad);
    border-bottom: 1px solid var(--separator);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ksh-lock__svg {
    flex: none;
    width: var(--s5);
    height: var(--s5);
    color: var(--label-tertiary);
}

.fi-body.fi-panel-business .ksh-rights {
    border-top: 1px solid var(--separator);
    border-bottom: 1px solid var(--separator);
}

.fi-body.fi-panel-business .ksh-notes {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksh-notes p { margin: 0; }

.fi-body.fi-panel-business .ksh-otc {
    padding: var(--s6) var(--s5);
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-tertiary);
    text-align: center;
}

.fi-body.fi-panel-business .ksh-otc__code {
    display: flex;
    justify-content: center;
    gap: var(--s3);
    margin-top: var(--s5);
}

.fi-body.fi-panel-business .ksh-otc__box {
    display: grid;
    place-items: center;
    width: 52px;
    height: 68px;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-family: var(--font-num);
    font-size: 36px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ksh-otc__gap { width: 10px; }

.fi-body.fi-panel-business .ksh-otc__box--gap { margin-inline-start: 10px; }

.fi-body.fi-panel-business .ksh-pinreset {
    display: grid;
    gap: var(--s4);
}

.fi-body.fi-panel-business .ksh-pinreset__ways {
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
}

.fi-body.fi-panel-business .ksh-pinreset__ways .kb-setrow { padding-inline: var(--s5); }

.fi-body.fi-panel-business .ksh-otc__code.is-dead .ksh-otc__box {
    color: var(--label-tertiary);
    text-decoration: line-through;
    opacity: 0.55;
}

.fi-body.fi-panel-business .ksh-otc__bar {
    overflow: hidden;
    width: 300px;
    max-width: 100%;
    height: 6px;
    margin: var(--s6) auto 0;
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .ksh-otc__bar i {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: var(--r-full);
    background-color: var(--accent);
    transition: width 1s linear;
}

.fi-body.fi-panel-business .ksh-otc__left {
    margin: var(--s3) 0 0;
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
}

.fi-body.fi-panel-business .ksh-otc__left span + span {
    color: var(--label-secondary);
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .ksh-otc__text {
    margin: var(--s4) 0;
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .ksh-otc__text b {
    color: var(--label);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksh-otc__wait {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: var(--s5) 0 0;
    color: var(--label-secondary);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksh-otc__spin {
    width: 18px;
    height: 18px;
    color: var(--accent);
}

.fi-body.fi-panel-business .ksh-or {
    display: flex;
    align-items: center;
    gap: var(--s4);
    margin: var(--s6) 0 var(--s4);
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ksh-or::before,
.fi-body.fi-panel-business .ksh-or::after {
    content: '';
    flex: 1;
    height: 1px;
    background-color: var(--separator);
}

.fi-body.fi-panel-business .ksh-approve {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
}

.fi-body.fi-panel-business .ksh-approve > .ka-banner { margin: 0; }

.fi-body.fi-panel-business .ksh-approve__q {
    margin: var(--s2) 0 0;
    color: var(--label);
    font-size: var(--fs-title-3);
    font-weight: var(--fw-bold);
    line-height: 1.25;
}

.fi-body.fi-panel-business .ksh-approve__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--s5);
    align-items: end;
}

.fi-body.fi-panel-business .ksh-map {
    position: relative;
    overflow: hidden;
    height: 200px;
    border-radius: var(--r-sm);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .ksh-map__canvas {
    position: absolute;
    inset: 0;
}

.fi-body.fi-panel-business .ksh-map--none {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 6px;
    padding: 0 var(--s8);
    color: var(--label-secondary);
    text-align: center;
}

.fi-body.fi-panel-business .ksh-map--none b {
    color: var(--label);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksh-map__distance {
    position: absolute;
    left: var(--s5);
    bottom: 14px;
    z-index: 500;
    display: inline-flex;
    align-items: center;
    height: var(--s8);
    padding: 0 14px;
    border-radius: var(--r-full);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-float);
    color: var(--ok-ink);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .ksh-map__distance.is-far { color: var(--warn-ink); }

.fi-body.fi-panel-business .kcash__pinwrap {
    border: 0;
    background: transparent;
}

.fi-body.fi-panel-business .kcash__pin {
    display: block;
    width: 22px;
    height: 22px;
    border: 3px solid var(--on-media);
    border-radius: var(--r-full);
    background-color: var(--neutral-solid);
    box-shadow: var(--shadow-float);
}

.fi-body.fi-panel-business .kcash__pin--till { background-color: var(--accent); }

.fi-body.fi-panel-business .kcash__pinlabel {
    position: absolute;
    top: 26px;
    left: 50%;
    padding: 1px 6px;
    border-radius: var(--r-xxs);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: 11px;
    font-weight: var(--fw-bold);
    white-space: nowrap;
    transform: translateX(-50%);
}

.fi-body.fi-panel-business .ksh-check {
    display: flex;
    align-items: center;
    gap: var(--s5);
    padding: var(--s3) var(--s6);
    border-radius: var(--r-sm);
    background-color: var(--accent-fill-subtle);
}

.fi-body.fi-panel-business .ksh-check__n {
    color: var(--label);
    font-size: 48px;
    font-weight: var(--fw-bold);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.06em;
    line-height: 60px;
}

.fi-body.fi-panel-business .ksh-check__c {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: 18px;
}

.fi-body.fi-panel-business .ksh-check__c b {
    display: block;
    color: var(--label);
    font-size: var(--fs-subhead);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksh-back {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    font-size: 14px;
}

.fi-body.fi-panel-business .ksh-back b {
    margin-top: var(--s3);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksh-back b:first-child { margin-top: 0; }

.fi-body.fi-panel-business .ksh-optlist {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s1) var(--s5);
    margin: 0;
    padding: 0;
    color: var(--label-secondary);
    list-style: none;
}

.fi-body.fi-panel-business .ksh-optlist--off {
    color: var(--label-tertiary);
    text-decoration: line-through;
}

.fi-body.fi-panel-business .bl {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.fi-body.fi-panel-business .bl .ap-card { overflow: visible; }

.fi-body.fi-panel-business .bl-h {
    margin: 0;
    font-size: var(--fs-subhead);
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .bl-intro {
    margin: 0 0 14px;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .bl-lock {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 0 10px;
    padding: var(--s3) 10px;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    background-color: var(--bg-grouped-tertiary);
    color: var(--label-secondary);
    font-size: 12.5px;
}

.fi-body.fi-panel-business .bl-lock a {
    color: var(--accent-ink);
    font-weight: var(--fw-semibold);
    text-decoration: underline;
}

.fi-body.fi-panel-business .bl-status {
    margin: 0;
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .bl-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3) var(--s4);
    margin: var(--s5) 0 0;
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .bl-note {
    margin: 14px 0 0;
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .bl-now {
    margin: 0 0 14px;
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .bl .ap-ptiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.fi-body.fi-panel-business .bl-ro .ap-ptile:disabled {
    opacity: 1;
    cursor: default;
}

.fi-body.fi-panel-business .bl-ro .ap-ptiles { grid-template-columns: minmax(0, 18rem); }

.fi-body.fi-panel-business .bl-usedby {
    margin: 10px 0 0;
    color: var(--label-secondary);
    font-size: 12.5px;
}

.fi-body.fi-panel-business .bl-ask {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 0 14px;
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .bl-last {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 10px 0 0;
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .bl-toggle {
    display: flex;
    align-items: flex-start;
    gap: var(--s4);
    margin: 0 0 14px;
}

.fi-body.fi-panel-business .bl-toggle b {
    display: block;
    font-size: 14px;
}

.fi-body.fi-panel-business .bl-toggle small {
    display: block;
    color: var(--label-tertiary);
    font-size: var(--fs-caption-1);
}

.fi-body.fi-panel-business .bl-shops {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.fi-body.fi-panel-business .bl-shopbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    width: 100%;
    min-height: var(--kb-ctl);
    padding: 10px 14px;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
    font: inherit;
    font-size: 14px;
    font-weight: var(--fw-semibold);
    text-align: start;
    cursor: pointer;
}

.fi-body.fi-panel-business .bl-shopbtn:hover { background-color: var(--bg-grouped-tertiary); }

.fi-body.fi-panel-business .bl-shopbtn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .bl-askreset { margin: 0 0 14px; }

.fi-body.fi-panel-business .bl-askreset .ap-act {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s4);
}

.fi-body.fi-panel-business .bl-back { margin: 0 0 var(--s3); }

.fi-body.fi-panel-business .bl-card .ap-ed-bar {
    position: static;
    margin: var(--s5) calc(-1 * var(--s5)) calc(-1 * var(--s5));
    padding: var(--s4) var(--s5);
    border-radius: 0 0 var(--r-sm) var(--r-sm);
}

.fi-body.fi-panel-business .bl-preview {
    position: sticky;
    top: var(--s5);
}

.fi-body.fi-panel-business .bl-preview .ap-card-hd { gap: var(--s3); }

.fi-body.fi-panel-business .bl-phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--s4);
}

@media (min-width: 768px) {
    .fi-body.fi-panel-business .ksh-approve__grid { grid-template-columns: auto minmax(0, 1fr); }
}

@media (min-width: 900px) {
    .fi-body.fi-panel-business .ksh-optgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fi-body.fi-panel-business .ksh-optgrid > div + div { border-inline-start: 1px solid var(--separator); }
    .fi-body.fi-panel-business .ksh-optgrid > div + div .kb-setrow:first-child { border-top: 0; }
}

@media (min-width: 1100px) {
    .fi-body.fi-panel-business .ksh-master--open { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
}

@media (max-width: 767px) {
    .fi-body.fi-panel-business .ka-table .ksh-from-md { display: none; }
    .fi-body.fi-panel-business .bl-preview { position: static; }
}

@container ksh-stats (max-width: 1349px) {
    .fi-body.fi-panel-business .ka-table .ksh-wide { display: none; }
    .fi-body.fi-panel-business .ka-table .ksh-grouprow--wide { display: none; }
    .fi-body.fi-panel-business .ka-table .ksh-grouprow--narrow { display: table-row; }
}

@container ksh-stats (max-width: 999px) {
    .fi-body.fi-panel-business .ka-table .ksh-mid { display: none; }
}

@container ksh-stats (max-width: 819px) {
    .fi-body.fi-panel-business .ka-table .ksh-late { display: none; }
    .fi-body.fi-panel-business .ksh-stattable td:first-child { min-width: 160px; }
}

@media (max-width: 480px) {
    .fi-body.fi-panel-business .bl .ap-card-hd { flex-wrap: wrap; }
    .fi-body.fi-panel-business .bl .ap-ptiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fi-body.fi-panel-business .bl-ro .ap-ptiles { grid-template-columns: minmax(0, 1fr); }
    .fi-body.fi-panel-business .bl-card .ap-ed-link,
    .fi-body.fi-panel-business .bl-back .ap-ed-link { min-height: var(--kb-ctl); }

    .fi-body.fi-panel-business .bl .ap-throw {
        flex-direction: row;
        gap: var(--s4);
    }

    .fi-body.fi-panel-business .bl .ap-thumb {
        width: 72px;
        height: 156px;
    }

    .fi-body.fi-panel-business .bl-card .ap-ed-bar {
        position: sticky;
        bottom: 0;
        gap: var(--s3);
    }

    .fi-body.fi-panel-business .bl-card .ap-ed-lead { flex: 1 1 100%; }

    .fi-body.fi-panel-business .bl-card .ap-ed-bar .fi-btn {
        flex: 1 1 0;
        justify-content: center;
        min-height: var(--kb-ctl);
    }

    .fi-body.fi-panel-business .bl-ask,
    .fi-body.fi-panel-business .bl-foot { font-size: var(--fs-footnote); }
}

.fi-body.fi-panel-business .ksh-ai__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--s4);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksh-ai__head b { font-variant-numeric: tabular-nums; }

.fi-body.fi-panel-business .ksh-ai__meter {
    position: relative;
    height: 10px;
    margin: var(--s3) 0 var(--s3);
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .ksh-ai__meter i {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: var(--r-full);
    background-color: var(--ok-solid);
}

.fi-body.fi-panel-business .ksh-ai__meter i.ksh-ai__meter--warn { background-color: var(--warn-solid); }
.fi-body.fi-panel-business .ksh-ai__meter i.ksh-ai__meter--bad { background-color: var(--danger-solid); }

.fi-body.fi-panel-business .ksh-ai__try { display: grid; gap: var(--s3); justify-items: start; }
.fi-body.fi-panel-business .ksh-ai__try p,
.fi-body.fi-panel-business .ksh-ai__meterbox p { margin: 0; }
.fi-body.fi-panel-business .ksh-ai__note p { margin: 0; }

@media (prefers-reduced-motion: reduce) {
    .fi-body.fi-panel-business .ksh-otc__bar i { transition: none; }
    .fi-body.fi-panel-business .ksh-sw { transition: none; }
}

.fi-body.fi-panel-business .kgal-scrim {
    position: fixed;
    inset: 0;
    z-index: 50;
    background-color: color-mix(in srgb, var(--label) 40%, transparent);
}

.fi-body.fi-panel-business .kgal-scrim--over {
    z-index: 60;
    background-color: color-mix(in srgb, var(--label) 25%, transparent);
}

.fi-body.fi-panel-business .kgal {
    position: fixed;
    inset-block: var(--s8);
    inset-inline: 0;
    z-index: 51;
    display: flex;
    flex-direction: column;
    width: min(980px, calc(100vw - var(--s8)));
    max-height: calc(100vh - 2 * var(--s8));
    margin: auto;
    height: fit-content;
    background-color: var(--bg-grouped-secondary);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-float);
    color: var(--label);
}

.fi-body.fi-panel-business .kgal--cover { width: min(1240px, calc(100vw - var(--s8))); }

.fi-body.fi-panel-business .kgal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--s4);
    padding: var(--s6) var(--s7) 0;
}

.fi-body.fi-panel-business .kgal__title {
    margin: 0;
    font-size: var(--fs-title-3);
    font-weight: var(--fw-bold);
    line-height: 1.25;
}

.fi-body.fi-panel-business .kgal__sub {
    margin: 2px 0 0;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kgal__sub strong { color: var(--label); }

.fi-body.fi-panel-business .kgal__x {
    display: grid;
    flex: none;
    place-items: center;
    width: var(--s9);
    height: var(--s9);
    margin: calc(-1 * var(--s2)) calc(-1 * var(--s3)) 0 0;
    border: 0;
    border-radius: var(--r-full);
    background: transparent;
    color: var(--label);
    cursor: pointer;
}

.fi-body.fi-panel-business .kgal__x:hover { background-color: var(--fill-tertiary); }

.fi-body.fi-panel-business .kgal__icon {
    width: 20px;
    height: 20px;
}

.fi-body.fi-panel-business .kgal__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: var(--s5) var(--s7);
}

.fi-body.fi-panel-business .kgal__split { display: block; }

.fi-body.fi-panel-business .kgal--cover .kgal__split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: var(--s7);
    align-items: start;
}

.fi-body.fi-panel-business .kgal__foot {
    display: flex;
    align-items: center;
    gap: var(--s3);
    padding: var(--s4) var(--s7) var(--s6);
    border-top: 1px solid var(--separator);
}

.fi-body.fi-panel-business .kgal__sp { flex: 1; }

.fi-body.fi-panel-business .kgal-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--s5) var(--s4);
}

.fi-body.fi-panel-business .kgal-grid--cover { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.fi-body.fi-panel-business .kgal-cell { min-width: 0; }

.fi-body.fi-panel-business .kgal-tile {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kgal-grid--cover .kgal-tile {
    aspect-ratio: 16 / 9;
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .kgal-tile img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.fi-body.fi-panel-business .kgal-grid--cover .kgal-tile img { object-fit: cover; }

.fi-body.fi-panel-business .kgal-tile--cur {
    border-color: transparent;
    box-shadow: 0 0 0 3px var(--accent);
}

.fi-body.fi-panel-business .kgal-tile--sel {
    border-color: transparent;
    box-shadow: 0 0 0 3px var(--label);
}

.fi-body.fi-panel-business .kgal-hit {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.fi-body.fi-panel-business .kgal-hit:focus-visible { outline: 3px solid var(--accent); outline-offset: -3px; }

.fi-body.fi-panel-business .kgal-hit__label {
    display: none;
    min-height: 36px;
    align-items: center;
    padding: 0 var(--s5);
    border-radius: var(--r-full);
    background-color: var(--accent);
    color: var(--on-accent);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kgal-hit--use:hover,
.fi-body.fi-panel-business .kgal-hit--use:focus-visible { background-color: color-mix(in srgb, var(--label) 45%, transparent); }

.fi-body.fi-panel-business .kgal-hit--use:hover .kgal-hit__label,
.fi-body.fi-panel-business .kgal-hit--use:focus-visible .kgal-hit__label { display: inline-flex; }

.fi-body.fi-panel-business .kgal-badge,
.fi-body.fi-panel-business .kgal-lock {
    position: absolute;
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 var(--s3);
    border-radius: var(--r-full);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
    white-space: nowrap;
    pointer-events: none;
}

.fi-body.fi-panel-business .kgal-badge {
    inset: var(--s3) auto auto var(--s3);
    background-color: var(--accent);
    color: var(--on-accent);
}

.fi-body.fi-panel-business .kgal-badge--dark {
    background-color: var(--label);
    color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kgal-grid--cover .kgal-badge { inset: auto auto var(--s3) var(--s3); }

.fi-body.fi-panel-business .kgal-lock {
    inset: auto var(--s3) var(--s3) auto;
    background-color: var(--bg-grouped-secondary);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .kgal-trash {
    position: absolute;
    inset: var(--s3) var(--s3) auto auto;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: var(--r-full);
    background-color: var(--bg-grouped-secondary);
    color: var(--danger-ink);
    box-shadow: var(--shadow-card);
    cursor: pointer;
    opacity: 0;
}

.fi-body.fi-panel-business .kgal-tile:hover .kgal-trash,
.fi-body.fi-panel-business .kgal-trash:focus-visible { opacity: 1; }

@media (hover: none) {
    .fi-body.fi-panel-business .kgal-trash { opacity: 1; }
}

.fi-body.fi-panel-business .kgal-meta {
    margin: 6px 0 0;
    overflow: hidden;
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fi-body.fi-panel-business .kgal-up {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--s2);
    width: 100%;
    aspect-ratio: 1;
    padding: var(--s2);
    border: 1.5px dashed color-mix(in srgb, var(--accent) 60%, transparent);
    border-radius: var(--r-sm);
    background-color: color-mix(in srgb, var(--accent) 5%, transparent);
    color: var(--accent-ink);
    font: inherit;
    font-size: var(--fs-footnote);
    font-weight: var(--fw-bold);
    text-align: center;
    cursor: pointer;
}

.fi-body.fi-panel-business .kgal-grid--cover .kgal-up {
    aspect-ratio: 16 / 9;
    border-radius: var(--r-xs);
}

.fi-body.fi-panel-business .kgal-up:hover { background-color: var(--accent-fill-subtle); }

.fi-body.fi-panel-business .kgal-up__plus {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: var(--r-full);
    background-color: var(--accent);
    color: var(--on-accent);
}

.fi-body.fi-panel-business .kgal-note {
    margin: var(--s5) 0 0;
    padding: var(--s4) var(--s5);
    border-radius: var(--r-sm);
    background-color: var(--fill-quaternary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: 1.5;
}

.fi-body.fi-panel-business .kgal-side {
    padding: var(--s5);
    border-radius: var(--r-md);
    background-color: var(--bg-grouped);
}

.fi-body.fi-panel-business .kgal-side__label {
    margin: 0 0 var(--s3);
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    font-weight: var(--fw-bold);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.fi-body.fi-panel-business .kgal-sh {
    overflow: hidden;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-md);
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kgal-sh__cover {
    position: relative;
    aspect-ratio: 16 / 9;
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kgal-sh__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fi-body.fi-panel-business .kgal-sh__logo {
    position: absolute;
    inset: auto auto var(--s6) 0;
    display: grid;
    place-items: center;
    width: 27%;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 0 var(--r-md) var(--r-md) 0;
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-card);
}

.fi-body.fi-panel-business .kgal-sh__logo img {
    width: 92%;
    height: 92%;
    object-fit: contain;
}

.fi-body.fi-panel-business .kgal-sh__card {
    padding: var(--s4) var(--s4) var(--s4);
    font-size: var(--fs-subhead);
}

.fi-body.fi-panel-business .kgal-facts {
    margin-top: var(--s4);
    padding: var(--s3) var(--s4);
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kgal-facts p { margin: 0; padding: var(--s2) 0; }
.fi-body.fi-panel-business .kgal-facts p + p { border-top: 1px solid var(--separator); }

.fi-body.fi-panel-business .kgal-callout {
    margin: var(--s4) 0 0;
    padding: var(--s4) var(--s5);
    border-radius: var(--r-sm);
    background-color: var(--fill-quaternary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: 1.5;
}

.fi-body.fi-panel-business .kgal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: var(--s9);
    padding: 0 var(--s6);
    border: 0;
    border-radius: var(--r-full);
    font: inherit;
    font-size: var(--fs-subhead);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
    cursor: pointer;
}

.fi-body.fi-panel-business .kgal-btn--primary { background-color: var(--accent); color: var(--on-accent); }
.fi-body.fi-panel-business .kgal-btn--secondary { background-color: var(--fill-tertiary); color: var(--label); }
.fi-body.fi-panel-business .kgal-btn--danger { background-color: var(--danger-solid); color: var(--on-accent); }
.fi-body.fi-panel-business .kgal-btn--plain-danger { padding: 0 var(--s3); background: transparent; color: var(--danger-ink); }

.fi-body.fi-panel-business .kgal-btn:disabled {
    background-color: var(--fill-tertiary);
    color: var(--label-tertiary);
    cursor: not-allowed;
}

.fi-body.fi-panel-business .kgal-btn:focus-visible,
.fi-body.fi-panel-business .kgal-up:focus-visible,
.fi-body.fi-panel-business .kgal-trash:focus-visible,
.fi-body.fi-panel-business .kgal__x:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }

.fi-body.fi-panel-business .kgal-banner {
    display: flex;
    align-items: center;
    gap: var(--s5);
    margin-bottom: var(--s5);
    padding: var(--s4) var(--s5);
    border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
    border-radius: var(--r-sm);
    background-color: color-mix(in srgb, var(--accent) 8%, transparent);
    font-size: var(--fs-footnote);
    line-height: 1.45;
}

.fi-body.fi-panel-business .kgal-banner--pick {
    border-color: var(--separator-opaque);
    background-color: var(--fill-quaternary);
}

.fi-body.fi-panel-business .kgal-banner__t {
    flex: none;
    width: 128px;
    border-radius: var(--r-xs);
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.fi-body.fi-panel-business .kgal-banner__t--logo {
    width: 72px;
    aspect-ratio: 1;
    object-fit: contain;
    background-color: var(--bg-grouped-secondary);
}

.fi-body.fi-panel-business .kgal-banner__tx { flex: 1; min-width: 0; }
.fi-body.fi-panel-business .kgal-banner__tx strong { display: block; }
.fi-body.fi-panel-business .kgal-banner__tx p { margin: 0; }
.fi-body.fi-panel-business .kgal-banner__tx small { display: block; color: var(--label-secondary); }

.fi-body.fi-panel-business .kgal-btn--sm {
    min-height: 36px;
    padding: 0 var(--s5);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kgal-up:disabled {
    border-color: var(--separator-opaque);
    background-color: transparent;
    color: var(--label-tertiary);
    cursor: not-allowed;
}

.fi-body.fi-panel-business .kgal-up:disabled .kgal-up__plus { background-color: var(--fill-tertiary); color: var(--label-tertiary); }

.fi-body.fi-panel-business .kgal-tile--pick {
    border-color: transparent;
    box-shadow: 0 0 0 3px var(--danger-solid);
}

.fi-body.fi-panel-business .kgal-tile--dim img { opacity: 0.45; }

.fi-body.fi-panel-business .kgal-badge--danger {
    background-color: var(--danger-solid);
    color: var(--on-accent);
}

.fi-body.fi-panel-business .kgal__hint {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kgal-confirm {
    position: fixed;
    inset: 0;
    z-index: 61;
    width: min(440px, calc(100vw - var(--s8)));
    height: fit-content;
    margin: auto;
    padding: var(--s7);
    border-radius: var(--r-card);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-float);
    text-align: center;
}

.fi-body.fi-panel-business .kgal-confirm__ic {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0 auto var(--s4);
    border-radius: var(--r-full);
    background-color: color-mix(in srgb, var(--danger-solid) 10%, transparent);
    color: var(--danger-solid);
}

.fi-body.fi-panel-business .kgal-confirm h3 {
    margin: 0;
    font-size: 18px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kgal-confirm p {
    margin: var(--s3) 0 0;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: 1.5;
}

.fi-body.fi-panel-business .kgal-confirm__th {
    display: block;
    width: 140px;
    margin: var(--s4) auto 0;
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-xs);
    object-fit: contain;
}

.fi-body.fi-panel-business .kgal-confirm__th--cover { aspect-ratio: 16 / 9; object-fit: cover; }
.fi-body.fi-panel-business .kgal-confirm__th--logo { aspect-ratio: 1; }

.fi-body.fi-panel-business .kgal-confirm__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--s3);
    margin-top: var(--s6);
}

@media (max-width: 900px) {
    .fi-body.fi-panel-business .kgal--cover .kgal__split { grid-template-columns: minmax(0, 1fr); }
    .fi-body.fi-panel-business .kgal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .fi-body.fi-panel-business .kgal-grid--cover { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.fi-body.fi-panel-business .kdm-split {
    display: flex;
    gap: var(--s6);
    align-items: stretch;
    min-height: 560px;
}

.fi-body.fi-panel-business .kdm-map {
    position: relative;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--separator);
    border-radius: var(--r-md);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kdm-map__canvas { position: absolute; inset: 0; }

.fi-body.fi-panel-business .kdm-map__fail {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: var(--s3);
    padding: 0 var(--s8);
    color: var(--label-secondary);
    text-align: center;
}

.fi-body.fi-panel-business .kdm-map__fail b { color: var(--label); font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kdm-map__attr {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1px var(--s3);
    background-color: color-mix(in srgb, var(--bg-grouped-secondary) 82%, transparent);
    color: var(--label-secondary);
    font-size: 10px;
}

.fi-body.fi-panel-business .kdm-map__btns {
    position: absolute;
    top: var(--s5);
    right: var(--s5);
    display: grid;
    gap: var(--s3);
}

.fi-body.fi-panel-business .kdm-map__btn {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: var(--r-sm);
    background-color: var(--bg-grouped-secondary);
    box-shadow: var(--shadow-float);
    color: var(--label);
    font-size: 18px;
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.fi-body.fi-panel-business .kdm-list {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: var(--s5);
    width: 340px;
    min-width: 0;
}

.fi-body.fi-panel-business .kdm-list > .ka-card { margin-top: 0; }

.fi-body.fi-panel-business .kdm-row {
    display: flex;
    align-items: center;
    gap: var(--s5);
    padding: var(--s5) var(--s6);
}

.fi-body.fi-panel-business .kdm-row + .kdm-row { border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kdm-row:not(.kdm-row--static) { cursor: pointer; }
.fi-body.fi-panel-business .kdm-row:not(.kdm-row--static):hover { background-color: var(--fill-tertiary); }

.fi-body.fi-panel-business .kdm-row__t {
    flex: 1;
    min-width: 0;
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kdm-row__t small {
    display: block;
    margin-top: 1px;
    color: var(--label-secondary);
    font-weight: var(--fw-regular);
}

.fi-body.fi-panel-business .kdm-row__v {
    color: var(--label);
    font-variant-numeric: tabular-nums;
    font-weight: var(--fw-bold);
    white-space: nowrap;
}

.fi-body.fi-panel-business .kdm-chev { color: var(--label-tertiary); font-size: 18px; }
.fi-body.fi-panel-business .kdm-ref { font-weight: var(--fw-bold); }
.fi-body.fi-panel-business a.kdm-ref { color: var(--accent-ink); }

.fi-body.fi-panel-business .kdm-glabel {
    margin: var(--s3) var(--s2) calc(-1 * var(--s2));
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-bold);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.fi-body.fi-panel-business .kdm-note {
    margin: 0;
    padding: var(--s5) var(--s6);
    border-radius: var(--r-sm);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kdm-seq {
    display: grid;
    flex: none;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: var(--r-full);
    background-color: var(--label);
    color: var(--bg-grouped-secondary);
    font-size: 12px;
    font-weight: var(--fw-bold);
}

.fi-body.fi-panel-business .kdm-dot,
.fi-body.fi-panel-business .kdm-pin {
    display: grid;
    place-items: center;
    min-width: 26px;
    height: 26px;
    padding: 0 var(--s2);
    border: 3px solid var(--on-media);
    border-radius: var(--r-full);
    box-shadow: var(--shadow-float);
    color: var(--on-media);
    font-size: 10px;
    font-weight: var(--fw-bold);
    cursor: pointer;
}

.fi-body.fi-panel-business .kdm-dot { width: 34px; height: 34px; font-size: 12px; }
.fi-body.fi-panel-business .kdm-dot--0 { background-color: var(--info-solid); }
.fi-body.fi-panel-business .kdm-dot--1 { background-color: var(--ok-solid); }
.fi-body.fi-panel-business .kdm-dot--2 { background-color: var(--warn-solid); }
.fi-body.fi-panel-business .kdm-dot--3 { background-color: var(--neutral-solid); }
.fi-body.fi-panel-business .kdm-pin--shop { background-color: var(--accent); }
.fi-body.fi-panel-business .kdm-pin--pickup { background-color: var(--accent-shade); }
.fi-body.fi-panel-business .kdm-pin--drop { background-color: var(--label); }
.fi-body.fi-panel-business .kdm-pin--waiting { background-color: var(--neutral-solid); padding: 0 var(--s3); }

@media (max-width: 1023px) {
    .fi-body.fi-panel-business .kdm-split { flex-direction: column; }
    .fi-body.fi-panel-business .kdm-map { min-height: 360px; }
    .fi-body.fi-panel-business .kdm-list { width: auto; }
}

.fi-body.fi-panel-business .ksh-pin {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    min-width: 0;
}

.fi-body.fi-panel-business .ksh-pin__status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksh-pin__help,
.fi-body.fi-panel-business .ksh-pin__warning {
    margin: 0;
}

.fi-body.fi-panel-business .ksh-pin__warning { color: var(--label-secondary); }

.fi-body.fi-panel-business .ksh-pin__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2);
}

.fi-body.fi-panel-business .ksh-pin__search {
    flex: 1 1 240px;
    min-width: 0;
}

.fi-body.fi-panel-business .ksh-pin__map {
    position: relative;
    overflow: hidden;
    height: 280px;
    border: 1px solid var(--separator);
    border-radius: var(--r-sm);
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .ksh-pin__canvas {
    position: absolute;
    inset: 0;
}

.fi-body.fi-panel-business .ksh-pin__mark {
    border: 0;
    background: transparent;
}

.fi-body.fi-panel-business .ksh-pin__note {
    margin: 0;
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ksh-pin__foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksh-pin__error {
    margin: 0;
    color: var(--danger-ink);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}
.fi-body.fi-panel-business .kst-when {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
    margin-bottom: var(--s5);
}

.fi-body.fi-panel-business .kst-when .kib-seg { margin-bottom: 0; }

.fi-body.fi-panel-business .kst-when__time {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    max-width: 180px;
}

.fi-body.fi-panel-business .kib-seg .fi-tabs-item[disabled] {
    opacity: 0.45;
    cursor: not-allowed;
}

.fi-body.fi-panel-business .kst-later {
    display: block;
    color: var(--label-tertiary);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kst-later .kst-icon {
    display: inline-block;
    width: 0.95em;
    height: 0.95em;
    vertical-align: -0.12em;
}

.fi-body.fi-panel-business .kst-corrected {
    cursor: help;
    text-decoration: underline dotted;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
.fi-body.fi-panel-business .kst { display: flex; flex-direction: column; gap: var(--kb-row-gap); }

.fi-body.fi-panel-business .kst-sect { margin: 0 0 var(--s3); font-size: var(--fs-subhead); font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kst-ideas { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: var(--s4); }

.fi-body.fi-panel-business .kst-idea {
    display: flex;
    align-items: center;
    gap: var(--s3);
    padding: var(--s4) var(--s5);
    border-radius: var(--r-md);
    border: 1px solid var(--separator);
    background: var(--bg-grouped-secondary);
    color: var(--label);
    font-size: var(--fs-subhead);
    line-height: 1.35;
    text-decoration: none;
}

.fi-body.fi-panel-business .kst-idea b { flex: 1; font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kst-idea__go { color: var(--accent-ink); font-weight: var(--fw-bold); }

.fi-body.fi-panel-business .kst-tools { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); }

.fi-body.fi-panel-business .kst-tools .kas-seg { margin-bottom: 0; flex-wrap: nowrap; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }

.fi-body.fi-panel-business .kst-tools .kas-seg::-webkit-scrollbar { display: none; }

.fi-body.fi-panel-business .kst-tools .kas-seg button { flex: none; white-space: nowrap; }

.fi-body.fi-panel-business .kst-ct { color: var(--label-tertiary); font-size: var(--fs-caption-1); font-weight: var(--fw-bold); }

.fi-body.fi-panel-business .kst-search {
    min-width: 14rem;
    height: 38px;
    padding: 0 var(--s4);
    border-radius: var(--r-md);
    border: 0;
    background: var(--fill-tertiary);
    color: var(--label);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .kst-row { position: relative; }

.fi-body.fi-panel-business .kst-row:hover td { background-color: var(--fill-tertiary); }

.fi-body.fi-panel-business .kst-ad { display: flex; align-items: center; gap: var(--s3); }

.fi-body.fi-panel-business .kst-thumb {
    flex: none;
    width: 40px;
    height: 50px;
    overflow: hidden;
    border-radius: var(--r-sm);
    background: var(--fill-tertiary);
}

.fi-body.fi-panel-business .kst-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }

.fi-body.fi-panel-business .kst-ad__t { display: flex; flex-direction: column; min-width: 0; }

.fi-body.fi-panel-business .kst-link { color: var(--label); font-weight: var(--fw-semibold); text-decoration: none; }

.fi-body.fi-panel-business .kst-link::after { content: ''; position: absolute; inset: 0; }

.fi-body.fi-panel-business .kst-ad__sub { color: var(--label-tertiary); font-size: var(--fs-caption-1); }

.fi-body.fi-panel-business .kst-lives { display: flex; flex-direction: column; gap: 3px; }

.fi-body.fi-panel-business .kst-life { display: flex; align-items: center; gap: 6px; }

.fi-body.fi-panel-business .kst-life.is-off { color: var(--label-tertiary); }

.fi-body.fi-panel-business .kst-dot { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--success-ink, var(--accent)); }

.fi-body.fi-panel-business .kst-dot--shared { background: var(--info-ink, var(--accent)); }

.fi-body.fi-panel-business .kst-dot--off { background: var(--label-tertiary); opacity: 0.6; }

.fi-body.fi-panel-business .kst-more { display: flex; justify-content: center; padding: var(--s4); }

.fi-body.fi-panel-business .kstn-kinds { display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: var(--s4); }

.fi-body.fi-panel-business .kstn-kind {
    display: flex; flex-direction: column; align-items: flex-start; gap: var(--s2); padding: var(--s4); text-align: start;
    background: var(--surface, transparent); border: 1px solid var(--separator); border-radius: var(--r-lg, 14px); color: var(--label); cursor: pointer;
}

.fi-body.fi-panel-business .kstn-kind:hover:not(.is-off) { border-color: var(--accent); }

.fi-body.fi-panel-business .kstn-kind.is-off { border-style: dashed; color: var(--label-tertiary); cursor: default; }

.fi-body.fi-panel-business .kstn-kind__d { color: var(--label-secondary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kstn-tag {
    margin-top: auto; padding: 2px var(--s3); border-radius: 999px; background: var(--fill-tertiary); color: var(--label-secondary);
    font-size: var(--fs-caption-1); font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .kstn-tag--free { background: var(--success-bg, var(--fill-tertiary)); color: var(--success-ink, var(--label-secondary)); }

.fi-body.fi-panel-business .kstn-more { margin: var(--s4) 0 0; }

.fi-body.fi-panel-business .kstn-sources { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: var(--s3); margin-top: var(--s3); }

.fi-body.fi-panel-business .kstn-source {
    display: flex; align-items: center; gap: var(--s3); padding: var(--s3) var(--s4); text-align: start;
    border: 1px solid var(--separator); border-radius: var(--r-md, 10px); background: transparent; color: var(--label); cursor: pointer;
}

.fi-body.fi-panel-business .kstn-source:hover { border-color: var(--accent); }

.fi-body.fi-panel-business .kstn-source .kst-ad__t { flex: 1; }

.fi-body.fi-panel-business .kstn-art { display: block; width: 100%; }

.fi-body.fi-panel-business .kstn-art svg { display: block; width: 100%; height: auto; border-radius: var(--r-md, 10px); }

.fi-body.fi-panel-business .kstn-kind.is-off .kstn-art { opacity: 0.55; filter: grayscale(0.6); }

.fi-body.fi-panel-business .kstn-look { display: grid; grid-template-columns: minmax(16rem, 22rem) 1fr; gap: var(--s6, 24px); align-items: start; }

@media (max-width: 900px) { .fi-body.fi-panel-business .kstn-look { grid-template-columns: 1fr; } }

.fi-body.fi-panel-business .kstn-look__left, .fi-body.fi-panel-business .kstn-look__right { display: flex; flex-direction: column; gap: var(--s3); min-width: 0; }

.fi-body.fi-panel-business .kstn-pv__box { position: relative; width: 100%; aspect-ratio: 9 / 16; overflow: hidden; border-radius: var(--r-lg, 14px); background: var(--fill-tertiary); }

.fi-body.fi-panel-business .kstn-pv__still { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.fi-body.fi-panel-business .kstn-scale, .fi-body.fi-panel-business .kstn-pv .ksad-scale, .fi-body.fi-panel-business .kstn-look-card__art .ksad-scale { position: absolute; inset-inline-start: 0; top: 0; transform-origin: 0 0; }

.fi-body.fi-panel-business .kstn-pv iframe, .fi-body.fi-panel-business .kstn-look-card__art iframe { display: block; width: 100%; height: 100%; border: 0; pointer-events: none; background: transparent; }

.fi-body.fi-panel-business .kstn-cap { margin: var(--s2) 0 0; color: var(--label-tertiary); font-size: var(--fs-caption-1); font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: 0.04em; }

.fi-body.fi-panel-business .kstn-look__name { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); margin: 0; }

.fi-body.fi-panel-business .kstn-tags { display: flex; flex-wrap: wrap; gap: var(--s2); }

.fi-body.fi-panel-business .kstn-tag--ai { background: var(--info-bg, var(--fill-tertiary)); color: var(--info-ink, var(--label-secondary)); }

.fi-body.fi-panel-business .kstn-linebox { display: flex; flex-direction: column; gap: var(--s2); padding: var(--s3) var(--s4); border: 1px solid var(--separator); border-radius: var(--r-md, 10px); }

.fi-body.fi-panel-business .kstn-link { align-self: flex-start; padding: 0; border: 0; background: none; color: var(--accent-ink); font-weight: var(--fw-semibold); cursor: pointer; }

.fi-body.fi-panel-business .kstn-looks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s3); }

@media (max-width: 1200px) { .fi-body.fi-panel-business .kstn-looks { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.fi-body.fi-panel-business .kstn-look-card {
    position: relative; display: flex; flex-direction: column; gap: var(--s2); padding: var(--s2); text-align: start;
    border: 1px solid var(--separator); border-radius: var(--r-lg, 14px); background: transparent; color: var(--label); cursor: pointer;
}

.fi-body.fi-panel-business .kstn-look-card:hover, .fi-body.fi-panel-business .kstn-look-card.is-on { border-color: var(--accent); }

.fi-body.fi-panel-business .kstn-look-card__art { position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--r-md, 10px); background: var(--fill-tertiary); }

.fi-body.fi-panel-business .kstn-tick { position: absolute; top: var(--s3); inset-inline-end: var(--s3); display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--accent); color: #fff; font-size: 13px; }

.fi-body.fi-panel-business .kstn-block { display: flex; flex-direction: column; gap: var(--s3); padding: var(--s4); border: 1px solid var(--separator); border-radius: var(--r-lg, 14px); }

.fi-body.fi-panel-business .kstn-block .kas-switch { margin: 0; }

.fi-body.fi-panel-business .kstn-voice { display: flex; align-items: center; gap: var(--s3); padding: var(--s3) 0; }

.fi-body.fi-panel-business .kstn-voice .kst-ad__t { flex: 1; }

.fi-body.fi-panel-business .kstn-avatar { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--accent); color: #fff; font-weight: var(--fw-bold); }

.fi-body.fi-panel-business .kstn-samplebtn { padding: var(--s2) var(--s4); border: 0; border-radius: 999px; background: var(--fill-tertiary); color: var(--accent-ink); font-weight: var(--fw-semibold); cursor: pointer; }

.fi-body.fi-panel-business .kstn-script { width: 100%; padding: var(--s3) var(--s4); border: 1px solid var(--separator); border-radius: var(--r-md, 10px); background: var(--fill-tertiary); color: var(--label); font-size: var(--fs-subhead); resize: vertical; }

.fi-body.fi-panel-business .kstn-script__foot { display: flex; justify-content: space-between; gap: var(--s3); flex-wrap: wrap; }

.fi-body.fi-panel-business .kstn-error { margin: 0; color: var(--danger-ink, #b42318); font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kstn-actions { display: flex; gap: var(--s3); margin: var(--s5) 0 0; }

.fi-body.fi-panel-business .ka-card.kstn-card--stickyfoot { overflow: clip; } 
.fi-body.fi-panel-business .ka-card.kstn-card--stickyfoot > .ka-card__ft { position: sticky; bottom: 0; z-index: 5; background: var(--bg-elevated, var(--bg)); border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .kstn-actions--foot { position: sticky; bottom: 0; z-index: 5; padding: var(--s3) 0; background: var(--bg-elevated, var(--bg)); border-top: 1px solid var(--separator); }
.fi-body.fi-panel-business .ka-card:has(.kstn-actions--foot) { overflow: clip; } 

.fi-body.fi-panel-business .kstn-lines { display: flex; flex-direction: column; gap: var(--s2); }

.fi-body.fi-panel-business .kstn-linerow { display: flex; align-items: center; gap: var(--s3); padding: var(--s3) var(--s4); text-align: start; border: 1px solid var(--separator); border-radius: var(--r-md, 10px); background: transparent; color: var(--label); cursor: pointer; }

.fi-body.fi-panel-business .kstn-linerow.is-on { border-color: var(--accent); }

.fi-body.fi-panel-business .kstn-radio { flex: none; width: 16px; height: 16px; border: 2px solid var(--separator); border-radius: 50%; }

.fi-body.fi-panel-business .kstn-linerow.is-on .kstn-radio { border-color: var(--accent); background: var(--accent); box-shadow: inset 0 0 0 3px var(--bg-grouped-secondary, #fff); }

.fi-body.fi-panel-business .kstn-own { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); margin-top: var(--s5); }

.fi-body.fi-panel-business .kstn-where { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem); gap: var(--s5, 20px); align-items: start; }

@media (max-width: 1000px) { .fi-body.fi-panel-business .kstn-where { grid-template-columns: 1fr; } }

.fi-body.fi-panel-business .kstn-opt { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s4); padding: var(--s4) 0; border-top: 1px solid var(--separator); }

.fi-body.fi-panel-business .kstn-opt__t { display: flex; flex-direction: column; gap: var(--s2); min-width: 0; flex: 1; }

.fi-body.fi-panel-business .kstn-opt__t small { color: var(--label-secondary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kstn-shapes { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s2); }

.fi-body.fi-panel-business .kstn-shape { display: inline-flex; align-items: center; gap: var(--s3); padding: var(--s3) var(--s4); border: 1px solid var(--separator); border-radius: var(--r-md, 10px); background: transparent; color: var(--label); font-size: var(--fs-footnote); text-align: start; cursor: pointer; }

.fi-body.fi-panel-business .kstn-shape.is-on { border-color: var(--accent); background: var(--fill-tertiary); }

.fi-body.fi-panel-business .kstn-shape:disabled { opacity: 0.55; cursor: default; }

.fi-body.fi-panel-business .kstn-shape em { color: var(--label-secondary); font-style: normal; font-weight: var(--fw-semibold); }

.fi-body.fi-panel-business .kstn-shape__size { display: block; color: var(--label-tertiary); }

.fi-body.fi-panel-business .kstn-shape__box { flex: none; display: block; border: 2px solid currentColor; border-radius: 3px; }

.fi-body.fi-panel-business .kstn-shape__box--tall { width: 9px; height: 16px; }
.fi-body.fi-panel-business .kstn-shape__box--post { width: 12px; height: 15px; }
.fi-body.fi-panel-business .kstn-shape__box--square { width: 14px; height: 14px; }
.fi-body.fi-panel-business .kstn-shape__box--wide { width: 20px; height: 11px; }

.fi-body.fi-panel-business .kstn-linkbox { display: flex; align-items: center; gap: var(--s3); padding: var(--s2) var(--s3); border-radius: var(--r-md, 10px); background: var(--fill-tertiary); }

.fi-body.fi-panel-business .kstn-linkbox input { flex: 1; min-width: 0; border: 0; background: transparent; color: var(--label); font-family: ui-monospace, monospace; font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kstn-phone { display: flex; gap: var(--s3); align-items: baseline; margin: 0; padding: var(--s4); border-radius: var(--r-md, 10px); background: var(--fill-tertiary); color: var(--label-secondary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kstn-ok { color: var(--success-ink, var(--label)); }
.fi-body.fi-panel-business .kstn-acc { color: var(--accent-ink); }

.fi-body.fi-panel-business .kstn-summary__pv { width: 9rem; margin: 0 auto var(--s4); }

.fi-body.fi-panel-business .kstn-sum__lead { margin: 0 0 var(--s2); }

.fi-body.fi-panel-business .kstn-sum__r { display: flex; justify-content: space-between; gap: var(--s3); padding: var(--s2) 0; border-bottom: 1px solid var(--separator); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kstn-sum__r--tot { border-bottom: 0; font-size: var(--fs-subhead); }

.fi-body.fi-panel-business .kstn-sum__r small { color: var(--label-tertiary); font-weight: var(--fw-regular, 400); }

.fi-body.fi-panel-business .kstn-pick { display: flex; flex-direction: column; gap: var(--s2); }

.fi-body.fi-panel-business .kstn-pickrow { display: flex; align-items: center; gap: var(--s3); padding: var(--s3) var(--s4); border: 1px solid var(--separator); border-radius: var(--r-md, 10px); cursor: pointer; }

.fi-body.fi-panel-business .kstn-pickrow__n { flex: 1; }

.fi-body.fi-panel-business .ksta-shapes { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: var(--s4); margin-top: var(--s4); }

.fi-body.fi-panel-business .ksta-shape { display: flex; flex-direction: column; gap: var(--s2); padding: var(--s3); border: 1px solid var(--separator); border-radius: var(--r-md, 10px); }

.fi-body.fi-panel-business .ksta-thumb { display: flex; align-items: center; justify-content: center; aspect-ratio: 9 / 16; max-height: 14rem; overflow: hidden; border-radius: var(--r-sm, 8px); background: var(--fill-tertiary); }

.fi-body.fi-panel-business .ksta-thumb img { width: 100%; height: 100%; object-fit: contain; }

.fi-body.fi-panel-business .ksta-shape__acts { display: flex; flex-wrap: wrap; gap: var(--s2); align-items: center; }

.fi-body.fi-panel-business .ksta-making { display: inline-flex; align-items: center; gap: var(--s2); color: var(--label-secondary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .ksta-lives { display: flex; flex-direction: column; gap: var(--s3); margin: 0; padding: 0; list-style: none; }

.fi-body.fi-panel-business .ksta-live { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); }

.fi-body.fi-panel-business .ksta-madeby { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); }

.fi-body.fi-panel-business .ksta-madeby small { color: var(--label-secondary); }

.fi-body.fi-panel-business .ksta-note { margin: var(--s4) 0 0; color: var(--label-secondary); font-size: var(--fs-footnote); }

.fi-body.fi-panel-business .kstn-editprice { margin-top: var(--s4); }

.fi-body.fi-panel-business .kstn-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr)); gap: var(--s3); }
.fi-body.fi-panel-business .kstn-person { display: flex; flex-direction: column; gap: var(--s2); padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: start; cursor: pointer; }
.fi-body.fi-panel-business .kstn-person__img { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; border: 2px solid transparent; border-radius: var(--r-md, 12px); background: var(--fill-tertiary); }
.fi-body.fi-panel-business .kstn-person__img img { display: block; width: 100%; height: 100%; object-fit: contain; }
.fi-body.fi-panel-business .kstn-person.is-on .kstn-person__img, .fi-body.fi-panel-business .kstn-person:hover .kstn-person__img { border-color: var(--accent); }
.fi-body.fi-panel-business .kstn-person__badge { position: absolute; inset-inline-start: var(--s2); bottom: var(--s2); padding: 2px var(--s2); border-radius: 999px; background: rgba(255, 255, 255, .9); color: #1d1d1f; font-size: var(--fs-sm, 12px); }
.fi-body.fi-panel-business .kstn-person__name { font-weight: var(--fw-medium, 500); }

@media (max-width: 640px) {
    .fi-body.fi-panel-business .kst .ka-card__hd { flex-wrap: wrap; }
    .fi-body.fi-panel-business .kst .ka-card__act { flex: 1 1 100%; min-width: 0; justify-content: flex-start; }
    .fi-body.fi-panel-business .kst .kst-tools { width: 100%; }
    .fi-body.fi-panel-business .kst .kst-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
.fi-body.fi-panel-business .ksup {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    max-width: 44rem;
}

.fi-body.fi-panel-business .ksup-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksup-tabs {
    display: flex;
    gap: var(--s2);
}

.fi-body.fi-panel-business .ksup-tab {
    padding: var(--s2) var(--s4);
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.fi-body.fi-panel-business .ksup-tab--on {
    background-color: var(--accent);
    color: var(--on-accent);
}

.fi-body.fi-panel-business .ksup-promise {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .ksup-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s4);
    width: 100%;
    padding: var(--s4) var(--s5);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-md);
    background-color: var(--bg-grouped-secondary);
    text-align: left;
    cursor: pointer;
}

.fi-body.fi-panel-business .ksup-row:focus-visible,
.fi-body.fi-panel-business .ksup-btn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.fi-body.fi-panel-business .ksup-row__title {
    color: var(--label);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksup-row__sub,
.fi-body.fi-panel-business .ksup-row__when {
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .ksup-turn {
    color: var(--accent-ink);
    font-size: var(--fs-footnote);
    font-weight: var(--fw-semibold);
}

.fi-body.fi-panel-business .ksup-turn--mine {
    color: var(--warn-ink);
}

.fi-body.fi-panel-business .ksup-dot {
    width: 0.6rem;
    height: 0.6rem;
    flex: none;
    border-radius: var(--r-full);
    background-color: var(--accent);
}

.fi-body.fi-panel-business .ksup-agent {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
}

.fi-body.fi-panel-business .ksup-avatar {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: var(--r-full);
    object-fit: cover;
    background-color: var(--fill-tertiary);
}

.fi-body.fi-panel-business .ksup-thread {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksup-shared,
.fi-body.fi-panel-business .ksup-system {
    padding: var(--s3) var(--s4);
    border-radius: var(--r-md);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
}

.fi-body.fi-panel-business .ksup-msg {
    display: flex;
    flex-direction: column;
    gap: var(--s2);
    align-items: flex-start;
}

.fi-body.fi-panel-business .ksup-msg--mine {
    align-items: flex-end;
}

.fi-body.fi-panel-business .ksup-bubble {
    max-width: 85%;
    padding: var(--s3) var(--s4);
    border-radius: var(--r-md);
    background-color: var(--fill-tertiary);
    color: var(--label);
}

.fi-body.fi-panel-business .ksup-bubble__text {
    white-space: pre-wrap;
}

.fi-body.fi-panel-business .ksup-msg--mine .ksup-bubble {
    background-color: var(--accent);
    color: var(--on-accent);
}

.fi-body.fi-panel-business .ksup-who {
    color: var(--label-secondary);
    font-size: var(--fs-caption-1);
    line-height: var(--lh-caption-1);
}

.fi-body.fi-panel-business .ksup-composer,
.fi-body.fi-panel-business .ksup-form {
    display: flex;
    flex-direction: column;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ksup-input {
    width: 100%;
    padding: var(--s3) var(--s4);
    border: 1px solid var(--separator-opaque);
    border-radius: var(--r-md);
    background-color: var(--bg-grouped-secondary);
    color: var(--label);
}

.fi-body.fi-panel-business .ksup-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
}

.fi-body.fi-panel-business .ksup-chip {
    padding: var(--s2) var(--s4);
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label);
    font-size: var(--fs-footnote);
    cursor: pointer;
}

.fi-body.fi-panel-business .ksup-chip--on {
    background-color: var(--accent);
    color: var(--on-accent);
}

.fi-body.fi-panel-business .ksup-btn {
    align-self: flex-start;
    padding: var(--s3) var(--s5);
    border-radius: var(--r-full);
    background-color: var(--accent);
    color: var(--on-accent);
    font-weight: var(--fw-bold);
    cursor: pointer;
}

.fi-body.fi-panel-business .ksup-btn:disabled {
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
    cursor: default;
}

.fi-body.fi-panel-business .ksup-btn--quiet {
    background-color: var(--fill-tertiary);
    color: var(--label);
}

.fi-body.fi-panel-business .ksup-note {
    padding: var(--s3) var(--s4);
    border-radius: var(--r-md);
    background-color: var(--fill-tertiary);
    color: var(--label-secondary);
}

.fi-body.fi-panel-business .ksup-photo {
    display: block;
    max-width: 14rem;
    margin-top: var(--s2);
    border-radius: var(--r-sm);
}

.fi-body.fi-panel-business .ksup-attach {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--s2);
}

.fi-body.fi-panel-business .ksup-attached-tray {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s2);
}

.fi-body.fi-panel-business .ksup-attached {
    display: inline-flex;
    align-items: center;
    gap: var(--s2);
    padding: var(--s1) var(--s3);
    border-radius: var(--r-full);
    background-color: var(--fill-tertiary);
    color: var(--label);
    font-size: var(--fs-footnote);
}

.fi-body.fi-panel-business .ksup-attached__x {
    color: var(--label-secondary);
    cursor: pointer;
}

.fi-body.fi-panel-business .ksup-attached__x:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}
.fi-body.fi-panel-business .ktc-frame {
    min-height: 100vh;
}

.fi-body.fi-panel-business .ktc {
    display: flex;
    flex-direction: column;
    gap: var(--s4);
    max-width: 1100px;
    margin: 0 auto;
    padding: var(--s5) var(--s4);
}

.fi-body.fi-panel-business .ktc__back {
    color: var(--label-secondary);
    font-size: 13px;
    text-decoration: none;
}
.fi-body.fi-panel-business .ktc__back:hover { color: var(--accent); }

.fi-body.fi-panel-business .ktc__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--s3);
}

.fi-body.fi-panel-business .ktc__title {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--label);
}

.fi-body.fi-panel-business .ktc__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--s2);
    padding: var(--s5);
    text-align: center;
}

.fi-body.fi-panel-business .ktc__sheets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s3);
}
@media (max-width: 900px) {
    .fi-body.fi-panel-business .ktc__sheets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
    .fi-body.fi-panel-business .ktc__sheets { grid-template-columns: minmax(0, 1fr); }
}

.fi-body.fi-panel-business .ktc__sheet { display: contents; }

.fi-body.fi-panel-business .ktc__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--s4);
    text-align: center;
    border: 1px solid var(--separator);
    border-radius: 10px;
    background: var(--fill-secondary);
    break-inside: avoid;
}

.fi-body.fi-panel-business .ktc__shop { color: var(--label-secondary); font-size: 12px; font-weight: 600; }
.fi-body.fi-panel-business .ktc__name { margin: 2px 0 var(--s2); color: var(--label); font-size: 22px; font-weight: 800; }
.fi-body.fi-panel-business .ktc__qr { width: 180px; height: 180px; background: white; }
.fi-body.fi-panel-business .ktc__qr svg { display: block; width: 100%; height: 100%; }
.fi-body.fi-panel-business .ktc__go { margin-top: var(--s2); color: var(--label); font-size: 13px; font-weight: 700; }
.fi-body.fi-panel-business .ktc__url { margin-top: 6px; color: var(--label-tertiary); font-size: 10.5px; word-break: break-all; }
.fi-body.fi-panel-business .ktc__one { margin-top: var(--s2); }

@page { size: A4; margin: 10mm; }

@media print {
    .fi-body.fi-panel-business { background: white; color: black; }
    .fi-body.fi-panel-business .ktc__controls { display: none; }
    .fi-body.fi-panel-business .ktc { max-width: none; margin: 0; padding: 0; }
    .fi-body.fi-panel-business .ktc__sheets { display: block; }

    .fi-body.fi-panel-business .ktc__sheet {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(3, 1fr);
        height: 277mm;
        break-after: page;
        page-break-after: always;
    }
    .fi-body.fi-panel-business .ktc__sheet:last-child { break-after: auto; page-break-after: auto; }
    .fi-body.fi-panel-business .ktc__sheet[data-skip],
    .fi-body.fi-panel-business .ktc__card[data-skip] { display: none; }

    .fi-body.fi-panel-business .ktc__card {
        justify-content: center;
        border: 1px dashed black;
        border-radius: 0;
        background: white;
    }
    .fi-body.fi-panel-business .ktc__shop,
    .fi-body.fi-panel-business .ktc__name,
    .fi-body.fi-panel-business .ktc__go { color: black; }
    .fi-body.fi-panel-business .ktc__qr { width: 62mm; height: 62mm; }
    .fi-body.fi-panel-business .ktc__url,
    .fi-body.fi-panel-business .ktc__one { display: none; }
}
.fi-body.fi-panel-business .kvm-row { display: flex; flex-wrap: wrap; gap: var(--s3); }
.fi-body.fi-panel-business .kvm-row--center { align-items: center; }
.fi-body.fi-panel-business .kvm-row--end { align-items: flex-end; }
.fi-body.fi-panel-business .kvm-row--s5 { gap: var(--s5); }
.fi-body.fi-panel-business .kvm-flex { display: flex; gap: var(--s3); }
.fi-body.fi-panel-business .kvm-stack { display: grid; gap: var(--s5); }
.fi-body.fi-panel-business .kvm-inline { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 10px; max-width: 100%; }

.fi-body.fi-panel-business .fi-fo-wizard > .flex.justify-between { flex-wrap: wrap; row-gap: 10px; }
.fi-body.fi-panel-business .fi-fo-wizard .kvm-inline { margin-inline-start: auto; justify-content: flex-end; }

@media (max-width: 40rem) {
    .fi-body.fi-panel-business .ka-table.kd-table { display: block; }
    .fi-body.fi-panel-business .ka-table.kd-table thead { display: none; }
    .fi-body.fi-panel-business .ka-table.kd-table tbody { display: block; }
    .fi-body.fi-panel-business .ka-table.kd-table tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; row-gap: var(--s1); padding: var(--s4); border-bottom: 1px solid var(--separator); }
    .fi-body.fi-panel-business .ka-table.kd-table tbody tr:last-child { border-bottom: 0; }
    .fi-body.fi-panel-business .ka-table.kd-table tbody tr td { display: block; min-width: 0; padding: 0; border: 0; }
    .fi-body.fi-panel-business .ka-table.kd-table tbody tr:first-child td { border: 0; }
    .fi-body.fi-panel-business .ka-table.kd-table tbody tr:hover td { background-color: transparent; }
    .fi-body.fi-panel-business .ka-table.kd-table tbody tr:hover { background-color: var(--fill-quaternary); }
    .fi-body.fi-panel-business .ka-table.kd-table tbody tr td.kd-table__name { grid-column: 1 / -1; }
    .fi-body.fi-panel-business .ka-table.kd-table tbody tr td.kd-table__name .kb-strong { text-align: start; overflow-wrap: anywhere; }
    .fi-body.fi-panel-business .ka-table.kd-table tbody tr td.kd-table__meta { grid-column: 1 / -1; color: var(--label-secondary); font-size: var(--fs-footnote); }
    .fi-body.fi-panel-business .ka-table.kd-table tbody tr td.kd-table__meta:empty { display: none; }
    .fi-body.fi-panel-business .ka-table.kd-table tbody tr td.kd-table__status { grid-column: 1; margin-top: var(--s2); }
    .fi-body.fi-panel-business .ka-table.kd-table tbody tr td.kd-table__act { grid-column: 2; margin-top: var(--s2); }
}

.fi-body.fi-panel-business .ka-card.kwp-card { overflow: clip; }
.fi-body.fi-panel-business .ka-card.kwp-card > .ka-card__ft { position: sticky; bottom: 0; z-index: 5; background: var(--bg-grouped-secondary); border-top: 1px solid var(--separator-opaque); box-shadow: var(--shadow-float); }
.fi-body.fi-panel-business .kwp-card .fi-fo-wizard > .flex.justify-between {
    position: sticky;
    bottom: 0;
    z-index: 5;
    padding: var(--s4) var(--kb-card-pad);
    background: var(--bg-grouped-secondary);
    border-top: 1px solid var(--separator-opaque);
    box-shadow: var(--shadow-float);
}
.fi-body.fi-panel-business .kvm-between { display: flex; gap: var(--s4); align-items: center; justify-content: space-between; }
.fi-body.fi-panel-business .kvm-between--row { min-height: var(--touch); padding: 6px 0; }
.fi-body.fi-panel-business .kvm-bar { display: flex; gap: var(--s5); align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: var(--s4); }
.fi-body.fi-panel-business .kvm-block { display: block; }
.fi-body.fi-panel-business .kvm-full { width: 100%; }
.fi-body.fi-panel-business .kvm-nowrap { white-space: nowrap; }
.fi-body.fi-panel-business .kvm-m0 { margin: 0; }
.fi-body.fi-panel-business .kvm-mt-s2 { margin-top: var(--s2); }
.fi-body.fi-panel-business .kvm-mt-s3 { margin-top: var(--s3); }
.fi-body.fi-panel-business .kvm-mt-s4 { margin-top: var(--s4); }
.fi-body.fi-panel-business .kvm-mt-s5 { margin-top: var(--s5); }
.fi-body.fi-panel-business .kvm-pad-s5 { padding: var(--s5); }
.fi-body.fi-panel-business .kvm-pad-card { padding: var(--kb-card-pad); }
.fi-body.fi-panel-business .kvm-pad-rule { padding: 0 var(--kb-card-pad) var(--s4); }
.fi-body.fi-panel-business .kvm-error { color: var(--danger-ink); }
.fi-body.fi-panel-business .kvm-w220 { max-width: 220px; }
.fi-body.fi-panel-business .kvm-icon18 { width: 18px; height: 18px; }
.fi-body.fi-panel-business .kvm-check22 { width: 22px; height: 22px; }
.fi-body.fi-panel-business .kvm-big { font-size: 22px; }
.fi-body.fi-panel-business .kvm-clickable { cursor: pointer; }
.fi-body.fi-panel-business .kvm-autogrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: var(--s4); }
.fi-body.fi-panel-business .kvm-indent { padding-left: var(--s6); }
.fi-body.fi-panel-business .kpe-row.is-voided { text-decoration: line-through; }

.fi-body.fi-panel-business .kvm-w { --kvm-w: 0%; width: var(--kvm-w); }
.fi-body.fi-panel-business .kvm-l { --kvm-l: 0%; left: var(--kvm-l); }
.fi-body.fi-panel-business .kvm-opt { display: flex; gap: var(--s3); align-items: center; min-height: var(--touch); }
.fi-body.fi-panel-business .kvm-opt--top { align-items: flex-start; }
.fi-body.fi-panel-business .kvm-focusrow { background-color: var(--warn-wash); }

.fi-body.fi-panel-business .kvm-doc { max-height: 320px; overflow: auto; white-space: pre-wrap; border: 1px solid var(--separator-opaque); padding: var(--s4); }
.fi-body.fi-panel-business .kvm-doc-page { max-width: 100%; border: 1px solid var(--separator-opaque); margin-bottom: var(--s4); }

.fi-body.fi-panel-business .kvm-dot28 { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: var(--r-full); color: var(--on-accent); font-weight: var(--fw-semibold); --kb-dot: var(--label-tertiary); background-color: var(--kb-dot); }

.fi-body.fi-panel-business .kvm-role { display: flex; gap: 10px; align-items: center; width: 100%; min-height: var(--touch); padding: 6px 0; background: none; border: 0; text-align: left; cursor: pointer; color: inherit; font: inherit; }
.fi-body.fi-panel-business .kvm-role__dot { flex: 0 0 auto; width: 18px; height: 18px; border-radius: var(--r-full); box-sizing: border-box; border: 2px solid var(--label-tertiary); background: none; }
.fi-body.fi-panel-business .kvm-role[aria-checked="true"] .kvm-role__dot { border-color: var(--accent); background: radial-gradient(circle, var(--accent) 0 45%, transparent 50%); }
.fi-body.fi-panel-business .kvm-choice { min-height: var(--touch); padding: 0 var(--s5); border-radius: 22px; background: none; cursor: pointer; color: inherit; font: inherit; border: 1px solid var(--label-tertiary); }
.fi-body.fi-panel-business .kvm-choice[aria-checked="true"] { border-color: var(--accent); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kvm-sw { flex: 0 0 auto; position: relative; width: 44px; height: 26px; border-radius: 13px; border: 0; cursor: pointer; background-color: var(--fill); }
.fi-body.fi-panel-business .kvm-sw[aria-checked="true"] { background-color: var(--accent); }
.fi-body.fi-panel-business .kvm-sw__knob { position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: var(--r-full); background-color: var(--on-accent); }
.fi-body.fi-panel-business .kvm-sw[aria-checked="true"] .kvm-sw__knob { left: 21px; }

.fi-body.fi-panel-business .kvm-vbar { display: flex; height: 10px; border-radius: 5px; overflow: hidden; background-color: var(--fill-secondary); }
.fi-body.fi-panel-business .vac-bar.kvm-vbar { min-width: 140px; }
.fi-body.fi-panel-business .kvm-vbar__used { background-color: var(--gray); }
.fi-body.fi-panel-business .kvm-vbar__planned { background-color: var(--orange); }
.fi-body.fi-panel-business .kvm-vbar__carry { background-color: var(--blue); }
.fi-body.fi-panel-business .kvm-vbar__left { background-color: var(--green); }

.fi-body.fi-panel-business .kbk-block { --kbk-col: auto; --kbk-span: 1; grid-column: var(--kbk-col) / span var(--kbk-span); }
.fi-body.fi-panel-business .kbk-hour { --kbk-col: auto; grid-column: var(--kbk-col) / span 2; }
.fi-body.fi-panel-business .kbk-cap { --kbk-col: auto; grid-column: var(--kbk-col); }

.fi-body.fi-panel-business .kmd-banner-link { color: inherit; text-decoration: underline; }
.fi-body.fi-panel-business .kmd-meterleg > span.kmd-meterleg__warn { left: calc(var(--kvm-l) - 24px); }

.fi-body.fi-panel-business .kvm-roster-hint { margin: 0.5rem 0; }
.fi-body.fi-panel-business .kvm-roster-form { display: flex; flex-direction: column; gap: 0.6rem; }
.fi-body.fi-panel-business .kvm-roster-pay { display: flex; flex-direction: column; gap: 0.2rem; }
.fi-body.fi-panel-business .kvm-roster-field { margin: 0.2rem 0 0; }
.fi-body.fi-panel-business .kvm-roster-field--text { padding: 0.4rem 0.6rem; }
.fi-body.fi-panel-business .kvm-roster-open { text-align: center; }

.fi-body.fi-panel-business .kss-strong { font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kss-h3--tight { margin-top: 6px; }
.fi-body.fi-panel-business .kss-link { color: var(--accent-ink); font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .kss-days { min-width: 80px; max-width: 90px; }
.fi-body.fi-panel-business .kss-formula--medium { font-weight: var(--fw-medium); }
.fi-body.fi-panel-business .kss-card--full { grid-column: 1 / -1; }

.fi-body.fi-panel-business .ksc-clip { overflow: hidden; }
.fi-body.fi-panel-business .ksc-table td.ksc-daycell { text-align: left; font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .ksc-table td.ksc-center { text-align: center; }
.fi-body.fi-panel-business .ksc-table td.ksc-empty { color: var(--label-tertiary); }
.fi-body.fi-panel-business .ksc-table td.ksc-wrapcell { text-align: left; white-space: normal; }
.fi-body.fi-panel-business .ksc-modal-title { font-size: 18px; font-weight: var(--fw-bold); }
.fi-body.fi-panel-business .ksc-head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--s4); flex-wrap: wrap; }
.fi-body.fi-panel-business .ksc-title { font-size: 20px; font-weight: var(--fw-bold); margin-top: 2px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fi-body.fi-panel-business .ksc-sub14 { font-size: 14px; font-weight: var(--fw-medium); }
.fi-body.fi-panel-business .ksc-cap { text-transform: uppercase; font-weight: var(--fw-semibold); }
.fi-body.fi-panel-business .ksc-upper { text-transform: uppercase; }
.fi-body.fi-panel-business .ksc-bigdiff b.neg { color: var(--danger-ink); }
.fi-body.fi-panel-business .ksc-bigdiff b.pos { color: var(--ok-ink); }
.fi-body.fi-panel-business .ksc-acts--end { margin-top: auto; }
.fi-body.fi-panel-business .ksc-acts--tight { margin-top: 6px; }
.fi-body.fi-panel-business .ksc-grow { flex: 1; }

.fi-body.fi-panel-business .kss { display: flex; flex-direction: column; gap: 16px; }
.fi-body.fi-panel-business .kss button { cursor: pointer; font: inherit; }
.fi-body.fi-panel-business .kss-bar { display: flex; justify-content: flex-end; gap: 10px; }
.fi-body.fi-panel-business .kss-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.fi-body.fi-panel-business .kss-card { border: 1px solid var(--separator); border-radius: var(--r-md); background: var(--bg-secondary); padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; }
.fi-body.fi-panel-business .kss-card h3 { font-size: 15px; font-weight: 700; }
.fi-body.fi-panel-business .kss-seg { display: inline-flex; background: var(--fill-secondary); border-radius: var(--r-sm); padding: 2px; align-self: flex-start; }
.fi-body.fi-panel-business .kss-seg button { border: 0; background: transparent; padding: 6px 14px; border-radius: var(--r-xs); font-weight: 600; color: var(--label-secondary); }
.fi-body.fi-panel-business .kss-seg button[aria-checked="true"] { background: var(--bg); color: var(--accent-ink); box-shadow: var(--shadow-card); }
.fi-body.fi-panel-business .kss-row { display: flex; gap: 12px; align-items: center; }
.fi-body.fi-panel-business .kss-sw { width: 44px; height: 26px; border-radius: 999px; border: 0; background: var(--fill); position: relative; flex: none; }
.fi-body.fi-panel-business .kss-sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--on-accent); transition: transform .15s; }
.fi-body.fi-panel-business .kss-sw[aria-checked="true"] { background: var(--ok-solid); }
.fi-body.fi-panel-business .kss-sw[aria-checked="true"]::after { transform: translateX(18px); }
.fi-body.fi-panel-business .kss-fields { display: flex; gap: 16px; flex-wrap: wrap; align-items: flex-start; }
.fi-body.fi-panel-business .kss-field { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--label-secondary); }
.fi-body.fi-panel-business .kss-field input, .fi-body.fi-panel-business .kss-field select { border: 1px solid var(--separator); border-radius: var(--r-sm); padding: 8px 10px; background: var(--bg); color: var(--label); min-width: 120px; }
.fi-body.fi-panel-business .kss-field--wide { flex: 1; min-width: 220px; }
.fi-body.fi-panel-business .kss-field--wide input { width: 100%; }
.fi-body.fi-panel-business .kss-err { color: var(--danger-ink); font-size: 12px; }
.fi-body.fi-panel-business .kss-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.fi-body.fi-panel-business .kss-table th { text-align: left; color: var(--label-tertiary); font-weight: 600; padding: 4px 6px; }
.fi-body.fi-panel-business .kss-table td { padding: 6px; border-top: 1px solid var(--separator); vertical-align: top; }
.fi-body.fi-panel-business .kss-table input[type="text"], .fi-body.fi-panel-business .kss-table select { width: 100%; border: 1px solid var(--separator); border-radius: var(--r-xs); padding: 6px 8px; background: var(--bg); color: var(--label); }
.fi-body.fi-panel-business .kss-covers { display: flex; flex-direction: column; gap: 2px; }
.fi-body.fi-panel-business .kss-btn { border: 1px solid var(--separator); background: var(--bg); border-radius: var(--r-sm); padding: 6px 12px; font-size: 13px; font-weight: 600; }
.fi-body.fi-panel-business .kss-btn--primary { background: var(--accent-ink); color: var(--on-accent); border-color: var(--accent-ink); }
.fi-body.fi-panel-business .kss-btn--plain { background: transparent; border-color: transparent; color: var(--accent-ink); }
.fi-body.fi-panel-business .kss-chip { display: inline-block; padding: 2px 10px; border-radius: 999px; background: var(--accent-fill-subtle); color: var(--accent-ink); font-weight: 600; font-size: 12px; }
.fi-body.fi-panel-business .kss-formula { background: var(--fill-quaternary); border-radius: var(--r-sm); padding: 10px 14px; font-weight: 600; font-size: 14px; }
.fi-body.fi-panel-business .kss-formula small { display: block; font-weight: 400; color: var(--label-secondary); margin-top: 4px; }
.fi-body.fi-panel-business .kss-hist { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--label-secondary); }
@media (max-width: 900px) {
    .fi-body.fi-panel-business .kss-grid { grid-template-columns: 1fr; }
}

.fi-body.fi-panel-business .ksc { display: flex; flex-direction: column; gap: 16px; }
.fi-body.fi-panel-business .ksc button { cursor: pointer; font: inherit; }
.fi-body.fi-panel-business .ksc-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--separator); }
.fi-body.fi-panel-business .ksc-tabs button { background: none; border: 0; padding: 10px 14px; font-weight: 600; color: var(--label-secondary); border-bottom: 2px solid transparent; }
.fi-body.fi-panel-business .ksc-tabs button[aria-selected="true"] { color: var(--accent-ink); border-bottom-color: var(--accent-ink); }
.fi-body.fi-panel-business .ksc-tabs i { font-style: normal; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: var(--danger-wash); color: var(--danger-ink); font-size: 12px; }
.fi-body.fi-panel-business .ksc-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.fi-body.fi-panel-business .ksc-card { border: 1px solid var(--separator); border-radius: var(--r-md); padding: 14px 16px; background: var(--bg-secondary); display: flex; flex-direction: column; gap: 4px; }
.fi-body.fi-panel-business .ksc-card small { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--label-tertiary); }
.fi-body.fi-panel-business .ksc-card b { font-size: 26px; font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .ksc-card span { font-size: 13px; color: var(--label-secondary); }
.fi-body.fi-panel-business .ksc-card--neg b, .fi-body.fi-panel-business .ksc-cash--overdue b, .fi-body.fi-panel-business .ksc-cash--overdue span { color: var(--danger-ink); }
.fi-body.fi-panel-business .ksc-cash { outline: 2px dashed var(--orange); outline-offset: -2px; }
.fi-body.fi-panel-business .ksc-cash .ksc-btn { align-self: flex-start; margin-top: 6px; }
.fi-body.fi-panel-business .ksc-filters { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.fi-body.fi-panel-business .ksc-filters select { border: 1px solid var(--separator); border-radius: 999px; padding: 6px 12px; background: var(--bg-secondary); }
.fi-body.fi-panel-business .ksc-chip { border: 1px solid var(--separator); background: var(--bg-secondary); border-radius: 999px; padding: 6px 12px; font-size: 13px; }
.fi-body.fi-panel-business .ksc-chip.on { background: var(--accent-fill-subtle); color: var(--accent-ink); border-color: var(--accent-ink); font-weight: 600; }
.fi-body.fi-panel-business .ksc-bulk { display: flex; gap: 12px; align-items: center; padding: 10px 14px; background: var(--accent-fill-subtle); border-bottom: 1px solid var(--separator); flex-wrap: wrap; }
.fi-body.fi-panel-business .ksc-bulk .grow { flex: 1; }
.fi-body.fi-panel-business .ksc-btn { border: 1px solid var(--separator); background: var(--bg-secondary); border-radius: var(--r-sm); padding: 6px 12px; font-size: 13px; font-weight: 600; }
.fi-body.fi-panel-business .ksc-btn--primary { background: var(--accent-ink); color: var(--on-accent); border-color: var(--accent-ink); }
.fi-body.fi-panel-business .ksc-btn--ok { background: var(--ok-solid); color: var(--on-accent); border-color: var(--ok-solid); }
.fi-body.fi-panel-business .ksc-btn--danger { color: var(--danger-ink); border-color: var(--danger-ink); background: transparent; }
.fi-body.fi-panel-business .ksc-btn--plain { background: transparent; border-color: transparent; color: var(--accent-ink); }
.fi-body.fi-panel-business .ksc-wrap { overflow-x: auto; }
.fi-body.fi-panel-business .ksc-table { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .ksc-table th, .fi-body.fi-panel-business .ksc-table td { padding: 8px 10px; border-bottom: 1px solid var(--separator); text-align: right; vertical-align: middle; white-space: nowrap; }
.fi-body.fi-panel-business .ksc-table th.l, .fi-body.fi-panel-business .ksc-table td.l { text-align: left; }
.fi-body.fi-panel-business .ksc-table th small { display: block; font-weight: 400; color: var(--label-tertiary); font-size: 11px; }
.fi-body.fi-panel-business .ksc-table th.grp-c { background: var(--accent-fill-subtle); }
.fi-body.fi-panel-business .ksc-table th.grp-f { background: var(--fill-quaternary); }
.fi-body.fi-panel-business .ksc-table tr.sum td { font-weight: 700; background: var(--fill-quaternary); }
.fi-body.fi-panel-business .ksc-table tr.day td { text-align: left; font-weight: 600; background: var(--bg-grouped); color: var(--label-secondary); }
.fi-body.fi-panel-business .ksc-table tr.miss td { background: var(--danger-wash); color: var(--danger-ink); }
.fi-body.fi-panel-business .ksc-table tr.picked td { background: var(--accent-fill-subtle); }
.fi-body.fi-panel-business .ksc-table td.k { text-align: left; white-space: normal; min-width: 180px; color: var(--label-secondary); }
.fi-body.fi-panel-business .ksc-table td.rec { color: var(--label-secondary); }
.fi-body.fi-panel-business .ksc-table .neg { color: var(--danger-ink); font-weight: 700; }
.fi-body.fi-panel-business .ksc-table .pos { color: var(--ok-ink); font-weight: 700; }
.fi-body.fi-panel-business .ksc-table .due.late { color: var(--danger-ink); font-weight: 700; }
.fi-body.fi-panel-business .ksc-arch { opacity: .55; }
.fi-body.fi-panel-business .ksc-cb { width: 20px; height: 20px; border-radius: 5px; border: 1.5px solid var(--separator-opaque); background: var(--bg); color: transparent; line-height: 1; padding: 0; }
.fi-body.fi-panel-business .ksc-cb.on { background: var(--accent-ink); border-color: var(--accent-ink); color: var(--on-accent); }
.fi-body.fi-panel-business .ksc-link { background: none; border: 0; padding: 0; color: var(--accent-ink); font-weight: 600; }
.fi-body.fi-panel-business .ksc-done { color: var(--ok-ink); font-weight: 600; }
.fi-body.fi-panel-business .ksc-tag { display: inline-block; font-size: 10.5px; font-weight: 600; padding: 1px 6px; border-radius: 999px; }
.fi-body.fi-panel-business .ksc-tag--chk { background: var(--accent-fill-subtle); color: var(--accent-ink); }
.fi-body.fi-panel-business .ksc-tag--rec { background: var(--fill-secondary); color: var(--label-secondary); }
.fi-body.fi-panel-business .ksc-st { display: inline-block; font-size: 12px; font-weight: 600; padding: 2px 9px; border-radius: 999px; background: var(--fill-secondary); color: var(--label-secondary); }
.fi-body.fi-panel-business .ksc-st--bad { background: var(--danger-wash); color: var(--danger-ink); }
.fi-body.fi-panel-business .ksc-st--warn { background: var(--warn-wash); color: var(--warn-ink); }
.fi-body.fi-panel-business .ksc-st--ok { background: var(--ok-wash); color: var(--ok-ink); }
.fi-body.fi-panel-business .ksc-scrim { position: fixed; inset: 0; background: var(--scrim); z-index: 40; }
.fi-body.fi-panel-business .ksc-modal { position: fixed; z-index: 41; top: 5vh; left: 50%; transform: translateX(-50%); width: min(1080px, 94vw); max-height: 90vh; overflow: auto; background: var(--bg); border-radius: var(--r-lg); box-shadow: var(--shadow-sheet); padding: 20px 24px; display: flex; flex-direction: column; gap: 16px; }
.fi-body.fi-panel-business .ksc-modal--small { width: min(480px, 94vw); }
.fi-body.fi-panel-business .ksc-mrow { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 20px; }
.fi-body.fi-panel-business .ksc-photo { display: flex; flex-direction: column; gap: 10px; }
.fi-body.fi-panel-business .ksc-photo img { width: 100%; border-radius: var(--r-sm); border: 1px solid var(--separator); }
.fi-body.fi-panel-business .ksc-nums { display: flex; flex-direction: column; gap: 14px; }
.fi-body.fi-panel-business .ksc-bigdiff { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--r-md); background: var(--fill-quaternary); }
.fi-body.fi-panel-business .ksc-bigdiff b { font-size: 30px; font-variant-numeric: tabular-nums; }
.fi-body.fi-panel-business .ksc-kv { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--separator); font-size: 14px; }
.fi-body.fi-panel-business .ksc-kv small { color: var(--label-tertiary); margin-left: 6px; }
.fi-body.fi-panel-business .ksc-acts { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.fi-body.fi-panel-business .ksc-note { border-radius: 12px; background: var(--fill-quaternary); padding: 10px 14px; font-size: 14px; }
.fi-body.fi-panel-business .ksc-field textarea { width: 100%; border: 1px solid var(--separator); border-radius: var(--r-sm); padding: 8px 10px; background: var(--bg-secondary); }
.fi-body.fi-panel-business .ksc-err { color: var(--danger-ink); font-size: 13px; }
.fi-body.fi-panel-business .ksc-hist { font-size: 13px; color: var(--label-secondary); display: flex; flex-direction: column; gap: 4px; }

.fi-body.fi-panel-business .ksc-dayline { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.fi-body.fi-panel-business .ksc-dayline__t { flex: 1 1 auto; }
.fi-body.fi-panel-business .ksc-kt { border: 0; cursor: pointer; font: inherit; font-size: 12px; font-weight: 600; text-align: left; }
.fi-body.fi-panel-business .ksc-kt__sum { font-weight: 500; color: var(--label-secondary); }
.fi-body.fi-panel-business .ksc-kt__more { margin-left: 4px; text-decoration: underline; text-underline-offset: 2px; }
.fi-body.fi-panel-business .ksc-st--na { border: 1px dashed var(--separator-opaque); background: transparent; }
.fi-body.fi-panel-business .ksc-table tr.note td { text-align: left; white-space: normal; background: var(--bg-grouped); }
.fi-body.fi-panel-business .ksc-steps { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
@media (max-width: 900px) {
    .fi-body.fi-panel-business .ksc-cards { grid-template-columns: 1fr; }
    .fi-body.fi-panel-business .ksc-mrow { grid-template-columns: 1fr; }
}
.kp-sk {
    position: relative;
    overflow: hidden;
    background: var(--skel);
    border-radius: var(--r-xs);
    display: inline-block;
}

.kp-sk::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--label) 8%, transparent), transparent);
    transform: translateX(-100%);
    animation: kp-sheen 1.4s ease-in-out infinite;
}

@keyframes kp-sheen {
    to {
        transform: translateX(100%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .kp-sk::after {
        animation: none;
    }
}

.kp-sk--line {
    display: block;
    height: 11px;
    border-radius: var(--r-xxs);
}

.kp-sk--title {
    display: block;
    height: 14px;
    border-radius: var(--r-xxs);
}

.kp-sk--mark {
    width: 44px;
    height: 44px;
    border-radius: var(--r-sm);
    flex: none;
}

.kp-sk--line + .kp-sk--line,
.kp-sk--title + .kp-sk--line,
.kp-sk--line + .kp-sk--title {
    margin-top: 6px;
}

.kp-sk-table {
    width: 100%;
}

.kp-sk-head,
.kp-sk-row {
    display: grid;
    align-items: center;
    gap: var(--s5);
}

.kp-sk-head {
    padding: 14px 12px;
    border-bottom: 1px solid var(--separator);
}

.kp-sk-row {
    padding: 16px 12px;
}

.kp-sk-row + .kp-sk-row {
    border-top: 1px solid var(--separator);
}

.kp-sk-cell {
    display: flex;
    align-items: center;
    height: 24px;
    min-width: 0;
}

.kp-sk-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--s5);
}

.kp-sk-stat {
    padding: var(--s5);
}

.kp-sk-plate {
    display: block;
    width: 100%;
    border-radius: var(--r-xs);
}

.kp-refresh {
    display: none;
}

.kp-refresh--on {
    position: fixed;
    z-index: 40;
    bottom: var(--s5);
    left: 50%;
    translate: -50% 0;
    display: flex;
    align-items: center;
    gap: var(--s3);
    padding: var(--s3) var(--s5);
    border-radius: var(--r-full);
    color: var(--accent-ink);
    font-size: var(--fs-footnote);
    line-height: var(--lh-footnote);
    letter-spacing: var(--tr-footnote);
    font-weight: var(--fw-semibold);
    box-shadow: var(--shadow-card);
    pointer-events: none;

    background:
        linear-gradient(var(--accent-fill-subtle), var(--accent-fill-subtle)),
        var(--bg-grouped-secondary);

}

.kp-refresh--on {
    animation: kp-refresh-in var(--dur-fast) var(--ease);
}

@keyframes kp-refresh-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kp-refresh--on {
        animation: none;
    }
}

.kp-refresh__dot {
    width: 6px;
    height: 6px;
    border-radius: var(--r-full);
    background: currentColor;
    flex: none;
    animation: kp-pulse 1.6s ease-in-out infinite;
}

@keyframes kp-pulse {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.35;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kp-refresh__dot {
        animation: none;
    }
}
:where(
    a[href],
    button,
    summary,
    label[for],
    select,
    [role="button"],
    [role="link"],
    [role="tab"],
    [role="menuitem"],
    [role="menuitemradio"],
    [role="menuitemcheckbox"],
    [role="option"],
    [role="switch"],
    [role="checkbox"],
    [role="radio"],
    input[type="checkbox"],
    input[type="radio"],
    input[type="submit"],
    input[type="button"],
    input[type="reset"],
    input[type="file"],
    input[type="color"],
    input[type="range"],
    [onclick],
    [wire\:click],
    [wire\:click\.prevent],
    [wire\:click\.stop],
    [wire\:click\.self],
    [x-on\:click],
    [x-on\:click\.prevent],
    [x-on\:click\.stop],
    [x-on\:click\.self],
    [\@click],
    [\@click\.prevent],
    [\@click\.stop],
    [\@click\.self],
    .fi-ta-record-clickable,
    .fi-ta-record:has(> td a[href])
) {
    cursor: pointer;
}

:where(
    button:disabled,
    select:disabled,
    input:disabled,
    [aria-disabled="true"],
    [disabled]
) {
    cursor: default;
}

:where([wire\:sortable\.handle], [x-sortable-handle], [data-drag-handle]) {
    cursor: grab;
}