.ph-de,.ph-de *{line-height: normal}.ph-de{position: relative}.ph-de-head{flex-shrink: 0;padding: 14px 20px;border-bottom: 1px solid #EEF1F5;display: flex;align-items: center;gap: 11px}.ph-de-head-icon{width: 36px;height: 36px;flex-shrink: 0;border-radius: 8px;background: #FFF6E3;display: flex;align-items: center;justify-content: center}.ph-de-head-col{flex: 1;min-width: 0}.ph-de-title-row{display: flex;align-items: center;gap: 8px}.ph-de-title{font-size: 15px;font-weight: 700;color: #0F1826}.ph-de-title-row .ph-badge--warn{font-size: 10.5px !important;font-weight: 600 !important;color: #92600A !important;background: #FFF6E3 !important;border: 1px solid #F5D48F !important;padding: 1px 8px !important}.ph-de-subtitle{display: block;margin-top: 3px;font-size: 11.5px;color: #9AA3B2}.ph-de-close{flex-shrink: 0;border: none;background: #F2F4F7;color: #5A6473;width: 28px;height: 28px;border-radius: 7px;font-size: 15px;cursor: pointer;font-family: inherit}.ph-de-close:hover{background: #E3E8EF}.ph-de-body{flex: 1;min-height: 0;display: grid;grid-template-columns: minmax(0,1fr) 300px}.ph-de-main{min-height: 0;min-width: 0;overflow-y: auto;padding: 16px 20px;display: flex;flex-direction: column;gap: 16px}.ph-de-side{min-height: 0;overflow: auto;background: #F8FAFC;border-left: 1px solid #EEF1F5;padding: 16px;display: flex;flex-direction: column;gap: 14px}.ph-de-side-caption{font-size: 11px;font-weight: 600;letter-spacing: .06em;color: #9AA3B2;margin-bottom: 8px}.ph-de-field-label{font-size: 12px;color: #4B5563;margin-bottom: 5px}.ph-de-ann{font-size: 11px;color: #9AA3B2}.ph-de-star{color: #DC2626}.ph-de-input,.ph-de-note{width: 100%;box-sizing: border-box}vaadin-text-field.ph-de-input::part(input-field),vaadin-text-area.ph-de-note::part(input-field){background: #fff;border: 1px solid #E3E8EF;border-radius: 6px;box-shadow: none;padding: 0 10px}vaadin-text-area.ph-de-note{padding: 0}vaadin-text-area.ph-de-note::part(input-field){padding: 8px 10px;min-height: 52px;font-size: 12.5px;resize: none}vaadin-text-area.ph-de-note::part(input-field):focus-within{border-color: #1D6FE0;box-shadow: 0 0 0 3px rgba(29,111,224,.22)}vaadin-text-field.ph-de-input::part(input-field):focus-within{border-color: #1D6FE0;box-shadow: 0 0 0 3px rgba(29,111,224,.22)}.ph-de-bottomrow{display: grid;grid-template-columns: minmax(0,1fr) 160px;gap: 12px}.ph-de-img-row{display: flex;gap: 6px}.ph-de-img-placeholder{width: 52px;height: 52px;border-radius: 6px;background: #E8EEF6;object-fit: cover;display: block}.ph-de-img-add{width: 52px;height: 52px;border-radius: 6px;border: 1px dashed #C9D6E8;background: #FAFBFD;color: #9AA3B2;font-size: 16px;display: flex;align-items: center;justify-content: center;cursor: pointer;flex-shrink: 0}.ph-de-img-thumb{position: relative;width: 52px;height: 52px;flex-shrink: 0}.ph-de-img-del{position: absolute;top: -7px;right: -7px;width: 16px;height: 16px;min-width: 16px;border-radius: 50%;background: #fff;border: 1px solid #EEF1F5}.ph-de-match-placeholder{display: flex;flex-direction: column;gap: 6px;background: #fff;border: 1px dashed #D5DBE4;border-radius: 8px;padding: 12px;font-size: 11.5px;line-height: 1.6;color: #9AA3B2}.ph-de-match-placeholder-missing{color: #B5810E}.ph-de-match-hit{border: 1.5px solid #8FB8ED;background: #F5F9FF;border-radius: 8px;padding: 10px 12px;display: flex;gap: 10px;align-items: flex-start}.ph-de-match-miss{border: 1.5px solid #F5D48F;background: #FFFBEB;border-radius: 8px;padding: 10px 12px;display: flex;gap: 10px;align-items: flex-start}.ph-de-match-swatch{width: 40px;height: 40px;flex-shrink: 0;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 10.5px;font-weight: 700;font-family: var(--font-mono);background: color-mix(in srgb,var(--ph-de-tier) 10%,#fff);color: var(--ph-de-tier)}.ph-de-match-missicon{width: 40px;height: 40px;flex-shrink: 0;border-radius: 8px;background: #FFF6E3;color: #B5810E;font-size: 16px;display: flex;align-items: center;justify-content: center}.ph-de-match-info{flex: 1;min-width: 0}.ph-de-match-badgerow{display: flex;align-items: center;gap: 6px}.ph-de-match-hitlabel{font-size: 11px;font-weight: 600;color: #1D6FE0}.ph-de-match-status{font-size: 10px;font-weight: 600;border: 1px solid;border-radius: 999px;padding: 0 6px}.ph-de-match-status--approved{color: #16A34A;background: #F0FDF4;border-color: #A7DDBC}.ph-de-match-status--pending{color: #92600A;background: #FFF6E3;border-color: #F5D48F}.ph-de-match-name{margin-top: 3px;font-size: 13px;font-weight: 600;color: #0F1826}.ph-de-match-spec{margin-top: 2px;font-size: 11px;color: #667085}.ph-de-match-price{margin-top: 4px;font-size: 11px;color: #4B5563}.ph-de-match-pendingnote{margin-top: 4px;font-size: 10.5px;color: #92600A}.ph-de-match-misstitle{font-size: 11px;font-weight: 600;color: #92600A}.ph-de-match-missdetail{margin-top: 3px;font-size: 11.5px;line-height: 1.5;color: #4B5563}.ph-de-namebox{transition: background-color .6s;border-radius: 6px}.ph-de-namebox--flash{background: #FFF6E3}.ph-de-qtybox{transition: background-color .6s;border-radius: 6px}.ph-de-qtybox--flash{background: #FFF6E3}.ph-de-name-hint{display: block;margin-top: 4px;font-size: 10.5px;color: #9AA3B2}.ph-de-summary{display: flex;flex-direction: column;gap: 5px}.ph-de-summary-row{display: flex;gap: 8px;font-size: 11.5px;line-height: 1.4}.ph-de-summary-label{width: 62px;flex-shrink: 0;color: #9AA3B2}.ph-de-summary-value{display: block;min-width: 0;flex: 1;color: #0F1826;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.ph-de-summary-value--empty{color: #C2C9D4}.ph-de-footnote{margin-top: auto;font-size: 10.5px;line-height: 1.6;color: #9AA3B2}.ph-de-foot{flex-shrink: 0;border-top: 1px solid #EEF1F5;padding: 12px 20px;display: flex;align-items: center;gap: 10px}.ph-de-missbar{flex: 1;min-width: 0;display: flex;align-items: center;gap: 5px;flex-wrap: wrap;font-size: 11.5px;line-height: 1.4}.ph-de-foot-lead{color: #B5810E}.ph-de-foot-lead--ok{color: #16A34A}.ph-de-missbar-pills{display: contents}.ph-de-missbar-pill{border: 1px solid #F5D48F;background: #FFFBEB;color: #92600A;border-radius: 999px;padding: 1px 8px;font-size: 11px;cursor: pointer;font-family: inherit;white-space: nowrap}.ph-de-missbar-pill:hover{border-color: #B5810E}.ph-de-cancel{border: 1px solid #E3E8EF;background: #fff;color: #4B5563;border-radius: 6px;height: 36px;padding: 0 16px;font-size: 13px;cursor: pointer;font-family: inherit}.ph-de-confirm{border: none;background: #1D6FE0;color: #fff;border-radius: 6px;height: 36px;padding: 0 18px;font-size: 13px;font-weight: 500;font-family: inherit;cursor: pointer}.ph-de-confirm:disabled{opacity: .45;cursor: not-allowed}.ph-de-catblock{}.ph-de-cat-chips{display: flex;gap: 6px;flex-wrap: wrap;align-items: center}.ph-de-cat-chip{border: 1px solid #E3E8EF;background: #fff;color: #4B5563;border-radius: 6px;padding: 6px 12px;font-size: 12.5px;cursor: pointer;font-family: inherit;font-weight: 400}.ph-de-cat-chip:hover{border-color: #1D6FE0}.ph-de-cat-chip--on{border-color: #1D6FE0;background: #EEF5FF;color: #1D6FE0;font-weight: 600}.ph-de-cat-more-btn{display: inline-flex;align-items: center;gap: 6px;border: 1px dashed #B9CFF2;background: #F5F9FF;color: #1D6FE0;border-radius: 6px;padding: 6px 12px;font-size: 12px;cursor: pointer;font-family: inherit}.ph-de-cat-more-btn:hover{border-style: solid}.ph-de-cat-path{display: block;margin-top: 6px;font-size: 11px;color: #9AA3B2}.ph-de-catpk-scrim{position: absolute;inset: 0;z-index: 5;background: rgba(15,24,38,.08)}.ph-de-catpk-panel{position: absolute;top: 132px;left: 20px;width: 720px;max-width: calc(100% - 40px);height: 440px;max-height: calc(100% - 150px);background: #fff;border: 1px solid #D5DBE4;border-radius: 8px;box-shadow: 0 12px 32px rgba(15,24,38,.18);z-index: 6;display: flex;flex-direction: column;overflow: hidden}.ph-de-catpk-searchrow{flex-shrink: 0;display: flex;align-items: center;gap: 10px;padding: 10px 12px;border-bottom: 1px solid #EEF1F5}.ph-de-catpk-searchwrap{position: relative;flex: 1;min-width: 0}.ph-de-catpk-searchicon{position: absolute;left: 10px;top: 50%;transform: translateY(-50%);color: #9AA3B2}input.ph-de-catpk-searchinput{width: 100%;box-sizing: border-box;height: 32px;padding: 0 10px 0 30px;border: 1px solid #1D6FE0;border-radius: 6px;font-size: 12.5px;font-family: inherit;outline: none;color: #0F1826;box-shadow: 0 0 0 3px rgba(29,111,224,.15)}.ph-de-catpk-count{flex-shrink: 0;font-size: 11px;color: #9AA3B2;white-space: nowrap}.ph-de-catpk-closebtn{flex-shrink: 0;border: none;background: #F2F4F7;color: #5A6473;width: 26px;height: 26px;border-radius: 6px;font-size: 14px;cursor: pointer;font-family: inherit}.ph-de-catpk-body{flex: 1;min-height: 0;display: flex;flex-direction: column}.ph-de-catpk-recent{flex-shrink: 0;display: flex;align-items: center;gap: 6px;padding: 8px 12px;border-bottom: 1px solid #EEF1F5;flex-wrap: wrap}.ph-de-catpk-recent-label{font-size: 11px;color: #9AA3B2;margin-right: 2px}.ph-de-catpk-recent-chip{border: 1px solid #E3E8EF;background: #fff;color: #4B5563;border-radius: 999px;padding: 3px 10px;font-size: 11.5px;cursor: pointer;font-family: inherit;white-space: nowrap}.ph-de-catpk-recent-chip:hover{border-color: #1D6FE0;color: #1D6FE0}.ph-de-catpk-recent-chip-parent{color: #9AA3B2}.ph-de-catpk-cols{flex: 1;min-height: 0;display: grid;grid-template-columns: 170px 210px minmax(0,1fr)}.ph-de-catpk-col{min-height: 0;overflow: auto;border-right: 1px solid #EEF1F5;padding: 6px;display: flex;flex-direction: column;gap: 1px}.ph-de-catpk-col--l1{background: #F8FAFC}.ph-de-catpk-col--muted{background: #FCFDFE}.ph-de-catpk-col--white{background: #fff}.ph-de-catpk-col--empty{background: #FAFBFD}.ph-de-catpk-col-title{font-size: 10.5px;color: #9AA3B2;padding: 2px 8px 5px}.ph-de-catpk-col-emptytext{font-size: 11.5px;color: #9AA3B2;padding: 18px 8px;text-align: center;line-height: 1.6}.ph-de-catpk-row{width: 100%;text-align: left;border: none;background: transparent;border-radius: 5px;padding: 6px 8px;cursor: pointer;font-family: inherit;display: flex;align-items: center;gap: 6px}.ph-de-catpk-row:not(.ph-de-catpk-row--leaf):not(.ph-de-catpk-row--on):hover{background: #EEF1F5}.ph-de-catpk-row--leaf:hover{background: #F5F9FF}.ph-de-catpk-row--on{background: #E8EEF6}.ph-de-catpk-row--on .ph-de-catpk-row-label{font-weight: 600}.ph-de-catpk-row--cur{background: #EEF5FF}.ph-de-catpk-row--cur .ph-de-catpk-row-label{color: #1D6FE0;font-weight: 600}.ph-de-catpk-row--cur .ph-de-catpk-row-right{color: #1D6FE0}.ph-de-catpk-row-label{flex: 1;min-width: 0;font-size: 12.5px;color: #0F1826;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-de-catpk-row-sub{flex-shrink: 0;font-size: 10.5px;color: #9AA3B2;max-width: 40%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-de-catpk-row-right{flex-shrink: 0;font-size: 10.5px;color: #9AA3B2;font-variant-numeric: tabular-nums}.ph-de-catpk-hits{flex: 1;min-height: 0;overflow: auto;padding: 6px}.ph-de-catpk-nohit{text-align: center;padding: 50px 20px;font-size: 12px;color: #9AA3B2;line-height: 1.7}.ph-de-catpk-hitrow{width: 100%;text-align: left;border: none;background: transparent;border-radius: 5px;padding: 7px 10px;cursor: pointer;font-family: inherit;display: flex;align-items: baseline;gap: 10px}.ph-de-catpk-hitrow:hover{background: #F5F9FF}.ph-de-catpk-hitrow-label{font-size: 12.5px;color: #0F1826;white-space: nowrap}.ph-de-catpk-hl{color: #1D6FE0;font-weight: 600;background: #EEF5FF;border-radius: 2px}.ph-de-catpk-hitrow-parent{flex: 1;min-width: 0;font-size: 11px;color: #9AA3B2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-de-catpk-hitrow-cur{flex-shrink: 0;font-size: 11px;color: #1D6FE0}.ph-de-catpk-more{padding: 8px 10px;font-size: 11px;color: #9AA3B2}.ph-de-catpk-foothint{flex-shrink: 0;padding: 7px 12px;border-top: 1px solid #EEF1F5;background: #FAFBFD;font-size: 11px;color: #9AA3B2}.ph-de-sec{border: 1px solid #EEF1F5;border-radius: 8px;overflow: clip}.ph-de-sec-head{position: sticky;top: -16px;z-index: 2;background: #F8FAFC;display: flex;align-items: center;gap: 8px;padding: 8px 12px;border-bottom: 1px solid #EEF1F5}.ph-de-sec-lock{display: inline-flex;align-items: center;flex-shrink: 0}.ph-de-sec-title{font-size: 12.5px;font-weight: 600;color: #0F1826}.ph-de-sec-sub{font-size: 11px;color: #9AA3B2}.ph-de-sec-count{margin-left: auto;flex-shrink: 0;font-size: 11px;font-weight: 600;color: #B5810E;font-variant-numeric: tabular-nums}.ph-de-sec-count--ok{color: #16A34A}.ph-de-sec-count--hit{color: #1D6FE0}.ph-de-sec-cand-row{display: flex;align-items: center;gap: 6px;padding: 6px 12px;border-bottom: 1px solid #F3F5F8;background: #FCFDFE;font-size: 11px}.ph-de-sec-cand-row--info{color: #1D6FE0}.ph-de-sec-cand-row--warn{color: #B5810E}.ph-de-sec-hitnote-row{display: flex;align-items: center;gap: 10px;padding: 10px 12px;background: #F5F9FF}.ph-de-sec-hitnote-check{width: 18px;height: 18px;flex-shrink: 0;border-radius: 50%;background: #1D6FE0;color: #fff;font-size: 10px;display: inline-flex;align-items: center;justify-content: center}.ph-de-sec-hitnote-textcol{flex: 1;min-width: 0}.ph-de-sec-hitnote-line1{font-size: 12px;color: #0F1826}.ph-de-sec-hitnote-line2{margin-top: 2px;font-size: 10.5px;color: #667085}.ph-de-sec-hitnote-btn{flex-shrink: 0;border: 1px solid #E3E8EF;background: #fff;color: #4B5563;border-radius: 6px;padding: 4px 10px;font-size: 11.5px;cursor: pointer;font-family: inherit;white-space: nowrap}.ph-de-sec-rows{display: flex;flex-direction: column}.ph-de-attr{display: grid;grid-template-columns: 112px minmax(0,1fr);gap: 12px;align-items: start;padding: 9px 12px;border-bottom: 1px solid #F3F5F8;background: #fff;transition: background .6s}.ph-de-attr--flash{background: #FFF6E3}.ph-de-attr:last-child{border-bottom: none}.ph-de-attr-head{display: flex;align-items: flex-start;gap: 6px;padding-top: 6px}.ph-de-attr-dot{width: 6px;height: 6px;border-radius: 50%;margin-top: 5px;flex-shrink: 0;background: #E3E8EF}.ph-de-attr-dot--missing{background: #F59A0B}.ph-de-attr-dot--filled{background: #16A34A}.ph-de-attr-labelcol{min-width: 0}.ph-de-attr-label{font-size: 12px;font-weight: 500;color: #0F1826}.ph-de-attr-typehint{margin-top: 2px;font-size: 10px;color: #9AA3B2}.ph-de-attr-control{min-width: 0}.ph-de-attr-empty{font-size: 11.5px;color: #9AA3B2}.ph-de-attr-rangeerr{margin-top: 5px;font-size: 11px;color: #B91C1C}.ph-de-attr-rangehint-text{margin-top: 5px;font-size: 10.5px;color: #9AA3B2}.ph-de-attr-affects-tag{display: inline-block;margin-top: 3px;font-size: 10px;color: #6D28D9;background: #F5F3FF;border: 1px solid #DDD6FE;border-radius: 3px;padding: 0 4px}.ph-de-attr-rulenote-box{margin-top: 6px;font-size: 11px;color: #5B21B6;background: #FBFAFF;border: 1px solid #EDE9FE;border-radius: 5px;padding: 4px 8px;line-height: 1.5}.ph-de-attr-chiprow{display: flex;gap: 6px;flex-wrap: wrap}.ph-de-attr-chip{display: inline-flex;align-items: center;gap: 6px;border: 1px solid #E3E8EF;background: #fff;color: #4B5563;border-radius: 6px;padding: 6px 11px;font-size: 12px;font-weight: 400;cursor: pointer;font-family: inherit}.ph-de-attr-chip:hover{border-color: #1D6FE0}.ph-de-attr-chip--on{border-color: #1D6FE0;background: #EEF5FF;color: #1D6FE0;font-weight: 600}.ph-de-attr-chipbox{width: 12px;height: 12px;flex-shrink: 0;border-radius: 3px;border: 1px solid #C2C9D4;background: #fff;color: #fff;font-size: 8.5px;display: inline-flex;align-items: center;justify-content: center}.ph-de-attr-chip--on .ph-de-attr-chipbox{border-color: #1D6FE0;background: #1D6FE0}.ph-de-attr-swatchrow{display: flex;gap: 8px;flex-wrap: wrap}.ph-de-attr-swatch{width: 56px;display: flex;flex-direction: column;align-items: center;gap: 4px;cursor: pointer;user-select: none}.ph-de-attr-swatch-preview{position: relative;width: 46px;height: 46px;box-sizing: border-box;border-radius: 8px;border: 1px solid #D5DBE4;background: var(--ph-de-swatch,#EEF2F7);overflow: visible;display: flex;align-items: center;justify-content: center}.ph-de-attr-swatch--on .ph-de-attr-swatch-preview{border-width: 2px;border-color: #1D6FE0}.ph-de-attr-swatch-img{width: 100%;height: 100%;object-fit: cover;display: block;border-radius: 7px}.ph-de-attr-swatch-letter{font-size: 12px;font-weight: 700;color: #0F4897}.ph-de-attr-swatch-check{position: absolute;top: -6px;right: -6px;width: 16px;height: 16px;box-sizing: border-box;border-radius: 50%;border: 2px solid #fff;background: #1D6FE0;color: #fff;font-size: 9px;display: none;align-items: center;justify-content: center}.ph-de-attr-swatch--on .ph-de-attr-swatch-check{display: inline-flex}.ph-de-attr-swatch-label{display: block;max-width: 56px;font-size: 10.5px;color: #4B5563;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-de-attr-swatch--on .ph-de-attr-swatch-label{color: #1D6FE0}.ph-de-attr-text{width: 100%;box-sizing: border-box;height: 32px;padding: 0 10px;border: 1px solid #E3E8EF;border-radius: 6px;font-size: 12.5px;font-family: inherit;outline: none;color: #0F1826}.ph-de-attr-text:focus{border-color: #1D6FE0;box-shadow: 0 0 0 3px rgba(29,111,224,.22)}.ph-de-attr-measure{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.ph-de-attr-measure-pill{display: flex;align-items: center;border: 1px solid #E3E8EF;border-radius: 6px;overflow: hidden;background: #fff}.ph-de-attr-measure-axislabel{font-size: 11px;color: #667085;padding: 0 8px;background: #F8FAFC;border-right: 1px solid #EEF1F5;height: 32px;display: inline-flex;align-items: center;white-space: nowrap}.ph-de-attr-measure-input{width: 64px;border: none;outline: none;height: 32px;text-align: right;padding: 0 8px;font-size: 12.5px;font-family: var(--font-mono);color: #0F1826;font-variant-numeric: tabular-nums;background: transparent}.ph-de-attr-measure-sep{color: #9AA3B2;font-size: 12px}.ph-de-attr-measure-unit{font-size: 11.5px;color: #667085}.ph-de-attr-capacity{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.ph-de-attr-capacity-inputwrap{display: flex;align-items: center;border: 1px solid #E3E8EF;border-radius: 6px;overflow: hidden;background: #fff}.ph-de-attr-capacity-input{width: 76px;border: none;outline: none;height: 32px;text-align: right;padding: 0 8px;font-size: 12.5px;font-family: var(--font-mono);color: #0F1826;font-variant-numeric: tabular-nums;background: transparent}.ph-de-attr-capacity-unit{font-size: 11px;color: #667085;padding: 0 8px;background: #F8FAFC;border-left: 1px solid #EEF1F5;height: 32px;display: inline-flex;align-items: center}.ph-de-attr-capacity-oz{font-size: 12px;color: #4B5563;font-variant-numeric: tabular-nums;min-width: 68px}.ph-de-attr-capacity-presets{display: flex;gap: 4px}.ph-de-attr-capacity-preset{border: 1px solid #E3E8EF;background: #fff;color: #667085;border-radius: 999px;padding: 2px 8px;font-size: 10.5px;cursor: pointer;font-family: inherit;font-variant-numeric: tabular-nums}.ph-de-attr-capacity-preset--on{border-color: #1D6FE0;background: #EEF5FF;color: #1D6FE0}.ph-de-sec-fold-area{}.ph-de-sec-fold{width: 100%;text-align: left;border: none;background: #fff;padding: 8px 12px;cursor: pointer;font-family: inherit;display: flex;align-items: baseline;gap: 8px}.ph-de-sec-fold:hover{background: #F8FAFC}.ph-de-sec-fold-text{font-size: 12px;color: #1D6FE0;white-space: nowrap}.ph-de-sec-fold-names{flex: 1;min-width: 0;font-size: 11px;color: #9AA3B2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.ph-de-sec-unfold{width: 100%;text-align: left;border: none;background: #fff;padding: 7px 12px;cursor: pointer;font-family: inherit;font-size: 11.5px;color: #667085}.ph-de-sec-unfold:hover{background: #F8FAFC}.ph-de-empty-hint{font-size: 11.5px;color: #9AA3B2}