.hpe-page{padding-bottom:64px}.hpe-page .page-title{max-width:780px}.hpe-page .page-title p{font-size:16px;line-height:1.9}.hpe-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start;margin-top:30px}.hpe-builder{min-width:0}.hpe-scope{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:17px 22px;border:1px solid #cee8ef;border-radius:14px;background:#edf8fc;color:#163d55;font-size:14px;margin-bottom:20px}.hpe-dot{width:8px;height:8px;background:#009ec5;border-radius:50%;box-shadow:0 0 0 5px #d7f0f8}.hpe-scope strong{direction:ltr}.hpe-scope>span:last-child{margin-right:auto;font-size:13px}.hpe-step{padding:26px;background:#fff;border:1px solid #dce5ed;border-radius:18px;margin-bottom:18px}.hpe-step-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.hpe-step-heading>b{font-size:16px;line-height:34px;width:34px;flex:0 0 34px;background:#e7f6fc;color:#087eaa;text-align:center;border-radius:11px}.hpe-step h2{font-size:20px;margin:3px 0 7px;font-weight:750}.hpe-step-heading p{font-size:14px;line-height:1.8;color:#5c7183;margin:0}.hpe-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hpe-page .field{margin:0 0 18px;min-width:0}.hpe-page .field>span{font-size:14px;line-height:1.6;margin-bottom:9px;display:block;font-weight:600}.hpe-page .field input,.hpe-page .field select,.hpe-page .field textarea{width:100%;font-family:inherit;font-size:15px;line-height:1.6;min-height:48px;padding:11px 13px;border:1px solid #ccd9e3;border-radius:10px;background:#fbfcfe;color:#0f263e}.hpe-page .field select{direction:rtl;text-overflow:ellipsis;padding-left:25px}.hpe-page input:focus,.hpe-page select:focus,.hpe-page textarea:focus{outline:3px solid #00a3d326;border-color:#009bca}.hpe-page .button{font-size:14px;min-height:46px;line-height:1.5}.hpe-help{color:#627a8d;font-size:13px;line-height:1.9;margin:0 0 16px}.hpe-target{display:flex;align-items:flex-end;gap:12px;margin-top:7px}.hpe-target .field{flex:1}.hpe-target .button{margin-bottom:18px;white-space:nowrap}.hpe-summary{position:sticky;top:110px;background:white;border:1px solid #d8e4ed;border-radius:20px;overflow:hidden;box-shadow:0 14px 32px #071b3008;min-width:0}.hpe-summary-top{background:#0c253e;color:white;padding:25px 23px}.hpe-summary-top>span:first-child{font-size:14px;color:#a6c4d8}.hpe-summary-top h2{font:650 21px/1.5 Arial,sans-serif;direction:ltr;text-align:right;margin:18px 0 6px}.hpe-summary-top code{font:14px/1.5 Arial,sans-serif;color:#9bd9ee;direction:ltr;display:block;text-align:right}.hpe-verified{float:left;background:#1a465e;color:#bcecff;border:1px solid #316075;border-radius:20px;font-size:11px;padding:5px 9px}.hpe-verified.ok{color:#b9f2ce;background:#194538;border-color:#347057}.hpe-metrics{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.hpe-metric span{font-size:12px;color:#638097;display:block;margin-bottom:7px}.hpe-metric strong{font:650 24px/1.25 Arial,sans-serif;color:#102e49;direction:ltr;display:block;text-align:right}.hpe-metric small{font-family:inherit;font-size:12px;font-weight:500;margin-right:4px;color:#657e91}.hpe-capacity{padding:0 22px 21px}.hpe-capacity>div:first-child{display:flex;justify-content:space-between;font-size:13px;color:#698196;margin-bottom:12px}.hpe-capacity strong{font-family:Arial,sans-serif;color:#29455b}.hpe-bays{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;direction:ltr}.hpe-bays i{height:24px;display:block;border:1px solid #cedce7;border-radius:4px;background:#eff4f8}.hpe-bays i.used{background:#028dbc;border-color:#028dbc}.hpe-bom-heading{padding:16px 22px;border-top:1px solid #e1e9f0;display:flex;justify-content:space-between;align-items:center}.hpe-bom-heading h3{font-size:15px;margin:0}.hpe-bom-heading span{font-size:11px;color:#718b9e}.hpe-bom{list-style:none;margin:0;padding:0 22px;max-height:460px;overflow:auto}.hpe-bom li{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid #edf1f5;padding:13px 0;align-items:start}.hpe-bom strong{font-size:12px;line-height:1.8;font-weight:550;display:block;overflow-wrap:anywhere}.hpe-bom code{display:block;font:12px/1.6 Arial,sans-serif;direction:ltr;text-align:right;color:#08769d;margin-top:3px}.hpe-bom b{font:600 12px/1.5 Arial,sans-serif;background:#eef4f8;padding:5px 8px;border-radius:7px;color:#3d647d}.hpe-summary-footer{padding:22px;background:#f8fbfd;border-top:1px solid #e0eaf1}.hpe-summary-footer strong{font-size:16px}.hpe-summary-footer p{font-size:12px;line-height:1.9;color:#667e92;margin:8px 0 18px}.hpe-message:empty{display:none}.hpe-message{font-size:14px;line-height:1.9;padding:16px 20px;border-radius:12px;border:1px solid #b4dce8;background:#eaf7fc;margin-bottom:18px}.hpe-message.error{color:#823728;border-color:#f2ccbc;background:#fff4ee}.hpe-login p{font-size:15px;line-height:1.9;color:#536e82;margin:0 0 20px}.hpe-reference{font-size:13px;line-height:1.9;color:#61788b;padding:20px 24px;border:1px solid #dce5ed;border-radius:14px}.hpe-reference summary{font-size:14px;cursor:pointer;color:#204662;font-weight:650}.hpe-reference ul{padding-right:20px}.hpe-reference a{color:#087ca3;display:block;margin-top:9px}.hpe-page .form-result{font-size:14px;line-height:1.9}.hpe-page [disabled]{opacity:.6;cursor:wait}.hpe-page button:focus-visible,.hpe-page a:focus-visible{outline:3px solid #028dbb;outline-offset:3px}.hpe-record-summary{margin:20px 0;padding:20px;border:1px solid #ccdfeb;border-radius:12px;background:#f3f9fc}.hpe-record-summary h3{font-size:16px;margin:0 0 12px}.hpe-record-summary p{font-size:14px;line-height:1.9;white-space:pre-line;margin:0}
@media(max-width:1080px){.hpe-layout{grid-template-columns:minmax(0,1fr) 330px;gap:20px}.hpe-step{padding:21px}.hpe-fields{grid-template-columns:1fr;gap:0}.hpe-summary{top:90px}}
@media(max-width:760px){.hpe-layout{display:flex;flex-direction:column;gap:22px}.hpe-builder,.hpe-summary{width:100%}.hpe-summary{position:static;order:-1}.hpe-summary .hpe-bom{max-height:220px}.hpe-summary-top{padding:21px}.hpe-metrics{padding:20px;gap:15px}.hpe-summary-footer{padding:18px 20px}.hpe-summary-footer p{margin:7px 0 12px}.hpe-summary-footer .button{min-height:42px}.hpe-scope{padding:16px;gap:10px}.hpe-scope>span:last-child{margin:0;display:block;width:100%;padding-right:18px}.hpe-step{padding:20px;border-radius:15px}.hpe-step h2{font-size:19px}.hpe-step-heading{gap:11px;margin-bottom:20px}.hpe-target{align-items:stretch;flex-direction:column;gap:0}.hpe-target .field{margin-bottom:9px}.hpe-target .button{margin-bottom:14px}.hpe-page .page-title h1{font-size:30px}.hpe-page .page-title p{font-size:15px}.hpe-page .field select{font-size:14px}.hpe-page{padding-bottom:35px}}

/* The BOM is a real table, with quantity controls beside the summary. */
.hpe-layout{grid-template-columns:minmax(0,1fr) minmax(420px,46%);gap:24px}.hpe-summary{border-top:3px solid #049dcc}.hpe-quick-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 6px}.hpe-quick-counts .field>span{font-size:13px}.hpe-quick-counts select{font-size:13px!important;min-height:44px!important}.hpe-table-scroll{max-height:530px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.hpe-bom-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:440px;font-size:13px}.hpe-bom-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hpe-bom-table th{background:#14364f;color:#e5f5fc;font-weight:600;text-align:right;padding:13px 10px;position:sticky;top:0;z-index:1;white-space:nowrap}.hpe-bom-table th:first-child{width:45%;padding-right:20px}.hpe-bom-table th:nth-child(2){width:25%}.hpe-bom-table th:nth-child(3){width:12%;text-align:center}.hpe-bom-table th:last-child{width:18%;text-align:center}.hpe-bom-table td{border-bottom:1px solid #e3ecf3;padding:13px 10px;vertical-align:middle;line-height:1.7;color:#29465d}.hpe-bom-table td:first-child{padding-right:20px}.hpe-bom-table tr:nth-child(even){background:#f0f7fb}.hpe-bom-table td>strong{display:block;font-size:13px;font-weight:700;margin-bottom:4px}.hpe-part-title{display:block;direction:ltr;text-align:right;font:12px/1.7 Arial,sans-serif;overflow-wrap:anywhere;color:#61798a}.hpe-bom-table code{display:inline-block;white-space:nowrap;direction:ltr;font:600 12px/1.6 Arial,sans-serif;color:#007fa9}.hpe-bom-table td:nth-child(3),.hpe-line-capacity{text-align:center!important}.hpe-quantity-badge{display:inline-block;min-width:28px;border:1px solid #cae2ef;background:#e6f3fa;color:#186082;border-radius:8px;padding:4px 7px;font:600 13px/1.4 Arial,sans-serif}.hpe-line-capacity{direction:ltr;white-space:nowrap;font:12px/1.6 Arial,sans-serif}.hpe-resolution{padding:22px;background:#fff7e8;border:1px solid #efd5a3;border-radius:16px;margin-bottom:18px;color:#694d1c}.hpe-resolution[hidden]{display:none}.hpe-resolution>strong{font-size:17px}.hpe-resolution p{font-size:14px;line-height:1.9}.hpe-resolution-actions{display:flex;gap:10px;flex-wrap:wrap}.hpe-resolution .field select{background:white}.hpe-page [disabled]{cursor:not-allowed}
@media(max-width:1120px){.hpe-layout{grid-template-columns:minmax(0,1fr) 440px;gap:18px}.hpe-fields{grid-template-columns:1fr;gap:0}}
@media(max-width:900px){.hpe-layout{display:flex;flex-direction:column;gap:22px}.hpe-builder,.hpe-summary{width:100%}.hpe-summary{position:static;order:-1}.hpe-table-scroll{max-height:340px}.hpe-fields{grid-template-columns:1fr 1fr;gap:14px}}
@media(max-width:520px){.hpe-fields{grid-template-columns:1fr;gap:0}.hpe-quick-counts{padding:0 16px 4px;gap:10px}.hpe-quick-counts select{font-size:12px!important;padding:9px!important}.hpe-bom-heading{padding:15px 18px}.hpe-summary-top h2{font-size:20px}.hpe-resolution{padding:18px}.hpe-resolution-actions .button{flex:1}}