
/* Three Lingxing pages with persistent vertical navigation and a history drawer. */
#developmentWorkbenchRoot .dwlx-three-pages{position:relative;isolation:isolate}
#developmentWorkbenchRoot .dwlx-three-pages>.dwlx-layout{min-height:0}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx-main{padding:10px 22px 14px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx-main>header{min-height:40px;margin-bottom:8px;padding-bottom:8px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx3-section{padding:8px 0 12px;border-bottom:1px solid #e7edf5}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx3-section:last-child{border-bottom:0}
#developmentWorkbenchRoot .dwlx3-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
#developmentWorkbenchRoot .dwlx3-section>header h4{margin:0;font-size:14px;font-weight:600}
#developmentWorkbenchRoot .dwlx3-section>header .dw-btn{padding:5px 12px;min-height:30px}
#developmentWorkbenchRoot .dwlx3-section .dwlx-field{padding:7px 0}
#developmentWorkbenchRoot .dwlx3-section .dwlx-area{margin-top:9px}
#developmentWorkbenchRoot .dwlx3-section .dwlx-area>span{margin-bottom:6px}
#developmentWorkbenchRoot .dwlx3-section .dwlx-area p{padding:8px 12px;line-height:1.6}
#developmentWorkbenchRoot .dwlx3-section .dwlx-table{margin:8px 0 0}
#developmentWorkbenchRoot .dwlx3-section .dwlx-table th,#developmentWorkbenchRoot .dwlx3-section .dwlx-table td{padding:7px 10px}

#developmentWorkbenchRoot .dwlx3-package{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#developmentWorkbenchRoot .dwlx3-cost{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#developmentWorkbenchRoot .dwlx3-cost .dwlxr-metric{padding:4px 0 9px}
#developmentWorkbenchRoot .dwlx3-cost .dwlxr-metric strong{font-size:20px}
#developmentWorkbenchRoot .dwlx3-cost .dwlxr-metric>span{margin-bottom:4px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlxr-quote-note{margin-bottom:8px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlxr-quote-table th,#developmentWorkbenchRoot .dwlx-three-pages .dwlxr-quote-table td{padding:8px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlxr-quote-table{min-width:980px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlxr-quote-table input{height:32px;padding:5px;font-size:12px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlxr-quote-table th:nth-child(9){width:144px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlxr-section-title{margin-top:8px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlxr-fees-heading{margin-top:18px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx-form-actions{bottom:-14px;margin-top:10px;padding-top:8px}
#developmentWorkbenchRoot .dwlx3-history-trigger{display:inline-flex;align-items:center;gap:7px}
#developmentWorkbenchRoot .dwlx3-drawer-layer{position:absolute;inset:0;z-index:30;display:flex;justify-content:flex-end}
#developmentWorkbenchRoot .dwlx3-shade{position:absolute;inset:0;background:rgba(25,40,65,.25);border:0;border-radius:0}
#developmentWorkbenchRoot .dwlx3-drawer{position:relative;display:flex;flex-direction:column;min-width:0;width:min(460px,48%);height:100%;background:#fff;border-left:1px solid #dce5f0;box-shadow:-10px 0 30px #1d31551c}
#developmentWorkbenchRoot .dwlx3-drawer>header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:14px 20px;border-bottom:1px solid #e6ebf3}
#developmentWorkbenchRoot .dwlx3-drawer>header h3{font-size:16px}
#developmentWorkbenchRoot .dwlx3-history-body{flex:1;min-height:0;overflow:auto;padding:4px 20px 20px;overscroll-behavior:contain}
#developmentWorkbenchRoot .dwlx3-history-body .dwlx-history article{border-left:2px solid #dce9fc;padding:12px 0 12px 14px;position:relative}
#developmentWorkbenchRoot .dwlx3-history-body .dwlx-history article:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#2860ff;left:-4.5px;top:18px}
#developmentWorkbenchRoot .dwlx3-history-body .dwlx-history p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){#developmentWorkbenchRoot .dwlx3-drawer{width:min(460px,88%)}#developmentWorkbenchRoot .dwlx3-package{grid-template-columns:1fr}}

/* Approved compact product layout: facts, package, then a complete components grid. */
#developmentWorkbenchRoot .dwlx-three-pages .dwlx-main{padding-top:0}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx3-section{padding-top:8px;padding-bottom:10px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx3-section:first-of-type{padding-top:0}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx3-section>header{min-height:34px;margin-bottom:2px}
#developmentWorkbenchRoot .dwlx4-basic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,380px));column-gap:24px;row-gap:0;align-items:start}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx4-basic-grid .dwlx-field{display:flex;align-items:center;gap:12px;min-height:39px;padding:7px 0;box-sizing:border-box}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx4-basic-grid .dwlx-field>span{flex:0 0 88px;font-size:13px;font-weight:400}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx4-basic-grid .dwlx-field>strong{font-size:14px;font-weight:500;line-height:1.5;min-width:0;overflow-wrap:anywhere}
#developmentWorkbenchRoot .dwlx4-description>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:pre-wrap}
#developmentWorkbenchRoot .dwlx4-description a,#developmentWorkbenchRoot .dwlx4-components a{color:#2860ff;text-decoration:none}
#developmentWorkbenchRoot .dwlx4-description a:hover,#developmentWorkbenchRoot .dwlx4-components a:hover{text-decoration:underline}
#developmentWorkbenchRoot .dwlx4-description a i,#developmentWorkbenchRoot .dwlx4-components a i{font-size:10px;margin-left:3px}
#developmentWorkbenchRoot .dwlx4-description textarea{flex:1;min-width:0;resize:vertical;padding:6px 8px;font-size:13px;line-height:1.5}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx3-package{grid-template-columns:repeat(2,minmax(0,380px));gap:24px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx3-package .dwlx-field{gap:12px;min-height:38px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx3-package .dwlx-field>span{flex-basis:104px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx3-section .dwlx4-components{width:100%;min-width:780px;table-layout:fixed;border-collapse:collapse;margin:6px 0 0;border:1px solid #e1e8f1;font-size:13px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx3-section .dwlx4-components th,#developmentWorkbenchRoot .dwlx-three-pages .dwlx3-section .dwlx4-components td{display:table-cell;border:1px solid #e1e8f1;padding:8px 12px;min-width:0;width:auto;vertical-align:middle;text-align:left;overflow-wrap:anywhere}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx4-components th{background:#f4f7fc;color:#71849e;font-size:12px;font-weight:500;white-space:nowrap}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx4-components tbody td{height:54px;box-sizing:border-box}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx4-components td img{width:42px;height:42px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx4-components td:nth-child(5),#developmentWorkbenchRoot .dwlx-three-pages .dwlx4-components td:nth-child(6){font-variant-numeric:tabular-nums}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx4-components tfoot td{padding-top:8px;padding-bottom:8px;font-weight:600}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx4-components input{padding:6px 8px;font-size:13px}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx-nav .dwlx3-history-trigger{margin-top:4px;justify-content:flex-start;gap:10px;font-size:13px;font-weight:400;min-height:42px;color:#526581;border:0;border-left:3px solid transparent;background:transparent}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx-nav .dwlx3-history-trigger:hover{background:#edf3fc}
#developmentWorkbenchRoot .dwlx-three-pages .dwlx-nav .dwlx3-history-trigger[aria-expanded="true"]{color:#2860ff;background:#eaf2ff}
@media(max-width:1100px){#developmentWorkbenchRoot .dwlx4-basic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#developmentWorkbenchRoot .dwlx4-basic-grid,#developmentWorkbenchRoot .dwlx-three-pages .dwlx3-package{grid-template-columns:minmax(0,1fr)}}
