.hjwcard-ah,.hjwcard-av,.hjwcard-bh,.hjwcard-bv{box-sizing:border-box;position:relative;border:var(--line-medium) solid var(--color-border-ghost);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.hjwcard-ah *,.hjwcard-ah :after,.hjwcard-ah :before,.hjwcard-av *,.hjwcard-av :after,.hjwcard-av :before,.hjwcard-bh *,.hjwcard-bh :after,.hjwcard-bh :before,.hjwcard-bv *,.hjwcard-bv :after,.hjwcard-bv :before{box-sizing:border-box}.hjwcard-ah__logo,.hjwcard-av__logo,.hjwcard-bh__logo,.hjwcard-bv__logo{flex-shrink:0;display:flex;align-items:center}.hjwcard-ah__logo img,.hjwcard-av__logo img,.hjwcard-bh__logo img,.hjwcard-bv__logo img{height:100%;width:auto;max-width:none;display:block;object-fit:contain}.hjwcard-link{color:inherit;text-decoration:none}.hjwcard-role-sep{display:inline-block;width:1px;height:12px;background:#d8d9e2;margin:0 6px;vertical-align:middle}.hjwcard-sub-label{font-weight:var(--font-weight-regular,400);color:#0387e0}.hjwcard-sub-num{font-weight:var(--font-weight-semibold,600);color:#0387e0}.hjwcard-ah{width:400px;height:220px;background:linear-gradient(90deg,rgba(148,203,255,.3),rgba(148,203,255,.3)),linear-gradient(90deg,#ffffff,#ffffff),linear-gradient(90deg,#ffffff,#ffffff)}.hjwcard-ah__header{height:50px;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--pad-x-lg);flex-shrink:0;background:linear-gradient(90deg,rgba(148,203,255,.3),rgba(148,203,255,.3)),linear-gradient(90deg,#ffffff,#ffffff)}.hjwcard-ah__header-inner{width:100%;display:flex;align-items:flex-end;justify-content:flex-end}.hjwcard-ah__logo{height:20px}.hjwcard-ah__body{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--color-surface-card);border-top-left-radius:var(--radius-3xl);padding:var(--space-3,15px) var(--pad-x-lg) var(--pad-y-lg)}.hjwcard-ah__person{display:flex;flex-direction:column;gap:6px}.hjwcard-ah__person-title{display:flex;flex-direction:column;gap:var(--gap-xs,4px)}.hjwcard-ah__position{font-size:var(--font-size-t7,13px);font-weight:var(--font-weight-medium,500);color:#0387e0;letter-spacing:-.13px}.hjwcard-ah__name,.hjwcard-ah__position{font-family:var(--font-family-base);line-height:1.4}.hjwcard-ah__name{font-size:var(--font-size-t2,20px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-default);letter-spacing:-.2px}.hjwcard-ah__contact-row{display:flex;align-items:flex-start}.hjwcard-ah__contact-item{width:140px;font-family:var(--font-family-base);font-size:var(--font-size-t8,12px);font-weight:var(--font-weight-medium,500);color:var(--color-text-default);line-height:1.4;letter-spacing:-.12px}.hjwcard-ah__sub-contact{display:flex;flex-direction:column;gap:6px}.hjwcard-ah__sub-row{display:flex;align-items:flex-start}.hjwcard-ah__sub-item{display:flex;align-items:center;gap:var(--gap-xs,4px);width:140px}.hjwcard-ah__sub-item svg{width:13px;height:13px;flex-shrink:0}.hjwcard-ah__sub-text{font-family:var(--font-family-base);font-size:var(--font-size-t7,13px);font-weight:var(--font-weight-medium,500);color:var(--color-text-helper);line-height:1.4;letter-spacing:-.13px;white-space:nowrap}.hjwcard-ah__address{display:flex;align-items:center;gap:var(--gap-xs,4px)}.hjwcard-ah__address svg{width:13px;height:13px;flex-shrink:0}.hjwcard-av{width:260px;height:360px;background:linear-gradient(90deg,rgba(148,203,255,.3),rgba(148,203,255,.3)),linear-gradient(90deg,#ffffff,#ffffff),linear-gradient(90deg,rgb(228,229,236),rgb(228,229,236)),linear-gradient(90deg,#ffffff,#ffffff)}.hjwcard-av__header{height:60px;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--pad-x-lg);flex-shrink:0;background:linear-gradient(90deg,rgba(148,203,255,.3),rgba(148,203,255,.3)),linear-gradient(90deg,#ffffff,#ffffff),linear-gradient(90deg,rgb(228,229,236),rgb(228,229,236))}.hjwcard-av__header-inner{width:100%;height:27px;display:flex;align-items:flex-end;justify-content:flex-end}.hjwcard-av__logo{height:20px}.hjwcard-av__body{background-color:var(--color-surface-card);border-top-left-radius:var(--radius-3xl);padding:var(--pad-y-lg) var(--pad-x-lg)}.hjwcard-av__body,.hjwcard-av__body-inner{flex:1 1;display:flex;flex-direction:column}.hjwcard-av__body-inner{gap:44px}.hjwcard-av__person{display:flex;flex-direction:column;gap:20px}.hjwcard-av__person-title{display:flex;flex-direction:column;gap:4px}.hjwcard-av__position{font-size:var(--font-size-t7,13px);font-weight:var(--font-weight-medium,500);color:#0387e0;letter-spacing:-.13px}.hjwcard-av__name,.hjwcard-av__position{font-family:var(--font-family-base);line-height:1.4}.hjwcard-av__name{font-size:var(--font-size-t1,22px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-default);letter-spacing:-.22px}.hjwcard-av__contact-col{display:flex;flex-direction:column;gap:8px}.hjwcard-av__contact-item{font-family:var(--font-family-base);font-size:var(--font-size-t6,14px);font-weight:var(--font-weight-medium,500);color:var(--color-text-default);line-height:1.4;letter-spacing:-.14px}.hjwcard-av__sub-contact{display:flex;flex-direction:column;gap:8px}.hjwcard-av__sub-item{display:flex;align-items:center;gap:var(--gap-xs,4px)}.hjwcard-av__sub-item svg{width:13px;height:13px;flex-shrink:0}.hjwcard-av__sub-text{font-family:var(--font-family-base);font-size:var(--font-size-t8,12px);font-weight:var(--font-weight-medium,500);color:var(--color-text-helper);line-height:1.4;letter-spacing:-.12px;white-space:nowrap}.hjwcard-av__address{display:flex;align-items:flex-start;gap:var(--gap-xs,4px)}.hjwcard-av__address-icon{display:flex;align-items:center;flex-shrink:0;padding-top:2px}.hjwcard-av__address-icon svg{width:13px;height:13px;flex-shrink:0}.hjwcard-av__address-text{font-family:var(--font-family-base);font-size:var(--font-size-t7,13px);font-weight:var(--font-weight-medium,500);color:var(--color-text-helper);line-height:1.4;letter-spacing:-.13px;white-space:pre-line}.hjwcard-bh{width:400px;height:220px;background:linear-gradient(90deg,rgb(228,229,236),rgb(228,229,236)),linear-gradient(90deg,rgba(148,203,255,.4),rgba(148,203,255,.4)),linear-gradient(90deg,#ffffff,#ffffff),linear-gradient(90deg,#ffffff,#ffffff)}.hjwcard-bh__header{height:60px;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--pad-x-lg);flex-shrink:0;background:linear-gradient(90deg,rgba(148,203,255,.3),rgba(148,203,255,.3)),linear-gradient(90deg,#ffffff,#ffffff),linear-gradient(90deg,rgb(228,229,236),rgb(228,229,236))}.hjwcard-bh__header-inner{width:100%;display:flex;align-items:flex-end;justify-content:flex-start}.hjwcard-bh__logo{height:20px}.hjwcard-bh__body{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--color-surface-card);padding:var(--pad-y-lg) var(--pad-x-lg)}.hjwcard-bh__person{display:flex;flex-direction:column;gap:6px}.hjwcard-bh__person-title{display:flex;flex-direction:column;gap:2px;height:50px;justify-content:center}.hjwcard-bh__name{font-size:var(--font-size-t2,20px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-default);letter-spacing:-.2px}.hjwcard-bh__name,.hjwcard-bh__position{font-family:var(--font-family-base);line-height:1.4}.hjwcard-bh__position{font-size:var(--font-size-t7,13px);font-weight:var(--font-weight-medium,500);color:#0387e0;letter-spacing:-.13px}.hjwcard-bh__contact-row{display:flex;align-items:flex-start}.hjwcard-bh__contact-item{font-family:var(--font-family-base);font-size:var(--font-size-t8,12px);font-weight:var(--font-weight-medium,500);color:var(--color-text-default);line-height:1.4;letter-spacing:-.12px}.hjwcard-bh__contact-item:first-child{width:120px}.hjwcard-bh__contact-item:last-child{width:140px}.hjwcard-bh__sub-contact{display:flex;flex-direction:column;gap:2px}.hjwcard-bh__sub-row{display:flex;align-items:flex-start}.hjwcard-bh__sub-item{flex:1 1;min-width:0;display:flex;align-items:center;gap:var(--gap-xs,4px)}.hjwcard-bh__sub-item svg{width:13px;height:13px;flex-shrink:0}.hjwcard-bh__sub-text{font-family:var(--font-family-base);font-size:var(--font-size-t7,13px);font-weight:var(--font-weight-medium,500);color:var(--color-text-helper);line-height:1.4;letter-spacing:-.13px;white-space:nowrap}.hjwcard-bh__address{display:flex;align-items:center;gap:var(--gap-xs,4px)}.hjwcard-bh__address svg{width:13px;height:13px;flex-shrink:0}.hjwcard-bh__address-text{font-family:var(--font-family-base);font-size:var(--font-size-t8,12px);font-weight:var(--font-weight-medium,500);color:var(--color-text-helper);line-height:1.4;letter-spacing:-.12px}.hjwcard-bh__photo{position:absolute;width:80px;height:80px;right:22px;top:22px;border-radius:var(--radius-circle,50%);border:var(--line-medium) solid var(--color-border-ghost);overflow:hidden;z-index:1;background-color:var(--color-surface-card);display:flex;align-items:center;justify-content:center}.hjwcard-bh__photo img{width:100%;height:100%;object-fit:contain;display:block}.hjwcard-bv{width:260px;height:360px;background-color:var(--color-surface-card)}.hjwcard-bv__header{height:115px;display:flex;align-items:flex-start;justify-content:flex-start;padding:15px var(--pad-x-lg) 60px;flex-shrink:0;background:linear-gradient(90deg,rgba(148,203,255,.3),rgba(148,203,255,.3)),linear-gradient(90deg,#ffffff,#ffffff)}.hjwcard-bv__header-inner{width:100%;display:flex;align-items:flex-end;justify-content:flex-end}.hjwcard-bv__logo{height:20px}.hjwcard-bv__photo{position:absolute;width:100px;height:100px;top:48px;left:50%;transform:translateX(-50%);border-radius:var(--radius-circle,50%);border:var(--line-medium) solid var(--color-border-ghost);overflow:hidden;z-index:1;background-color:var(--color-surface-card);display:flex;align-items:center;justify-content:center}.hjwcard-bv__photo img{width:100%;height:100%;object-fit:contain;display:block}.hjwcard-bv__body{position:absolute;top:148px;left:0;width:260px;height:212px;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--color-surface-card);padding:14px var(--pad-x-lg) var(--pad-y-lg)}.hjwcard-bv__person{display:flex;flex-direction:column;gap:var(--gap-lg,12px)}.hjwcard-bv__person-title{display:flex;flex-direction:column;align-items:center;gap:2px;height:48px;justify-content:flex-end}.hjwcard-bv__name{font-size:var(--font-size-t2,20px);font-weight:var(--font-weight-semibold,600);color:var(--color-text-default);letter-spacing:-.2px}.hjwcard-bv__name,.hjwcard-bv__position{font-family:var(--font-family-base);line-height:1.4}.hjwcard-bv__position{font-size:var(--font-size-t7,13px);font-weight:var(--font-weight-medium,500);color:#0387e0;letter-spacing:-.13px}.hjwcard-bv__contact-col{display:flex;flex-direction:column;gap:var(--gap-xs,4px)}.hjwcard-bv__contact-item{display:flex;align-items:center;justify-content:center;gap:6px}.hjwcard-bv__contact-text{font-family:var(--font-family-base);font-size:var(--font-size-t8,12px);font-weight:var(--font-weight-medium,500);color:var(--color-text-default);line-height:1.4;letter-spacing:-.12px}.hjwcard-bv__sub-contact{display:flex;flex-direction:column;gap:var(--gap-xs,4px)}.hjwcard-bv__sub-item{display:flex;align-items:center;gap:var(--gap-xs,4px)}.hjwcard-bv__sub-item svg{width:13px;height:13px;flex-shrink:0}.hjwcard-bv__sub-text{font-family:var(--font-family-base);font-size:var(--font-size-t8,12px);font-weight:var(--font-weight-regular,400);color:var(--color-text-helper);line-height:1.4;letter-spacing:-.12px}.hjwcard-bv__address{display:flex;align-items:flex-start;gap:var(--gap-xs,4px)}.hjwcard-bv__address .hjwcard-bv__sub-text{white-space:normal;word-break:keep-all}.hjwcard-bv__address-icon{display:flex;align-items:center;flex-shrink:0;padding-top:2px}.hjwcard-bv__address-icon svg{width:13px;height:13px;flex-shrink:0}.hjwcard-addr-text{font-size:var(--font-size-t8,12px);font-weight:var(--font-weight-regular,400);color:var(--color-text-helper);letter-spacing:-.12px}.share-method-picker{display:flex;align-items:flex-start;justify-content:center;gap:40px}.share-method-picker__item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--gap-lg);min-width:62px;padding:0;border:none;background:transparent;cursor:pointer}.share-method-picker__item:disabled{cursor:not-allowed;opacity:.4}.share-method-picker__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-circle);background:var(--color-bg-inset);color:var(--color-text-helper);transition:background-color .15s ease,color .15s ease}.share-method-picker__item:hover:not(:disabled) .share-method-picker__icon{background:var(--color-bg-section);color:var(--color-text-default)}.share-method-picker__icon>svg{width:24px;height:24px}.share-method-picker__label{font-size:var(--font-size-t5);font-weight:var(--font-weight-medium);line-height:1.4;letter-spacing:-.15px;color:var(--color-text-default);text-align:center;white-space:nowrap}.filter-bar{display:flex;align-items:center;gap:var(--gap-sm);width:100%;min-width:0}.filter-bar--wrap{flex-wrap:wrap}.filter-bar__left{flex:1 1 auto}.filter-bar__left,.filter-bar__right{display:flex;align-items:center;gap:var(--gap-sm);min-width:0}.filter-bar__right{margin-left:auto;flex:0 0 auto}.skeleton{background-color:var(--color-bg-inset);animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.stepper{font-family:var(--font-family-base)}.stepper--horizontal,.stepper__item{display:flex;align-items:center}.stepper__connector{width:60px;height:2px;background-color:var(--color-border-ghost);flex-shrink:0}.stepper__connector--active{background-color:var(--color-accent)}.stepper__step{display:flex;align-items:center;gap:var(--space-6)}.stepper__circle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:var(--font-size-t7);font-weight:var(--font-weight-medium);flex-shrink:0}.stepper__step--active .stepper__circle,.stepper__step--completed .stepper__circle{background-color:var(--color-accent);color:var(--color-text-inset)}.stepper__step--pending .stepper__circle{background-color:var(--color-border-ghost);color:var(--color-text-placeholder)}.stepper__label{font-size:var(--font-size-t6);line-height:var(--line-height-t6);white-space:nowrap}.stepper__step--active .stepper__label{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.stepper__step--completed .stepper__label{font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.stepper__step--pending .stepper__label{font-weight:var(--font-weight-regular);color:var(--color-text-placeholder)}.stepper--breadcrumb{flex-wrap:wrap}.stepper--breadcrumb,.stepper__crumb{display:inline-flex;align-items:center;gap:var(--gap-md)}.stepper__crumb-separator{color:var(--color-text-placeholder);font-size:var(--font-size-t5);font-weight:var(--font-weight-regular);-webkit-user-select:none;-moz-user-select:none;user-select:none}.stepper__crumb-step{display:inline-flex;align-items:center;gap:var(--gap-xs)}.stepper__crumb-circle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:var(--font-size-t8);font-weight:var(--font-weight-medium);flex-shrink:0}.stepper__crumb-step--active .stepper__crumb-circle,.stepper__crumb-step--completed .stepper__crumb-circle{background-color:var(--color-accent);color:var(--color-text-inset)}.stepper__crumb-step--pending .stepper__crumb-circle{background-color:var(--color-border-ghost);color:var(--color-text-placeholder)}.stepper__crumb-label{font-size:var(--font-size-t7);line-height:var(--line-height-t7);white-space:nowrap}.stepper__crumb-step--active .stepper__crumb-label{font-weight:var(--font-weight-semibold);color:var(--color-text-default)}.stepper__crumb-step--completed .stepper__crumb-label{color:var(--color-text-secondary)}.stepper__crumb-step--pending .stepper__crumb-label{color:var(--color-text-placeholder)}.stepper--timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.stepper__timeline-item{display:flex;gap:var(--gap-2xl);padding-bottom:var(--pad-y-lg);position:relative}.stepper__timeline-item:last-child{padding-bottom:0}.stepper__timeline-item:not(:last-child):before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background-color:var(--color-border-ghost)}.stepper__timeline-item--active:not(:last-child):before,.stepper__timeline-item--completed:not(:last-child):before{background-color:var(--color-accent)}.stepper__timeline-marker{flex-shrink:0;padding-top:1px}.stepper__timeline-circle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:var(--font-size-t7);font-weight:var(--font-weight-medium);position:relative;z-index:1}.stepper__timeline-item--active .stepper__timeline-circle,.stepper__timeline-item--completed .stepper__timeline-circle{background-color:var(--color-accent);color:var(--color-text-inset)}.stepper__timeline-item--pending .stepper__timeline-circle{background-color:var(--color-border-ghost);color:var(--color-text-placeholder)}.stepper__timeline-content{flex:1 1;min-width:0}.stepper__timeline-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-lg);margin-bottom:var(--space-7)}.stepper__timeline-title{font-size:var(--font-size-t5);font-weight:var(--font-weight-semibold);line-height:var(--line-height-t5)}.stepper__timeline-item--active .stepper__timeline-title,.stepper__timeline-item--completed .stepper__timeline-title{color:var(--color-text-default)}.stepper__timeline-item--pending .stepper__timeline-title{color:var(--color-text-placeholder)}.stepper__timeline-datetime{font-size:var(--font-size-t8);line-height:var(--line-height-t8);color:var(--color-text-helper);white-space:nowrap;flex-shrink:0}.stepper__timeline-description{font-size:var(--font-size-t7);line-height:var(--line-height-t7);color:var(--color-text-helper)}.page-tab{display:flex;align-items:flex-end;gap:var(--space-8);background-color:var(--color-tab-xl-bg-container);padding:20px 30px 0;min-height:60px;min-width:0}.page-tab__home,.page-tab__pinned{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-bg-section);border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-text-helper);cursor:pointer;flex-shrink:0;transition:color .15s,background-color .15s}.page-tab__home:hover,.page-tab__pinned:hover:not(:disabled){background-color:var(--color-surface-card);color:var(--color-icon-default)}.page-tab__pinned:disabled{opacity:.4;cursor:not-allowed}.page-tab__item{display:inline-flex;align-items:center;gap:8px;padding:0 12px 0 16px;height:40px;background-color:var(--color-tab-xl-bg-default);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:background-color .15s;flex:1 1;max-width:200px;min-width:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-tab__item:hover{background-color:rgba(255,255,255,.6)}.page-tab__item--active{background-color:var(--color-tab-xl-bg-selected)}.page-tab__item--active:hover{background-color:var(--color-surface-card)}.page-tab__label{background:none;border:none;padding:0;font-family:var(--font-family-base);font-size:var(--font-size-t6);font-weight:var(--font-weight-medium);letter-spacing:-.35px;color:var(--color-text-helper);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-align:left;flex:1 1}.page-tab__item--active .page-tab__label{font-weight:var(--font-weight-semibold)}.page-tab__close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:var(--radius-xs);background-color:transparent;color:var(--color-text-helper);line-height:1;cursor:pointer;flex-shrink:0;transition:background-color .15s,color .15s}.page-tab__close:hover{background-color:rgba(0,0,0,.1);color:var(--color-text-default)}.page-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-surface-card);gap:16px;flex-shrink:0}:where(.container,.grid,.list-page__header,.detail-page__header)>.page-header{margin-bottom:0}.page-header__left{display:flex;align-items:center;gap:var(--space-7);min-width:0}.page-header__title-row{display:flex;align-items:center;gap:var(--space-5)}.page-header__bookmark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;flex-shrink:0}.page-header__bookmark:hover{opacity:.8}.page-header__title{font-size:24px;line-height:1;font-weight:var(--font-weight-semibold);color:var(--color-text-default);margin:0;white-space:nowrap}.page-header__divider{width:1px;height:18px;background-color:var(--color-border-subtle);flex-shrink:0}.page-header__description{font-size:var(--font-size-t6);line-height:1.4;color:var(--color-text-helper);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-header__actions{display:flex;align-items:center;gap:var(--space-6);flex-shrink:0}.page-header__actions :is(button,.btn,a[role=button]){height:40px;min-height:40px}.page-header__actions .btn{padding:0 var(--space-2);font-size:var(--font-size-t4)}.page-header--actions-below{flex-direction:column;align-items:flex-start}.page-header--actions-below .page-header__actions{flex-wrap:wrap;max-width:100%}.page-header--actions-below .page-header__actions>.container[role=group]{flex-wrap:wrap}.search-filter{--sf-label-w:80px;--sf-input-min:150px;--sf-input-max:300px;--sf-row-gap:var(--gap-sm,6px);--sf-col-gap:12px;background-color:var(--color-bg-inset);padding:6px 20px;border-radius:var(--radius-xs)}.search-filter__grid{display:flex;flex-wrap:wrap;align-items:center;row-gap:var(--sf-row-gap);column-gap:var(--sf-col-gap)}.search-filter__field{display:flex;align-items:center;gap:var(--space-6,8px);flex:1 1 calc((100% - 4 * var(--sf-col-gap)) / 5);min-width:calc(var(--sf-label-w) + var(--space-6) + var(--sf-input-min));max-width:calc(var(--sf-label-w) + var(--space-6) + var(--sf-input-max))}.search-filter__field[data-span="2"]{flex-basis:calc((100% - 3 * var(--sf-col-gap)) * 2 / 5);max-width:none}.search-filter__field[data-span="3"]{flex-basis:calc((100% - 2 * var(--sf-col-gap)) * 3 / 5);max-width:none}.search-filter__field[data-span="4"]{flex-basis:calc((100% - 1 * var(--sf-col-gap)) * 4 / 5);max-width:none}.search-filter__field[data-span="5"]{flex-basis:100%;max-width:none}.search-filter__label{width:var(--sf-label-w);flex-shrink:0;font-size:14px;font-weight:var(--font-weight-medium);color:#5E627B;text-align:right;align-self:center;line-height:1.3;white-space:normal;word-break:keep-all}.search-filter__label--required:after{content:" *";color:var(--color-text-danger)}.search-filter__control{flex:1 1 var(--sf-input-min);min-width:var(--sf-input-min);max-width:var(--sf-input-max)}.search-filter__field[data-span="2"] .search-filter__control,.search-filter__field[data-span="3"] .search-filter__control,.search-filter__field[data-span="4"] .search-filter__control,.search-filter__field[data-span="5"] .search-filter__control{max-width:none}.search-filter__control .input-wrapper{gap:0}.search-filter__control .input-field,.search-filter__control .select-field,.search-filter__control .select-wrapper{width:100%}.search-filter__control .input-field,.search-filter__control .select-field{padding:0 var(--space-6);font-size:var(--font-size-t8);border-radius:var(--radius-xs)}.search-filter__control .select-field{padding-right:28px;background-position:right 8px center}.search-filter__actions{display:flex;align-items:center;gap:var(--space-6,8px);margin-left:auto;align-self:center;flex-shrink:0}.search-area{background-color:var(--color-bg-section);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);padding:var(--pad-y-2xs) var(--pad-x-lg)}.search-area--bare{background-color:transparent;border:none;padding:0}.search-area--bare .search-area__collapse-bar{margin-left:0;margin-right:0;margin-bottom:0}.search-area--label-left .search-area__label{text-align:left}.search-area--single-row{box-sizing:border-box}.search-area--compact .date-picker__trigger,.search-area--compact .dropdown__trigger,.search-area--compact .input-field{padding-left:var(--gap-lg);padding-right:var(--gap-lg)}.search-area__body{display:flex;align-items:flex-end;gap:0}.search-area__actions{display:flex;align-items:center;gap:var(--gap-md);flex-shrink:0;margin-left:12px}.search-area__actions--footer{margin-left:0;margin-top:20px}.search-area__actions--align-start{justify-content:flex-start}.search-area__actions--align-center{justify-content:center}.search-area__actions--align-end{justify-content:flex-end}.search-area__grid{flex:1 1;display:grid;grid-template-columns:repeat(var(--search-cols,6),auto 1fr);grid-gap:var(--gap-sm) 12px;gap:var(--gap-sm) 12px;align-items:center}.search-area__grid--1col{--search-cols:1}.search-area__grid--3col{--search-cols:3}.search-area__grid--4col{--search-cols:4}.search-area__grid--5col{--search-cols:5}.search-area__grid--6col{--search-cols:6}.search-area__grid--7col{--search-cols:7;gap:var(--gap-sm) 10px}.search-area__grid--7col>.search-area__field+.search-area__label{margin-left:10px}.search-area__field+.search-area__label{margin-left:var(--gap-md)}.search-area__row{display:contents}.search-area__grid:has(.search-area__row){row-gap:0}.search-area__row+.search-area__row:before{content:"";grid-column:1/-1;border-top:1px solid var(--color-border-subtle);margin:2.5px -20px;padding:0 20px}.search-area__label{width:var(--search-area-label-width,auto);font-size:14px;font-weight:var(--font-weight-medium);color:#5E627B;white-space:nowrap;text-align:right}.search-area__field{min-width:auto}.search-area__field:not([class*="--span"]){max-width:var(--search-area-field-max-width,none)}.search-area__field--span-2{grid-column:span 3}.search-area__field--span-3{grid-column:span 5}.search-area__field--span-4{grid-column:span 7}.search-area__field--span-5{grid-column:span 9}.search-area__field--span-6{grid-column:span 11}.search-area__field--span-7{grid-column:span 13}.search-area__collapse-bar{display:flex;align-items:center;justify-content:center;height:20px;background-color:var(--color-text-placeholder);color:var(--color-text-inset);cursor:pointer;font-size:10px;margin:10px -20px -10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s}.search-area__collapse-bar:hover{background-color:var(--color-text-helper)}.search-area--responsive:not(.search-area--bare){padding:var(--pad-y-4xs) var(--pad-x-lg)}.search-area--responsive:not(.search-area--bare) .search-area__collapse-bar{margin-bottom:calc(-1 * var(--pad-y-4xs))}.search-area--responsive .search-area__grid{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-sm) 20px;min-width:0}.search-area--responsive .search-area__item{display:flex;align-items:center;column-gap:var(--gap-xl);flex:0 1 auto;min-width:0;max-width:100%}.search-area--responsive .search-area__item>.search-area__field{flex:0 1 auto;min-width:var(--search-area-field-min-width,120px);max-width:var(--search-area-field-max-width,200px)}.search-area--responsive .search-area__item>.search-area__field:has(.btn),.search-area--responsive .search-area__item>.search-area__field:has(.checkbox-wrapper),.search-area--responsive .search-area__item>.search-area__field:has(.date-picker~.date-picker),.search-area--responsive .search-area__item>.search-area__field:has(.dropdown~.dropdown),.search-area--responsive .search-area__item>.search-area__field:has(.input-field~.input-field),.search-area--responsive .search-area__item>.search-area__field:has(.radio-wrapper),.search-area--responsive .search-area__item>.search-area__field[class*="--span"]{min-width:auto;max-width:none;width:max-content;max-width:100%}.search-area--strict-span .search-area__item{flex:0 0 calc((100% + 20px) * 1 / var(--search-cols, 6) - 20px);min-width:max-content;max-width:100%}.search-area--strict-span .search-area__item--span-2{flex-basis:calc((100% + 20px) * 2 / var(--search-cols, 6) - 20px)}.search-area--strict-span .search-area__item--span-3{flex-basis:calc((100% + 20px) * 3 / var(--search-cols, 6) - 20px)}.search-area--strict-span .search-area__item--span-4{flex-basis:calc((100% + 20px) * 4 / var(--search-cols, 6) - 20px)}.search-area--strict-span .search-area__item--span-5{flex-basis:calc((100% + 20px) * 5 / var(--search-cols, 6) - 20px)}.search-area--strict-span .search-area__item--span-6{flex-basis:calc((100% + 20px) * 6 / var(--search-cols, 6) - 20px)}.search-area--strict-span .search-area__item--span-7{flex-basis:calc((100% + 20px) * 7 / var(--search-cols, 6) - 20px)}.search-area--responsive.search-area--uniform .search-area__item>.search-area__field{flex:0 0 auto;width:var(--search-area-field-width);min-width:var(--search-area-field-width);max-width:var(--search-area-field-width)}.search-area--responsive.search-area--uniform .search-area__item>.search-area__field--span-2{width:calc(var(--search-area-field-width) * 2 + 20px);min-width:calc(var(--search-area-field-width) * 2 + 20px);max-width:calc(var(--search-area-field-width) * 2 + 20px)}.search-area--responsive.search-area--uniform .search-area__item>.search-area__field--span-3{width:calc(var(--search-area-field-width) * 3 + 40px);min-width:calc(var(--search-area-field-width) * 3 + 40px);max-width:calc(var(--search-area-field-width) * 3 + 40px)}.search-area--responsive .search-area__field:not(:has(.btn)):not(:has(.dropdown~.dropdown~.dropdown)) .dropdown,.search-area--responsive .search-area__field:not(:has(.btn)):not(:has(.dropdown~.dropdown~.dropdown)) .input-wrapper{width:var(--search-area-control-width,160px);min-width:var(--search-area-control-width,160px);max-width:var(--search-area-control-width,160px);flex:0 0 auto}.search-area--responsive .search-area__item>.search-area__field:has(.dropdown~.dropdown) .dropdown{min-width:96px}.search-area--responsive .search-area__field .date-picker{width:var(--search-area-date-max-width,155px);min-width:var(--search-area-date-max-width,155px);max-width:var(--search-area-date-max-width,155px);flex:0 0 auto}