.ph-wb-page{display: flex;flex-direction: column;align-items: stretch;gap: 12px;padding: 18px;box-sizing: border-box;background: #F6F8FA;height: 100%;min-height: 0;overflow: hidden}.ph-wb-tabs{flex-shrink: 0;display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 8px}.ph-wb-tab{text-align: left;border: 1.5px solid #E3E8EF;background: #FBFCFD;border-radius: 8px;padding: 8px 12px;cursor: pointer;font-family: inherit;display: flex;align-items: center;gap: 10px;min-width: 0;margin: 0}.ph-wb-tab:hover{border-color: #B9CFF2}.ph-wb-tab--active,.ph-wb-tab--active:hover{border-color: #1D6FE0;background: #fff}.ph-wb-tab__num{font-size: 22px;font-weight: 700;font-variant-numeric: tabular-nums;line-height: 1}.ph-wb-tab__num--warn{color: #B5810E}.ph-wb-tab__num--blue{color: #1D6FE0}.ph-wb-tab__num--danger{color: #DC2626}.ph-wb-tab__num--green{color: #16A34A}.ph-wb-tab__num--ink{color: #0F1826}.ph-wb-tab__text{display: flex;flex-direction: column;gap: 2px;min-width: 0}.ph-wb-tab__label{display: block;max-width: 100%;font-size: 12.5px;font-weight: 600;color: #0F1826;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: normal}.ph-wb-tab__hint{display: block;font-size: 10.5px;color: #9AA3B2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: normal}.ph-wb-tab__hint--danger{color: #DC2626}.ph-wb-card{flex: 1;min-height: 0;position: relative;display: flex;flex-direction: column;background: #fff;border: 1px solid #E3E8EF;border-radius: 8px;overflow: hidden}.ph-wb-toolbar{flex-shrink: 0;display: flex;align-items: center;gap: 8px;padding: 8px 12px;border-bottom: 1px solid #EEF1F5;flex-wrap: nowrap}.ph-wb-chips{display: flex;gap: 6px;flex-wrap: wrap;min-width: 0}.ph-wb-chip{border: 1px solid #E3E8EF;background: #fff;color: #4B5563;border-radius: 999px;padding: 3px 10px;font-size: 11.5px;line-height: normal;cursor: pointer;font-family: inherit;display: inline-flex;gap: 5px;white-space: nowrap;margin: 0}.ph-wb-chip--active{border-color: #1D6FE0;background: #EEF5FF;color: #1D6FE0}.ph-wb-chip--zero{opacity: 0.5}.ph-wb-chip__count{font-weight: 600;color: #9AA3B2}.ph-wb-chip--active .ph-wb-chip__count{color: #1D6FE0}.ph-wb-chip .ph-wb-chip__count--alert{color: #DC2626}.ph-wb-search{margin-left: auto;position: relative;flex: 1 1 180px;min-width: 150px;max-width: 230px}.ph-wb-search::before{content: "";position: absolute;left: 10px;top: 50%;width: 13px;height: 13px;transform: translateY(-50%);pointer-events: none;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%239AA3B2' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat center / 13px 13px}.ph-wb-search__input{width: 100%;box-sizing: border-box;padding: 5px 10px 5px 30px;border: 1px solid #E3E8EF;border-radius: 6px;font-size: 12px;font-family: inherit;outline: none;background: #fff;color: #0F1826;line-height: normal}.ph-wb-search__input:focus{border-color: #1D6FE0}.ph-wb-search__input::placeholder{color: #9AA3B2}.ph-wb-seg{flex-shrink: 0;display: flex;border: 1px solid #E3E8EF;border-radius: 6px;overflow: hidden;background: #fff}.ph-wb-seg__btn{border: none;cursor: pointer;font-family: inherit;font-size: 11.5px;line-height: normal;padding: 5px 10px;white-space: nowrap;background: #fff;color: #4B5563;font-weight: 400;margin: 0}.ph-wb-seg__btn + .ph-wb-seg__btn{border-left: 1px solid #E3E8EF}.ph-wb-seg__btn--active{background: #1D6FE0;color: #fff;font-weight: 600}.ph-wb-grid{display: grid;grid-template-columns: 112px minmax(240px,1fr) 72px minmax(140px,200px) 116px minmax(120px,180px) 140px;gap: 8px}.ph-wb-grid>*{min-width: 0}.ph-wb-head{flex-shrink: 0;padding: 6px 12px;border-bottom: 1px solid #E3E8EF;font-size: 11px;line-height: normal;color: #9AA3B2;background: #FAFBFD}.ph-wb-head__right{text-align: right}.ph-wb-refresh{flex-shrink: 0;display: flex;align-items: center;justify-content: center;gap: 10px;padding: 6px 12px;background: #EEF5FF;border-bottom: 1px solid #B9CFF2;font-size: 12px;line-height: normal;color: #0F4897}.ph-wb-refresh__dot{width: 6px;height: 6px;border-radius: 50%;background: #1D6FE0}.ph-wb-refresh__btn{border: none;background: #1D6FE0;color: #fff;border-radius: 999px;padding: 2px 11px;font-size: 11.5px;font-weight: 500;line-height: normal;cursor: pointer;font-family: inherit;margin: 0}.ph-wb-body{flex: 1;min-height: 0;overflow: auto}.ph-wb-empty{text-align: center;padding: 60px 20px;color: #9AA3B2;font-size: 12.5px;line-height: 1.7}.ph-wb-foot{padding: 14px;text-align: center;font-size: 11.5px;line-height: normal;color: #9AA3B2}.ph-wb-pos{position: absolute;right: 14px;bottom: 10px;background: rgba(15,24,38,0.78);color: #fff;font-size: 11px;line-height: normal;border-radius: 999px;padding: 4px 11px;font-variant-numeric: tabular-nums;pointer-events: none}.ph-wb-group{display: flex;align-items: center;gap: 10px;padding: 8px 12px;background: #F6F8FA;border-top: 1px solid #EEF1F5;border-bottom: 1px solid #EEF1F5;line-height: normal}.ph-wb-group__title{display: flex;align-items: center;gap: 10px;min-width: 0;flex: 0 1 auto;cursor: pointer}.ph-wb-group__chev{color: #667085;font-size: 12px;width: 18px;flex-shrink: 0}.ph-wb-group__customer{min-width: 0;font-size: 13px;font-weight: 600;color: #0F1826;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-wb-group__code,.ph-wb-group__code:visited{flex-shrink: 0;font-size: 11.5px;font-family: var(--font-mono);color: #667085;white-space: nowrap;text-decoration: none}.ph-wb-group__code--link,.ph-wb-group__code--link:visited{color: #1D6FE0}.ph-wb-group__code--link:hover{color: #1A5FC4;text-decoration: underline}.ph-wb-group__meta{min-width: 0;font-size: 11.5px;color: #9AA3B2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-wb-group__chips{display: flex;gap: 5px;margin-left: 4px}.ph-wb-gchip{font-size: 10.5px;font-weight: 600;border: 1px solid;border-radius: 4px;padding: 0 6px;white-space: nowrap}.ph-wb-gchip--red{color: #B91C1C;background: #FDECEC;border-color: #F5C9C9}.ph-wb-gchip--gray{color: #4B5563;background: #F2F5F9;border-color: #E3E8EF}.ph-wb-gchip--amber{color: #92600A;background: #FFF6E3;border-color: #F5D48F}.ph-wb-gchip--blue{color: #1D6FE0;background: #EEF5FF;border-color: #B9CFF2}.ph-wb-gchip--green{color: #16A34A;background: #F0FDF4;border-color: #A7DDBC}.ph-wb-group__unread{font-size: 10.5px;font-weight: 700;color: #fff;background: #DC2626;border-radius: 999px;padding: 0 6px;line-height: 16px;white-space: nowrap}.ph-wb-batch{margin-left: auto;border: 1px solid #B9CFF2;background: #F5F9FF;color: #1D6FE0;border-radius: 6px;padding: 3px 10px;font-size: 11.5px;font-weight: 500;line-height: normal;cursor: pointer;font-family: inherit;white-space: nowrap}.ph-wb-batch:hover{background: #1D6FE0;color: #fff}.ph-wb-row{align-items: center;padding: 9px 12px;border-bottom: 1px solid #F1F4F8;background: #fff;line-height: normal}.ph-wb-row--overdue{background: #FFFAFA}.ph-wb-row:hover{background: #F8FAFC}.ph-wb-st{display: flex;flex-direction: column;gap: 4px;align-items: flex-start}.ph-wb-pill{display: inline-flex;align-items: center;gap: 5px;font-size: 11px;font-weight: 600;border: 1px solid;border-radius: 999px;padding: 1px 8px;white-space: nowrap}.ph-wb-pill__dot{width: 6px;height: 6px;border-radius: 50%}.ph-wb-pill--red{color: #B91C1C;background: #FDECEC;border-color: #F5C9C9}.ph-wb-pill--red .ph-wb-pill__dot{background: #DC2626}.ph-wb-pill--gray{color: #4B5563;background: #F2F5F9;border-color: #E3E8EF}.ph-wb-pill--gray .ph-wb-pill__dot{background: #9AA3B2}.ph-wb-pill--amber{color: #92600A;background: #FFF6E3;border-color: #F5D48F}.ph-wb-pill--amber .ph-wb-pill__dot{background: #F59A0B}.ph-wb-pill--blue{color: #1D6FE0;background: #EEF5FF;border-color: #B9CFF2}.ph-wb-pill--blue .ph-wb-pill__dot{background: #1D6FE0}.ph-wb-pill--green{color: #16A34A;background: #F0FDF4;border-color: #A7DDBC}.ph-wb-pill--green .ph-wb-pill__dot{background: #16A34A}.ph-wb-wait{max-width: 100%;font-size: 11px;font-variant-numeric: tabular-nums;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-wb-wait--muted{color: #667085}.ph-wb-wait--warn{color: #B5810E}.ph-wb-wait--danger{color: #B91C1C}.ph-wb-prod{display: flex;align-items: center;gap: 10px;min-width: 0}.ph-wb-prod>:first-child{flex-shrink: 0}.ph-wb-prod__text{flex: 1;min-width: 0}.ph-wb-prod__line{display: flex;align-items: center;gap: 6px;min-width: 0}.ph-wb-prod__name,.ph-wb-prod__name:visited{display: block;min-width: 0;font-size: 13px;font-weight: 600;color: #1D6FE0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-decoration: none}.ph-wb-prod__name:hover{color: #1A5FC4;text-decoration: underline}.ph-wb-prod__direct{flex-shrink: 0;font-size: 10px;font-weight: 600;color: #92600A;background: #FFF6E3;border: 1px solid #F5D48F;border-radius: 4px;padding: 0 5px}.ph-wb-prod__sub{font-size: 11px;color: #9AA3B2;margin-top: 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ph-wb-prod__code{font-family: var(--font-mono);color: #667085}.ph-wb-qty{text-align: right;font-size: 12.5px;color: #0F1826;font-variant-numeric: tabular-nums}.ph-wb-fac{display: flex;flex-wrap: wrap;gap: 4px;min-width: 0}.ph-wb-fchip{font-size: 10.5px;font-weight: 500;border: 1px solid;border-radius: 4px;padding: 1px 6px;white-space: nowrap;font-variant-numeric: tabular-nums;max-width: 100%;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box}.ph-wb-fchip--adopted{color: #fff;background: #16A34A;border-color: #16A34A}.ph-wb-fchip--approved{color: #16A34A;background: #F0FDF4;border-color: #A7DDBC}.ph-wb-fchip--submitted{color: #92600A;background: #FFF6E3;border-color: #F5D48F}.ph-wb-fchip--overdue{color: #B91C1C;background: #FDECEC;border-color: #F5C9C9}.ph-wb-fchip--pending{color: #667085;background: #F2F5F9;border-color: #E3E8EF}.ph-wb-fac__more{font-size: 10.5px;color: #667085}.ph-wb-fac__empty{font-size: 11.5px;color: #9AA3B2}.ph-wb-price{text-align: right;min-width: 0}.ph-wb-price__main{font-size: 13px;font-weight: 700;font-variant-numeric: tabular-nums}.ph-wb-price__main--on{color: #0F1826}.ph-wb-price__main--pending{color: #92600A}.ph-wb-price__main--none{color: #C2C9D4}.ph-wb-price__sub{font-size: 10.5px;margin-top: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-wb-price__sub--hit{color: #16A34A}.ph-wb-price__sub--over{color: #B5810E}.ph-wb-price__sub--muted{color: #9AA3B2}.ph-wb-ev{display: flex;align-items: center;gap: 8px;min-width: 0}.ph-wb-ev__slot:empty{display: none}.ph-wb-ev__badge{flex-shrink: 0;display: inline-block;font-size: 10.5px;font-weight: 700;color: #fff;background: #DC2626;border-radius: 999px;min-width: 18px;text-align: center;line-height: 18px;padding: 0 5px;box-sizing: border-box}.ph-wb-ev__body{min-width: 0}.ph-wb-ev__head{font-size: 11px;color: #667085;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-wb-ev__text{font-size: 11.5px;color: #667085;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 1px}.ph-wb-ev__text--unread{color: #0F1826}.ph-wb-ev__empty{font-size: 11.5px;color: #C2C9D4}.ph-wb-ops{display: flex;flex-direction: column;gap: 4px;align-items: flex-end}.ph-wb-ops__main{display: flex;gap: 6px;align-items: center}.ph-wb-btn{display: inline-flex;align-items: center;box-sizing: border-box;height: 26px;border-radius: 6px;font-size: 11.5px;line-height: 1;white-space: nowrap;cursor: pointer;font-family: inherit;margin: 0;border: 1px solid}.ph-wb-btn--view{border-color: #E3E8EF;background: #fff;color: #4B5563;padding: 4px 9px}.ph-wb-btn--view:hover{border-color: #B9CFF2;background: #F5F9FF;color: #1D6FE0}.ph-wb-btn--primary,.ph-wb-btn--warn,.ph-wb-btn--ghost{padding: 4px 10px;font-weight: 500}.ph-wb-btn--primary{border-color: #1D6FE0;background: #1D6FE0;color: #fff}.ph-wb-btn--warn{border-color: #F5D48F;background: #FFF6E3;color: #92600A}.ph-wb-btn--ghost{border-color: #E3E8EF;background: #fff;color: #4B5563}.ph-wb-sublink{border: none;background: none;padding: 0;font-size: 11px;line-height: normal;color: #1D6FE0;cursor: pointer;font-family: inherit;white-space: nowrap}.ph-wb-sublink:hover{color: #1A5FC4}