/* Customer order workspace. Product and transaction data continue to come from the native application. */
html[data-workspace]{--workspace-top:170px;--workspace-side:188px;}
html[data-workspace] body{background:var(--page);}
html[data-workspace] .header-v2,html[data-workspace] .wrapper>header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 10px #213f3010;}
html[data-workspace] .header-v2 .header-bar1,html[data-workspace] .header-top{background:var(--brand-strong);color:#fff;min-height:28px;font-size:12px;}
html[data-workspace] .header-top a{color:#fff;}
html[data-workspace] .header-v2 .header-bar2{height:88px;}
html[data-workspace] .header-v2 .header-bar2 .header-logo{height:68px;width:240px!important;}
html[data-workspace] .header-v2 .header-bar2 .container-v2{gap:32px;}
html[data-workspace] .header-middle{padding:8px 0!important;}
html[data-workspace] .header-v2 .header-bar3,html[data-workspace] .header-bottom{background:var(--brand);border:0;}
html[data-workspace] .header-v2 .menu ul li a,html[data-workspace] .header-bottom-list>li>a{color:#e7eff0;padding:14px 12px;font-size:18px;}
html[data-workspace] .header-v2 .menu ul li a:hover,html[data-workspace] .header-bottom-list>li>a:hover{background:var(--brand-strong);color:#fff;}
html[data-workspace] .header-v2 .menu ul li a[aria-current=page],html[data-workspace] .header-bottom-list>li>a[aria-current=page]{color:#fff;background:var(--brand-strong);}
html[data-workspace] .header-v2 .menu ul li a[aria-current=page]:after,html[data-workspace] .header-bottom-list>li>a[aria-current=page]:after{background:#e7b7a7;}
html[data-workspace] .header-bottom .row>.col-xl-3{display:none;}
html[data-workspace] .header-bottom .row>.col-xl-9{flex:0 0 100%;max-width:100%;}
html[data-workspace] .ivu-btn-error,html[data-workspace] .ivu-btn-primary,html[data-workspace] .el-button--primary{background:var(--brand)!important;border-color:var(--brand)!important;}
html[data-workspace] .workspace-sidebar{position:fixed;left:0;top:var(--workspace-top);bottom:0;width:var(--workspace-side);background:#fffefa;border-right:1px solid var(--line);z-index:60;display:flex;flex-direction:column;}
html[data-workspace] .workspace-sidebar-title{padding:22px 18px 16px;color:#692a34;font-size:18px;font-weight:700;}
html[data-workspace] .workspace-sidebar-title span{display:block;font-size:9px;letter-spacing:.13em;margin-top:4px;color:#89968c;font-weight:400;}
html[data-workspace] .workspace-sidebar nav{overflow:auto;flex:1;padding:0 8px;}
html[data-workspace] .workspace-sidebar nav a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 12px;font-size:15px;border-left:3px solid transparent;border-radius:4px;margin:3px 0;color:#69434a;}
html[data-workspace] .workspace-sidebar nav a:hover{background:#edf3ec;color:var(--brand);}
html[data-workspace] .workspace-sidebar nav a[aria-current=page]{background:var(--brand-soft);color:var(--brand);border-left-color:var(--brand);font-weight:650;}
html[data-workspace] .workspace-sidebar-bottom{border-top:1px solid var(--line);padding:12px 18px;}
html[data-workspace] .workspace-sidebar-bottom a{display:block;padding:6px 0;font-size:12px;color:#617669;}
html[data-workspace] .workspace-main{margin-left:var(--workspace-side);padding:18px 0 0;min-width:0;}
html[data-workspace] .workspace-main>.container,html[data-workspace] .workspace-main #app>.container,html[data-workspace] .workspace-main .container-v2{width:calc(100% - 32px);max-width:none;margin-inline:auto;}
html[data-workspace] .workspace-main .container .container{width:100%;padding:0;}
html[data-workspace] .workspace-quotation>.product-bar{display:flex;flex-wrap:nowrap;overflow:auto;gap:10px;padding:12px;background:#f1f3f6;border:1px solid #e0dce0;border-radius:7px;}
html[data-workspace] .workspace-quotation>.product-bar a.product-item{flex:0 0 120px;text-align:center;background:#fff;border:1px solid #e0dce0!important;padding:8px!important;margin:0!important;white-space:normal;font-size:13px;border-radius:4px;}
html[data-workspace] .workspace-quotation>.product-bar a.product-item.cur{border-color:var(--brand)!important;box-shadow:inset 0 0 0 1px var(--brand);color:var(--brand);}
html[data-workspace] .workspace-product-thumb{display:block;width:100%;height:76px;object-fit:cover;border-radius:3px;margin-bottom:8px;}
html[data-workspace] .product-name{font-size:22px;margin-top:18px!important;}
html[data-workspace] .workspace-step{display:inline-block;font-size:11px;font-weight:400;color:#7c8b80;margin-left:18px;letter-spacing:.03em;}
html[data-workspace] .product-name+hr{display:none;}
html[data-workspace] .studio-quote-grid{grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:start;}
html[data-workspace] .studio-quote-main{transition:opacity .15s;}
html[data-workspace] .workspace-locked{opacity:.6;pointer-events:none;}
html[data-workspace] .quotation-form{border:1px solid var(--line);border-radius:6px;padding:14px 12px;background:#fff;}
html[data-workspace] .quotation-form .el-form-item{padding:10px 0;border-bottom:1px solid #eaf0eb;margin-bottom:0;}
html[data-workspace] .quotation-form .el-form-item:last-child{border-bottom:0;}
html[data-workspace] .quotation-form .el-form-item__label{font-size:13px;color:#692a34;}
html[data-workspace] .quotation-btn{padding:5px 10px;border-radius:4px;font-size:13px;}
html[data-workspace] .quotation-btn.active{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);}
html[data-workspace] .quotation-calculate{background:#f8faf8!important;border:1px solid #dbe6dd!important;min-height:54px;}
html[data-workspace] .quotation-calculate.active{border-color:var(--brand)!important;background:var(--brand-soft)!important;}
html[data-workspace] .studio-quote-summary{padding:0 16px 16px;border:1px solid var(--line);border-top:0;border-radius:7px;position:sticky;top:calc(var(--workspace-top) + 12px);background:#fff;overflow:hidden;}
html[data-workspace] .workspace-rail-title{margin:0 -16px 18px;padding:15px 16px;background:var(--brand);color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:space-between;}
html[data-workspace] .workspace-rail-title span{font-size:11px;font-weight:400;color:#dce9df;}
html[data-workspace] .workspace-upload-guide{border:1px dashed #bacfbe;background:#f6f9f5;margin-top:20px;padding:22px 15px;text-align:center;color:#69806e;}
html[data-workspace] .workspace-upload-guide>span{display:block;font-size:32px;font-weight:300;}
html[data-workspace] .workspace-upload-guide strong{display:block;font-weight:500;font-size:15px;margin:7px 0;}
html[data-workspace] .workspace-upload-guide p{font-size:12px;line-height:1.8;}
html[data-workspace] .workspace-checkout-frame{width:calc(100% + 24px);margin:0 -12px;display:block;height:calc(100vh - var(--workspace-top) - 125px);min-height:520px;border:0;background:white;}
html[data-workspace] .workspace-inline-status{font-size:12px;line-height:1.7;padding-bottom:10px;}
html[data-workspace] .workspace-text-button,html[data-workspace] .workspace-confirm-exit button{border:1px solid #bccfbe;background:#f6f9f5;color:var(--brand);border-radius:4px;padding:5px 9px;margin:5px 6px 0 0;cursor:pointer;}
html[data-workspace] .workspace-error{background:#fff2ed;color:#9c422c;padding:8px;border-radius:4px;cursor:pointer;}
html[data-workspace] .workspace-success{color:var(--brand);font-weight:600;}
html[data-workspace] .workspace-confirm-exit{padding:10px;background:#fff7e8;border:1px solid #e6d4b4;}
html[data-workspace] .atelier-home{padding-top:0;}
html[data-workspace] .atelier-hero{min-height:260px;grid-template-columns:1.2fr 1fr;}
html[data-workspace] .atelier-hero-copy{padding:26px 32px;}
html[data-workspace] .atelier-hero h1{font-size:36px;margin-bottom:12px;}
html[data-workspace] .atelier-kicker{margin-bottom:16px;}
html[data-workspace] .atelier-intro{font-size:13px;margin-bottom:16px;}
html[data-workspace] .atelier-hero-art{min-height:260px;}
html[data-workspace] .atelier-hero-note{display:none;}
html[data-workspace] .studio-heading h2{font-size:24px;}
html[data-workspace] .studio-footer{margin:28px 16px 0 calc(var(--workspace-side) + 16px);padding:24px;border-radius:6px;}
html[data-workspace] .workspace-main .studio-footer{margin-left:0;}
html[data-workspace] .breadcrumb-area{margin-top:0!important;}
html[data-workspace] .right-contact .xuanfu,html[data-workspace] .header-v2>.xuanfu{transform:scale(.75);transform-origin:right center;}
@media(min-width:1800px){html[data-workspace] .studio-quote-grid{grid-template-columns:minmax(0,1fr) 450px;}html[data-workspace] .workspace-quotation>.product-bar a.product-item{flex-basis:145px;}html[data-workspace] .workspace-product-thumb{height:92px;}}
@media(max-width:1100px){html[data-workspace]{--workspace-side:155px;}html[data-workspace] .studio-quote-grid{grid-template-columns:minmax(0,1fr) 340px;}html[data-workspace] .workspace-sidebar nav a{font-size:13px;padding:11px 8px;}html[data-workspace] .workspace-step{display:block;margin:8px 0;}}
@media(max-width:900px){html[data-workspace] .studio-quote-grid{grid-template-columns:minmax(0,1fr);}html[data-workspace] .studio-quote-summary{position:static;}html[data-workspace] .workspace-checkout-frame{height:740px;}html[data-workspace] .atelier-hero{grid-template-columns:1fr;}html[data-workspace] .atelier-hero-art{display:none;}}
@media(max-width:767px){
html[data-workspace] .header-v2,html[data-workspace] .wrapper>header{position:static;}
html[data-workspace] .header-v2 .header-bar2{height:auto;}
html[data-workspace] .header-v2 .header-bar2 .header-logo{width:210px!important;height:65px;}
html[data-workspace] .header-v2 .header-bar2 .container-v2{gap:12px;}
html[data-workspace] .header-v2 .menu ul li a,html[data-workspace] .header-bottom-list>li>a{font-size:16px;}
html[data-workspace] .workspace-sidebar{position:static;width:100%;display:block;border-bottom:1px solid var(--line);}
html[data-workspace] .workspace-sidebar-title,html[data-workspace] .workspace-sidebar-bottom{display:none;}
html[data-workspace] .workspace-sidebar nav{display:flex;overflow-x:auto;padding:5px 10px;gap:6px;}
html[data-workspace] .workspace-sidebar nav a{flex-shrink:0;white-space:nowrap;border-left:0;padding:9px 10px;font-size:13px;}
html[data-workspace] .workspace-sidebar nav a>span:last-child{display:none;}
html[data-workspace] .workspace-main{margin-left:0;padding-top:12px;}
html[data-workspace] .workspace-quotation>.product-bar a.product-item{flex-basis:105px;}
html[data-workspace] .workspace-product-thumb{height:65px;}
html[data-workspace] .workspace-main>.container,html[data-workspace] .workspace-main #app>.container,html[data-workspace] .workspace-main .container-v2{width:calc(100% - 20px);}
html[data-workspace] .studio-footer{margin:20px 10px 0;}
html[data-workspace] .atelier-hero-copy{padding:24px;}
}
html[data-workspace] .workspace-main .ivu-card,html[data-workspace] .workspace-main .el-card{border:1px solid #dce5e3;border-radius:7px;box-shadow:none;}
html[data-workspace] .workspace-main table th,html[data-workspace] .workspace-main .ivu-table-header th,html[data-workspace] .workspace-main .el-table th{background:#e8eff0;color:#35535c;font-weight:600;}
html[data-workspace] .workspace-main table td{border-color:#e5ece9;}
html[data-workspace] .workspace-main .ivu-table-row-hover td,html[data-workspace] .workspace-main .el-table__row:hover td{background:#f1f7f5;}
html[data-workspace] .workspace-main .ivu-tabs-nav .ivu-tabs-tab-active{color:var(--brand);}
html[data-workspace] .workspace-main .ivu-tabs-ink-bar{background:var(--brand);}
html[data-workspace] button[data-workspace-action=delete]{background:var(--brand-strong)!important;border-color:var(--brand-strong)!important;color:#fff!important;}
html[data-workspace] button[data-workspace-action=edit]{background:#38668b!important;border-color:#38668b!important;color:#fff!important;}
html[data-workspace] button[data-workspace-action=create]{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;}

html[data-workspace] .workspace-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;color:#4f6b70;font-size:12px;}
html[data-workspace] .workspace-mobile-header img{width:190px;height:60px;object-fit:contain;}
html[data-workspace] .workspace-mobile-nav{display:flex;justify-content:space-around;padding:13px 6px;background:var(--brand);color:white;font-size:16px;}
html[data-workspace] .workspace-mobile-nav a[aria-current]{font-weight:700;color:#e7b7a7;}

html[data-workspace] .workspace-quotation>.product-bar a.product-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;line-height:1.5;}
html[data-workspace] .workspace-product-thumb{flex-shrink:0;}
html[data-workspace] .header-top>ul>li>p,html[data-workspace] .header-top>ul>li>a>p,html[data-workspace] .header-top>ul>li>i,html[data-workspace] .header-top>ul>li font{color:#ecf3f2!important;}
html[data-workspace] .header-top .ht-dropdown a{color:#35535c;}

/* Material choices belong to the current product; product navigation remains in the sidebar. */
html[data-workspace] .workspace-materials{padding:16px;background:#f1f3f6;border:1px solid #e1d9db;border-radius:8px;margin-bottom:18px}
html[data-workspace] .workspace-material-heading{font-size:15px;color:#69434a;font-weight:600;margin-bottom:10px}
html[data-workspace] .workspace-material-group+.workspace-material-group{margin-top:16px}
html[data-workspace] .workspace-material-list{display:flex;gap:10px;flex-wrap:wrap}
html[data-workspace] .workspace-material-card{width:150px;min-height:120px;padding:12px;background:#fff;border:1px solid #e1d9db;border-radius:6px;color:var(--brand);display:flex;flex-direction:column;align-items:center;gap:7px;white-space:normal;cursor:pointer}
html[data-workspace] .workspace-material-card strong{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
html[data-workspace] .workspace-material-card small{color:#79686a;font-size:12px}
html[data-workspace] .workspace-material-card.cur{border:2px solid var(--brand);background:var(--brand-soft);padding:11px}
html[data-workspace] .workspace-material-card:disabled{opacity:.5;cursor:not-allowed}
html[data-workspace] .workspace-paper-swatch{height:35px;width:44px;background:#f6f2e9;border:1px solid #ddd5c6;box-shadow:3px 3px 0 #e9e3d8;transform:rotate(-7deg)}
html[data-workspace] .workspace-material-card:focus-visible{outline:3px solid #bd9f63;outline-offset:2px}
@media(max-width:600px){html[data-workspace] .workspace-material-card{width:calc(50% - 5px)}html[data-workspace] .workspace-materials{padding:10px}}

/* Reference page geometry: one 88px header, 244px two-column navigation, materials and file rail. */
html[data-workspace]{--workspace-side:244px;--workspace-top:88px}
html[data-workspace] .header-v2,html[data-workspace] .wrapper>header:not(.workspace-reference-header){display:none!important}
html[data-workspace] .workspace-reference-header{height:88px;position:sticky;top:0;z-index:110;background:var(--brand);display:flex;align-items:center;gap:20px;padding:0 30px;color:white;border-radius:0;box-shadow:0 3px 8px #0002}
html[data-workspace] .workspace-reference-logo{flex:0 0 205px;display:flex;align-items:center}
html[data-workspace] .workspace-reference-logo img{width:180px;max-height:76px;object-fit:contain;background:#fff;border-radius:4px;padding:5px}
html[data-workspace] .workspace-reference-header nav{display:flex;flex:1;align-items:center;justify-content:space-around;gap:10px;white-space:nowrap}
html[data-workspace] .workspace-reference-header nav a,html[data-workspace] .workspace-reference-header nav button,html[data-workspace] .workspace-user-center{font-size:18px;font-weight:400;color:white;background:none;border:0;padding:8px 4px;cursor:pointer}
html[data-workspace] .workspace-reference-header nav button.active{background:var(--brand-strong);border-radius:6px}
html[data-workspace] .workspace-reference-search{display:flex;align-items:center;flex:0 1 325px;min-width:180px;height:42px;border-radius:24px;background:white;padding:3px}
html[data-workspace] .workspace-reference-search input{width:100%;min-width:0;border:0;background:none;outline:0;font-size:18px;padding:0 14px;color:#333}
html[data-workspace] .workspace-reference-search button{border:0;border-radius:22px;padding:5px 16px;background:var(--brand);color:white;font-size:16px;white-space:nowrap}
html[data-workspace] .workspace-user-center{margin-left:auto;white-space:nowrap}
html[data-workspace] .workspace-sidebar{display:grid;grid-template-columns:52px 1fr;background:var(--brand);border:0;top:var(--workspace-top)}
html[data-workspace] .workspace-sidebar nav{padding:0;overflow-y:auto;overflow-x:hidden}
html[data-workspace] .workspace-business-tabs{background:#fff}
html[data-workspace] .workspace-business-tabs a,html[data-workspace] .workspace-business-tabs button{display:block;width:100%;min-height:100px;padding:15px 16px;font-size:16px;line-height:19px;letter-spacing:2px;border:0;border-bottom:1px solid #ddd;border-radius:0;background:#fff;color:var(--brand);margin:0;cursor:pointer;overflow-wrap:anywhere}
html[data-workspace] .workspace-business-tabs button.active,html[data-workspace] .workspace-business-tabs button:first-child{background:var(--brand);color:white}
html[data-workspace] .workspace-product-categories button{display:block;width:100%;text-align:left;background:none;color:white;font-size:20px;line-height:26px;padding:13px 14px;border:0;cursor:pointer}
html[data-workspace] .workspace-product-categories button:hover,html[data-workspace] .workspace-product-categories button.active{background:#fff;color:var(--brand)}
html[data-workspace] .workspace-category-panel{position:fixed;z-index:120;left:244px;top:calc(var(--workspace-top) + 12px);width:min(1000px,calc(100vw - 260px));padding:12px;background:var(--brand);box-shadow:0 3px 8px #0005;border-radius:12px;color:white}
html[data-workspace] .workspace-category-panel[hidden],html[data-workspace] .workspace-category-panel [hidden]{display:none!important}
html[data-workspace] .workspace-category-close{float:right;background:#fff;color:var(--brand);border:0;padding:6px 14px;border-radius:4px;cursor:pointer}
html[data-workspace] .workspace-category-heading{font-size:18px;padding:8px 12px 16px}
html[data-workspace] .workspace-category-results{display:flex;flex-wrap:wrap;gap:16px;background:#eef1f6;padding:20px;min-height:170px;border-radius:6px}
html[data-workspace] .workspace-category-results a{font-size:24px;padding:20px;color:#111}
html[data-workspace] .workspace-main{padding-top:5px}
html[data-workspace] .workspace-main>.container,html[data-workspace] .workspace-main #app>.container{width:100%;padding:0 6px}
html[data-workspace] .workspace-quotation{position:relative;display:flow-root}
html[data-workspace] .workspace-step,html[data-workspace] .workspace-quotation>.product-all-phone-list{display:none!important}
html[data-workspace] .workspace-quotation>.product-name{font-size:18px;line-height:24px;margin:0!important;padding:6px 20px;background:var(--brand);color:white;width:180px;position:absolute;top:0;left:6px;text-align:center}
html[data-workspace] .workspace-materials{margin:36px 23% 0 0;padding:10px 18px;background:#eaf0f7;border:0;border-radius:0;min-height:270px}
html[data-workspace] .workspace-material-list{gap:10px;align-items:start}
html[data-workspace] .workspace-material-heading{font-size:16px;font-weight:400}
html[data-workspace] .workspace-material-card{width:170px;min-height:146px;background:transparent;border:1px solid transparent;padding:6px 0;border-radius:0;color:#111;gap:8px}
html[data-workspace] .workspace-material-card.cur{padding:6px 0;border:1px solid var(--brand);background:transparent;color:var(--brand)}
html[data-workspace] .workspace-material-card strong{font-size:22px;font-weight:400;line-height:28px}
html[data-workspace] .workspace-material-card small{display:none}
html[data-workspace] .workspace-paper-swatch{height:100px;width:100px;transform:none;box-shadow:2px 2px 0 #ddd8;background:linear-gradient(135deg,#fff,#ebe6dc);border:1px solid #e0ddd5}
html[data-workspace] .studio-quote-grid{display:grid;grid-template-columns:minmax(0,1fr) 23%;gap:12px}
html[data-workspace] .quotation-form{border:0;border-radius:0;background:#f5f7fa;padding:12px 10px}
html[data-workspace] .quotation-form .el-form-item{padding:12px 0;border-bottom:2px solid #e3eaf4}
html[data-workspace] .quotation-form .el-form-item__label{background:var(--brand);color:white;border-radius:20px 0 20px 0;font-size:14px;text-align:center;line-height:44px;width:106px!important;margin-right:20px;padding:0 4px}
html[data-workspace] .studio-quote-summary{position:absolute;top:36px;right:0;width:23%;height:calc(100vh - var(--workspace-top) - 36px);min-height:600px;border:0;border-radius:0;background:#f5f7fa;padding:0 12px;overflow:auto}
html[data-workspace] .workspace-rail-title{background:var(--brand);font-weight:400;font-size:20px;margin:0 -12px 0;padding:18px 12px}
html[data-workspace] .workspace-upload-guide{border:0;background:none;min-height:270px;display:flex;flex-direction:column;justify-content:center;color:#9a7d85;margin-top:0}
html[data-workspace] .workspace-upload-guide strong{font-size:24px;font-weight:400}
html[data-workspace] .workspace-checkout-frame{min-height:600px;height:calc(100vh - var(--workspace-top) - 140px)}
@media(max-width:1500px){html[data-workspace] .workspace-reference-header{gap:10px;padding:0 14px}html[data-workspace] .workspace-reference-logo{flex-basis:180px}html[data-workspace] .workspace-reference-search{flex-basis:220px}html[data-workspace] .workspace-reference-header nav{gap:4px}html[data-workspace] .workspace-reference-header nav a,html[data-workspace] .workspace-reference-header nav button{font-size:16px}}
@media(max-width:1100px){html[data-workspace] .workspace-reference-search{display:none}html[data-workspace] .workspace-materials{margin-right:32%}html[data-workspace] .studio-quote-summary{width:32%}html[data-workspace] .studio-quote-grid{grid-template-columns:minmax(0,1fr) 32%}}
@media(max-width:767px){html[data-workspace]{--workspace-side:0px}html[data-workspace] .workspace-reference-header{height:auto;min-height:88px;flex-wrap:wrap;padding:8px 12px}html[data-workspace] .workspace-reference-header nav{order:3;overflow-x:auto;justify-content:flex-start;flex-basis:100%}html[data-workspace] .workspace-reference-header nav button{flex-shrink:0}html[data-workspace] .workspace-sidebar{display:none}html[data-workspace] .workspace-category-panel{left:8px;width:calc(100vw - 16px)}html[data-workspace] .workspace-materials{margin-right:0}html[data-workspace] .studio-quote-grid{display:block}html[data-workspace] .studio-quote-summary{position:static;width:100%;height:auto}html[data-workspace] .workspace-material-card{width:calc(50% - 5px)}}
/* Shared legacy layout has a more specific header rule. Keep the reference header red on every page. */
html[data-workspace] .wrapper>header.workspace-reference-header{background:var(--brand);color:#fff;box-shadow:0 3px 8px #0002}
html[data-workspace] .workspace-sidebar .workspace-business-tabs button,html[data-workspace] .workspace-sidebar .workspace-business-tabs a{white-space:normal;word-break:break-all;overflow-wrap:anywhere}
html[data-workspace] .workspace-sidebar .workspace-product-categories button{white-space:normal;overflow-wrap:anywhere}
html[data-workspace] .atelier-primary{background:var(--brand)}
html[data-workspace] .atelier-primary:hover{background:var(--brand-strong)}
html[data-workspace] .workspace-materials{height:335px;max-height:335px;overflow-y:auto;overscroll-behavior:contain}

html[data-workspace]{--workspace-side:190px;--workspace-top:70px}
html[data-workspace] .workspace-reference-header{height:70px;padding:0 20px;gap:16px}
html[data-workspace] .workspace-reference-logo{flex-basis:170px}
html[data-workspace] .workspace-reference-logo img{width:144px;max-height:60px}
html[data-workspace] .workspace-reference-header nav a,html[data-workspace] .workspace-reference-header nav button,html[data-workspace] .workspace-user-center{font-size:14px;line-height:36px;padding:0 10px}
html[data-workspace] .workspace-reference-search{height:34px;flex-basis:260px}
html[data-workspace] .workspace-reference-search input{font-size:14px}
html[data-workspace] .workspace-reference-search button{font-size:13px}
html[data-workspace] .workspace-sidebar{grid-template-columns:42px minmax(0,1fr)}
html[data-workspace] .workspace-sidebar .workspace-business-tabs a,html[data-workspace] .workspace-sidebar .workspace-business-tabs button{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;word-break:normal;width:42px;height:auto;min-height:80px;padding:12px 0;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.2;letter-spacing:2px}
html[data-workspace] .workspace-sidebar .workspace-product-categories button{font-size:15px;line-height:20px;min-height:40px;padding:10px 12px}
html[data-workspace] .workspace-category-panel{left:190px;top:calc(var(--workspace-top) + 52px);width:min(800px,calc(100vw - 210px));padding:10px}
html[data-workspace] .workspace-category-results{gap:2px;padding:10px 16px;min-height:140px;align-items:flex-start}
html[data-workspace] .workspace-category-results a{display:flex;flex-direction:column;align-items:center;gap:0;min-width:110px;height:125px;font-size:18px;font-weight:400;line-height:38px;padding:4px 0}
html[data-workspace] .workspace-category-results img{width:60px;height:60px;object-fit:cover}
html[data-workspace] .workspace-category-heading{font-size:14px;padding:6px 8px 12px}
html[data-workspace] .workspace-materials{margin-right:350px;padding:8px 8px 2px 20px;height:268px;max-height:268px;min-height:0}
html[data-workspace] .workspace-materials.workspace-binding-shelf{height:140px;max-height:none;overflow-y:hidden;overflow-x:auto}
html[data-workspace] .workspace-binding-list{flex-wrap:nowrap;gap:2px}
html[data-workspace] .workspace-material-card,html[data-workspace] .workspace-material-card.cur{width:auto;min-width:110px;min-height:125px;max-width:180px;padding:4px 0;gap:0;border-width:2px}
html[data-workspace] .workspace-binding-card{flex:0 0 auto}
html[data-workspace] .workspace-material-card strong{font-size:18px;font-weight:400;line-height:38px}
html[data-workspace] .workspace-paper-swatch,html[data-workspace] .workspace-binding-card img{width:80px;height:80px;object-fit:contain}
html[data-workspace] .workspace-native-binding{display:none}
html[data-workspace] .studio-quote-grid{grid-template-columns:minmax(0,1fr) 350px;padding-bottom:80px}
html[data-workspace] .studio-quote-summary{width:350px}
html[data-workspace] .quotation-form .el-form-item__label{font-size:14px;font-weight:400;width:80px!important;line-height:36px;margin-right:30px;border-radius:15px 0}
html[data-workspace] .quotation-btn,html[data-workspace] .quotation-form .el-input__inner,html[data-workspace] .quotation-form .el-checkbox__label{font-size:14px}
html[data-workspace] .workspace-file-list-heading{margin:0 -12px;padding:8px 10px;background:var(--brand);color:white;font-size:12px;display:flex;justify-content:space-between}
html[data-workspace] .workspace-upload-guide{min-height:360px}
html[data-workspace] .workspace-upload-guide strong{font-size:20px}
html[data-workspace] .workspace-open-upload{background:var(--brand);color:white;border:0;padding:8px 14px;border-radius:4px;align-self:center;font-size:14px;cursor:pointer}
html[data-workspace] .workspace-order-bar{position:fixed;bottom:0;left:var(--workspace-side);right:350px;z-index:70;display:flex;justify-content:flex-end;align-items:center;background:white;border-top:1px solid #dde5ef;min-height:64px;gap:24px}
html[data-workspace] .workspace-order-bar small{display:block;font-size:12px;color:#666}
html[data-workspace] .workspace-order-bar strong{display:block;font-size:24px;color:var(--brand);font-weight:400}
html[data-workspace] .workspace-order-bar button{align-self:stretch;background:var(--brand);border:0;color:white;min-width:240px;padding:15px 20px;font-size:18px;cursor:pointer}
@media(max-width:1100px){html[data-workspace] .studio-quote-grid{grid-template-columns:minmax(0,1fr) 300px}html[data-workspace] .studio-quote-summary{width:300px}html[data-workspace] .workspace-materials{margin-right:300px}html[data-workspace] .workspace-order-bar{right:300px;gap:10px}html[data-workspace] .workspace-order-bar button{min-width:160px}}
@media(max-width:767px){html[data-workspace]{--workspace-side:0px}html[data-workspace] .workspace-reference-header{height:auto}html[data-workspace] .workspace-reference-header nav button{font-size:14px}html[data-workspace] .workspace-materials{margin-right:0}html[data-workspace] .studio-quote-summary{width:100%}html[data-workspace] .workspace-category-panel{left:8px;width:calc(100vw - 16px)}html[data-workspace] .workspace-order-bar{left:0;right:0;gap:12px}html[data-workspace] .workspace-order-bar strong{font-size:18px}html[data-workspace] .workspace-order-bar button{min-width:140px;font-size:14px}html[data-workspace] .studio-quote-grid{padding-bottom:90px}}

html[data-workspace] .workspace-product-categories [hidden]{display:none!important}

html[data-workspace] .workspace-binding-results{display:flex;flex-wrap:wrap;background:#eef1f6;padding:10px 16px;gap:2px;max-height:60vh;overflow:auto;border-radius:6px}
html[data-workspace] .workspace-binding-results a{display:flex;flex-direction:column;align-items:center;min-width:110px;height:125px;font-size:18px;line-height:38px;color:#111;padding:4px 0}
html[data-workspace] .workspace-binding-results img{width:60px;height:60px;object-fit:contain}

/* Reference category popup: pin action, original tile sizing, no extra close button. */
html[data-workspace] .workspace-category-panel{padding:5px;border-radius:10px;box-shadow:2px 2px 5px #0008}
html[data-workspace] .workspace-category-heading{padding:0 7px;min-height:36px;display:flex;align-items:center;gap:8px}
html[data-workspace] .workspace-pin-category{width:80px;height:36px;padding:0;border:0;border-radius:3px;background:var(--brand);color:#fff;font-size:12px;white-space:nowrap;cursor:pointer}
html[data-workspace] .workspace-pin-error{font-size:12px;color:#fff;cursor:pointer}
html[data-workspace] .workspace-category-results,html[data-workspace] .workspace-binding-results{margin:5px;padding:5px;min-height:140px;border-radius:5px}
html[data-workspace] .workspace-category-results a,html[data-workspace] .workspace-binding-results a{border:2px solid transparent;margin:0 2px 4px 0;box-sizing:border-box;white-space:nowrap}
html[data-workspace] .workspace-category-results a:hover,html[data-workspace] .workspace-binding-results a:hover{border-color:var(--brand);color:var(--brand)}

/* Every top-level project follows the same compact, text-only, rounded dropdown. */
html[data-workspace] .workspace-category-panel:is([data-menu-kind="binding"],[data-menu-kind="nav"]){width:190px;padding:5px;background:#fff;color:#222;border-radius:10px;box-shadow:0 4px 12px #0003;overflow:hidden}
html[data-workspace] .workspace-category-panel:is([data-menu-kind="binding"],[data-menu-kind="nav"]) .workspace-category-heading{display:none}
html[data-workspace] .workspace-category-panel[data-menu-kind="binding"] .workspace-binding-results,html[data-workspace] .workspace-category-panel[data-menu-kind="nav"] .workspace-category-results{display:block;margin:0;padding:4px;min-height:0;max-height:calc(100vh - var(--workspace-top) - 16px);overflow:auto;background:#fff;border-radius:8px}
html[data-workspace] .workspace-category-panel[data-menu-kind="binding"] .workspace-binding-results a,html[data-workspace] .workspace-category-panel[data-menu-kind="nav"] .workspace-category-results a{display:block;width:100%;min-width:0;height:auto;margin:1px 0;padding:10px 16px;border:0;border-radius:6px;font-size:16px;font-weight:400;line-height:24px;color:#222;text-align:left;text-decoration:none}
html[data-workspace] .workspace-category-panel[data-menu-kind="binding"] .workspace-binding-results a:hover,html[data-workspace] .workspace-category-panel[data-menu-kind="binding"] .workspace-binding-results a:focus-visible,html[data-workspace] .workspace-category-panel[data-menu-kind="nav"] .workspace-category-results a:hover,html[data-workspace] .workspace-category-panel[data-menu-kind="nav"] .workspace-category-results a:focus-visible{background:var(--brand-soft);color:var(--brand);outline:0}
html[data-workspace] .workspace-category-panel[data-menu-kind="binding"] .workspace-binding-results img,html[data-workspace] .workspace-category-panel[data-menu-kind="nav"] .workspace-category-results img{display:none}
html[data-workspace] .workspace-category-panel:is([data-menu-kind="binding"],[data-menu-kind="nav"]) .workspace-category-empty{display:block;margin:0;padding:12px 20px;background:#fff;color:#7c4a52;font-size:13px}
html[data-workspace] .workspace-category-panel:is([data-menu-kind="binding"],[data-menu-kind="nav"]) .workspace-category-empty[hidden]{display:none!important}
@media(max-width:767px){html[data-workspace] .workspace-category-panel:is([data-menu-kind="binding"],[data-menu-kind="nav"]){left:8px!important;width:min(240px,calc(100vw - 16px))}}

/* Keep each part's live paper, face and colour controls together. */
html[data-workspace] .workspace-part-print{display:inline-flex;gap:8px;vertical-align:middle;flex-wrap:wrap;margin-left:8px}
html[data-workspace] .workspace-part-print .el-select{width:90px}
html[data-workspace] .workspace-bom-form>.el-form-item:first-child .el-form-item__content{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
html[data-workspace] .workspace-bom-form>.el-form-item:first-child .el-form-item__content>.el-select{max-width:240px!important}
@media(max-width:767px){html[data-workspace] .workspace-part-print{margin-left:0}}

/* Shared label column for every product, including nested booklet parts. */
html[data-workspace] .quotation-form .workspace-bom-form{padding-left:0;padding-right:0}
html[data-workspace] .quotation-form .el-form-item__label{position:relative;box-sizing:border-box;min-width:80px;text-align:center;white-space:nowrap;padding-left:0;padding-right:0}
html[data-workspace] .quotation-form .el-form-item.is-required>.el-form-item__label:before{position:absolute;left:3px;margin-right:0}
html[data-workspace] .quotation-form>.el-form-item>.el-form-item__content:has(>.workspace-bom-form){margin-left:0!important}
html[data-workspace] .workspace-product-shelf img,html[data-workspace] .workspace-product-image-missing{width:80px;height:80px;object-fit:contain}
html[data-workspace] .workspace-product-image-missing{display:flex;align-items:center;justify-content:center;color:#79686a;font-size:12px}
html[data-workspace] .workspace-materials:has(>.workspace-product-shelf){height:auto;min-height:140px;max-height:268px}

/* Reference upload rail: real file staging and existing order/payment routes. */
html[data-workspace] .workspace-upload-title{height:50px;box-sizing:border-box;padding:8px 10px;gap:6px}
html[data-workspace] .workspace-upload-title small{font-size:12px;white-space:nowrap}
html[data-workspace] .workspace-upload-title button{background:transparent;color:#fff;border:0;font-size:16px;cursor:pointer;white-space:nowrap;padding:0}
html[data-workspace] .workspace-upload-title b{font-size:22px;color:var(--brand-soft);vertical-align:middle}
html[data-workspace] .workspace-upload-title .workspace-clear-files{font-size:12px;border:1px solid #fff;border-radius:15px;padding:2px 8px}
html[data-workspace] .workspace-upload-drop{min-height:calc(100vh - var(--workspace-top) - 230px);position:relative;display:flex;flex-direction:column;justify-content:center;padding:16px 8px}
html[data-workspace] .workspace-upload-hint{text-align:center;color:#ba98a4}
html[data-workspace] .workspace-upload-hint strong{font-size:20px;font-weight:400;white-space:nowrap}
html[data-workspace] .workspace-upload-hint p{font-size:14px;line-height:1.5;margin-top:12px}
html[data-workspace] .workspace-pending-files{width:100%;align-self:flex-start}
html[data-workspace] .workspace-pending-files li{position:relative;padding:10px 22px 10px 0;border-bottom:1px solid #dfd6d9;overflow-wrap:anywhere}
html[data-workspace] .workspace-pending-files small{display:block;font-size:12px;color:#8a6b74}
html[data-workspace] .workspace-pending-files button{position:absolute;right:0;top:8px;border:0;background:transparent;color:var(--brand);cursor:pointer}
html[data-workspace] .workspace-stage-note{font-size:12px;margin-top:12px;color:#8a6b74}
html[data-workspace] .workspace-rail-orders .workspace-file-list-heading{padding:7px 9px;line-height:16px}
html[data-workspace] .workspace-file-list-heading button{background:transparent;border:0;color:inherit;font-size:12px;cursor:pointer;margin-left:8px;padding:0}
html[data-workspace] .workspace-file-list-heading a{color:inherit}
html[data-workspace] .workspace-unpaid-list li,html[data-workspace] .workspace-recent-orders li{font-size:12px;padding:6px 0;display:flex;justify-content:space-between;gap:8px}
html[data-workspace] .workspace-upload-error{font-size:12px;color:var(--brand);background:var(--brand-soft);padding:8px;cursor:pointer}
html[data-workspace] .workspace-upload-title button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:767px){html[data-workspace] .workspace-upload-drop{min-height:300px}html[data-workspace] .workspace-upload-hint strong{white-space:normal}}

/* Shared main navigation: one size larger on every storefront page. */
html[data-workspace] .workspace-reference-header nav a,html[data-workspace] .workspace-reference-header nav button{font-size:16px}

html[data-workspace] .workspace-upload-hint p{color:inherit}
html[data-workspace]:has(.workspace-upload-drop) .right-contact{right:374px}
@media(max-width:1100px){html[data-workspace]:has(.workspace-upload-drop) .right-contact{right:324px}}
@media(max-width:767px){html[data-workspace]:has(.workspace-upload-drop) .right-contact{right:12px}}

html[data-workspace] .studio-quote-summary{display:flex;flex-direction:column}
html[data-workspace] .workspace-rail-content{display:flex;flex-direction:column;flex:1;min-height:0}
html[data-workspace] .workspace-upload-drop{flex:1;min-height:180px;overflow:auto}
html[data-workspace] .workspace-rail-orders{flex-shrink:0}
html[data-workspace] .workspace-unpaid-list,html[data-workspace] .workspace-recent-orders{max-height:64px;overflow:auto;flex-shrink:0}
html[data-workspace]:has(.workspace-upload-drop) .right-contact .xuanfu{right:374px}
@media(max-width:1100px){html[data-workspace]:has(.workspace-upload-drop) .right-contact .xuanfu{right:324px}}
@media(max-width:767px){html[data-workspace]:has(.workspace-upload-drop) .right-contact .xuanfu{right:12px}html[data-workspace] .workspace-upload-drop{min-height:300px}}
html[data-workspace] .workspace-rail-orders .workspace-file-list-heading:last-of-type a{margin-right:145px;white-space:nowrap}

html[data-workspace] .workspace-quote-prompt{margin-top:8px;color:#d94e17;font-weight:600;white-space:nowrap;}

html[data-workspace] .workspace-main-column{min-width:0;grid-column:1;}
html[data-workspace] .workspace-checkout-section{margin-top:20px;padding:16px;border:1px solid #e2dce0;background:#fff;}
html[data-workspace] .workspace-checkout-section h3{font-size:18px;color:var(--brand);margin:0 0 12px;}
html[data-workspace] .workspace-checkout-section .workspace-checkout-frame{width:100%;margin:0;height:850px;min-height:700px;}
html[data-workspace] .workspace-pending-files .workspace-upload-error{width:100%;white-space:normal;overflow-wrap:anywhere;}

html[data-workspace] .workspace-function-results{padding:12px;border-top:1px solid #e0e6e2;}
html[data-workspace] .workspace-function-results h3{font-size:14px;color:#567167;margin-bottom:8px;}
html[data-workspace] .workspace-function-results a{display:inline-block;padding:8px 12px;color:#285a46;}
html[data-workspace] .workspace-category-panel a:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}

/* Account and order navigation use the same contrast as product categories. */
html[data-workspace] .workspace-sidebar .workspace-account-categories a,
html[data-workspace] .workspace-sidebar .workspace-account-categories button{display:block;width:100%;margin:0;padding:14px 12px;border:0;border-radius:0;background:transparent;color:#fff!important;font:inherit;font-size:16px;line-height:1.5;text-align:left;white-space:nowrap;text-decoration:none;cursor:pointer}
html[data-workspace] .workspace-sidebar .workspace-account-categories a:hover,
html[data-workspace] .workspace-sidebar .workspace-account-categories button:hover,
html[data-workspace] .workspace-sidebar .workspace-account-categories a:focus-visible,
html[data-workspace] .workspace-sidebar .workspace-account-categories button:focus-visible{background:var(--brand);outline:2px solid #fff;outline-offset:-2px}
html[data-workspace] .workspace-account-note{display:block;margin:8px;padding:10px;background:#fff;color:#53333a;border-radius:4px;font-size:13px;line-height:1.6;cursor:pointer}
html[data-workspace] .workspace-account-note[hidden]{display:none}
html[data-workspace] .wallet-financial-clean .yd-circle-item a .ivu-icon{color:#43534c!important}

@media (min-width:768px) and (max-width:1100px){html[data-workspace] .workspace-sidebar .workspace-account-categories a,html[data-workspace] .workspace-sidebar .workspace-account-categories button{font-size:14px;padding-left:8px;padding-right:8px}}

.workspace-payment-dialog{width:min(1150px,calc(100vw - 32px));height:min(700px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #d8dde5;border-radius:4px;margin:auto;background:#fff;box-shadow:0 20px 80px #0003}.workspace-payment-dialog::backdrop{background:#0006}.workspace-payment-dialog iframe{display:block;width:100%;height:100%;border:0}

/* Center pages follow the compact query-and-table rhythm of the reference storefront. */
html[data-workspace]:has(.workspace-aftersales) .breadcrumb-area,
html[data-workspace]:has(.workspace-finance) .breadcrumb-area{display:none}
html[data-workspace] .workspace-aftersales,
html[data-workspace] .workspace-finance{box-sizing:border-box;width:calc(100% - 20px)!important;max-width:none!important;margin:0 10px!important;padding:12px!important;background:#edeff2;min-height:calc(100vh - var(--workspace-top) - 18px)}
html[data-workspace] .workspace-center-query,
html[data-workspace] .workspace-finance>.ivu-tabs{display:block;background:#fff;border:1px solid #d0d7e0;border-radius:2px;padding:14px}
html[data-workspace] .workspace-aftersales>.mb-20,
html[data-workspace] .workspace-aftersales>.mb-20+div{background:#fff;border:1px solid #d0d7e0;border-radius:2px;padding:12px;margin-top:10px}
html[data-workspace] .workspace-center-query .ivu-form-item{margin-bottom:0}
html[data-workspace] .workspace-center-query .ivu-btn{min-width:72px}
html[data-workspace] .workspace-aftersales .ivu-table-wrapper,
html[data-workspace] .workspace-finance .ivu-table-wrapper{border-color:#d0d7e0}
html[data-workspace] .workspace-aftersales .ivu-table th,
html[data-workspace] .workspace-finance .ivu-table th{height:36px;background:#edeff2!important;color:#313945!important;border-color:#d0d7e0!important;font-weight:500}
html[data-workspace] .workspace-aftersales .ivu-table td,
html[data-workspace] .workspace-finance .ivu-table td{border-color:#d0d7e0!important}
html[data-workspace] .workspace-finance .ivu-tabs-nav .ivu-tabs-tab{font-size:15px}
html[data-workspace] .workspace-finance .query-Option{vertical-align:middle}
html[data-workspace] .workspace-aftersales [hidden],
html[data-workspace] .workspace-finance [hidden]{display:none!important}
html[data-workspace] .workspace-aftersales #products{display:none!important}
html[data-workspace] .workspace-finance-summary{display:flex;align-items:center;gap:4px;margin:0 0 12px;padding:10px 12px;border:1px solid #d0d7e0;background:#fff;color:#303a44;font-size:14px}
html[data-workspace] .workspace-finance-summary b{color:var(--brand);font-weight:500}
html[data-workspace] .workspace-finance .ivu-col-span-22>.ivu-select.query-Option{width:180px}
html[data-workspace] .workspace-aftersales .ivu-table-cell,
html[data-workspace] .workspace-finance .ivu-table-cell{padding-left:10px;padding-right:10px}
html[data-workspace]:has(.workspace-invoices) .breadcrumb-area,
html[data-workspace]:has(.workspace-staff) .breadcrumb-area,
html[data-workspace]:has(.workspace-coupons) .breadcrumb-area{display:none}
html[data-workspace] .workspace-invoices,
html[data-workspace] .workspace-staff,
html[data-workspace] .workspace-coupons{box-sizing:border-box;width:calc(100% - 20px)!important;max-width:none!important;margin:0 10px!important;padding:14px!important;background:#fff;border:1px solid #d0d7e0;min-height:calc(100vh - var(--workspace-top) - 18px)}
html[data-workspace] .workspace-invoices [hidden]{display:none!important}
html[data-workspace] .workspace-invoices .ivu-table th,
html[data-workspace] .workspace-staff .ivu-table th{background:#edeff2!important;color:#313945!important;font-weight:500}
html[data-workspace] .workspace-center-title{margin:0 0 12px;font-size:18px;font-weight:500;color:#303a44}
html[data-workspace] .workspace-staff-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}
html[data-workspace] .workspace-staff-toolbar input{width:260px;height:34px;padding:6px 10px;border:1px solid #c8d0da;border-radius:3px}
html[data-workspace] .workspace-staff-toolbar button{height:34px;padding:0 16px;border:1px solid var(--brand);border-radius:3px;background:var(--brand);color:#fff;cursor:pointer}
html[data-workspace] .workspace-coupon-terms{margin-top:14px;padding:16px 18px;border:1px solid #d0d7e0;background:#f7f8fa;color:#303a44}
html[data-workspace] .workspace-coupon-terms h4{margin:0 0 10px;font-size:16px}
html[data-workspace] .workspace-coupon-terms ol{margin:0;padding-left:22px;line-height:2}
@media(max-width:767px){html[data-workspace] .workspace-aftersales,html[data-workspace] .workspace-finance{width:100%!important;margin:0!important;padding:8px!important}html[data-workspace] .workspace-center-query{overflow-x:auto;white-space:nowrap}html[data-workspace] .workspace-aftersales .panel-body,html[data-workspace] .workspace-finance .mainTable{overflow-x:auto}}
@media(max-width:767px){html[data-workspace] .workspace-invoices,html[data-workspace] .workspace-staff,html[data-workspace] .workspace-coupons{width:100%!important;margin:0!important;padding:8px!important}html[data-workspace] .workspace-staff-toolbar{flex-wrap:wrap}html[data-workspace] .workspace-staff-toolbar input{width:100%}}

/* Account security and recharge pages mirror the reference center hierarchy. */
html[data-workspace]:has(.workspace-password) .breadcrumb-area,
html[data-workspace]:has(.workspace-recharge) .breadcrumb-area{display:none}
html[data-workspace] .workspace-password,
html[data-workspace] .workspace-recharge{box-sizing:border-box;width:calc(100% - 20px)!important;max-width:none!important;margin:0 10px!important;padding:14px!important;background:#fff;border:1px solid #d0d7e0;min-height:calc(100vh - var(--workspace-top) - 18px)}
html[data-workspace] .workspace-password-heading,
html[data-workspace] .workspace-recharge-heading{display:flex;align-items:baseline;gap:18px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #d0d7e0}
html[data-workspace] .workspace-password-heading h2,
html[data-workspace] .workspace-recharge-heading h2{margin:0;font-size:18px;font-weight:500;color:#303a44}
html[data-workspace] .workspace-password-heading p,
html[data-workspace] .workspace-recharge-heading p{margin:0;color:var(--brand);font-size:14px}
html[data-workspace] .workspace-password>.row{max-width:660px;margin-left:auto;margin-right:auto}
html[data-workspace] .workspace-password>.row .col-4{display:none}
html[data-workspace] .workspace-password>.row .col-8{flex:0 0 100%;max-width:100%;display:flex;justify-content:center}
html[data-workspace] .workspace-password .ivu-form-item-label{width:110px!important}
html[data-workspace] .workspace-password .ivu-form-item-content{margin-left:110px!important}
html[data-workspace] .workspace-password>.align-center{margin-top:8px}
html[data-workspace] .workspace-recharge-heading{margin-bottom:10px}
html[data-workspace] .workspace-recharge-summary{margin-bottom:10px}
html[data-workspace] .workspace-recharge .ivu-card{border-radius:2px;border-color:#d0d7e0}
html[data-workspace] .workspace-recharge .workspace-native-recharge-options{display:none}
html[data-workspace] .workspace-recharge-options{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 22px 150px}
html[data-workspace] .workspace-recharge-options button{min-width:92px;height:38px;padding:0 16px;border:1px solid #c8d0da;border-radius:3px;background:#fff;color:#303a44;cursor:pointer}
html[data-workspace] .workspace-recharge-options button:hover,
html[data-workspace] .workspace-recharge-options button.active{border-color:var(--brand);background:var(--brand);color:#fff}
html[data-workspace] .workspace-recharge-note{margin:0 0 18px 150px;color:#6a737d;font-size:13px;line-height:1.7}
@media(max-width:767px){html[data-workspace] .workspace-password,html[data-workspace] .workspace-recharge{width:100%!important;margin:0!important;padding:8px!important}html[data-workspace] .workspace-recharge-options,html[data-workspace] .workspace-recharge-note{margin-left:0}html[data-workspace] .workspace-password>.row .col-8{display:block}html[data-workspace] .workspace-password .ivu-form-item-label{width:100px!important}html[data-workspace] .workspace-password .ivu-form-item-content{margin-left:100px!important}}

/* Account details keep the customer's real fields while following the reference account-settings layout. */
html[data-workspace]:has(.workspace-account-settings) .breadcrumb-area{display:none}
html[data-workspace] .workspace-account-settings{box-sizing:border-box;width:calc(100% - 20px)!important;max-width:none!important;margin:0 10px!important;padding:14px!important;background:#fff;border:1px solid #d0d7e0;min-height:calc(100vh - var(--workspace-top) - 18px)}
html[data-workspace] .workspace-account-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #d0d7e0}
html[data-workspace] .workspace-account-heading>div{display:flex;align-items:baseline;gap:18px}
html[data-workspace] .workspace-account-heading h2{margin:0;font-size:18px;font-weight:500;color:#303a44}
html[data-workspace] .workspace-account-heading p{margin:0;color:var(--brand);font-size:14px}
html[data-workspace] .workspace-account-heading a{padding:7px 16px;border:1px solid var(--brand);border-radius:3px;color:var(--brand);text-decoration:none}
html[data-workspace] .workspace-account-heading a:hover,
html[data-workspace] .workspace-account-heading a:focus-visible{background:var(--brand);color:#fff}
html[data-workspace] .workspace-account-settings>.ivu-tabs{margin-bottom:14px}
html[data-workspace] .workspace-account-settings>.ivu-tabs+.ivu-form{max-width:900px;margin:0 auto;padding:20px 14px 4px;background:#f7f8fa;border:1px solid #d0d7e0}
@media(max-width:767px){html[data-workspace] .workspace-account-settings{width:100%!important;margin:0!important;padding:8px!important}html[data-workspace] .workspace-account-heading{align-items:flex-start;gap:10px}html[data-workspace] .workspace-account-heading>div{display:block}html[data-workspace] .workspace-account-heading p{margin-top:4px}}

/* Credit bills use the reference summary/filter/table hierarchy with the customer's real ledger data. */
html[data-workspace]:has(.workspace-credit-billing) .breadcrumb-area{display:none}
html[data-workspace] .workspace-credit-billing{box-sizing:border-box;width:calc(100% - 20px)!important;max-width:none!important;margin:0 10px!important;padding:14px!important;background:#edeff2;min-height:calc(100vh - var(--workspace-top) - 18px)}
html[data-workspace] .workspace-credit-billing>.ivu-tabs{background:#fff;border:1px solid #d0d7e0;padding:14px}
html[data-workspace] .workspace-credit-billing .workspace-credit-heading{margin-bottom:10px}
html[data-workspace] .workspace-credit-billing .workspace-credit-summary{margin-bottom:12px}
html[data-workspace] .workspace-credit-date-label{display:inline-block;margin:0 10px 0 0;color:#303a44;line-height:34px}
html[data-workspace] .workspace-credit-billing .ivu-date-picker{vertical-align:middle;margin-right:10px}
html[data-workspace] .workspace-credit-export{float:none!important;margin-left:8px;background:#159447!important;border-color:#159447!important}
html[data-workspace] .workspace-credit-billing .ivu-table-wrapper{margin-top:12px;border-color:#d0d7e0}
html[data-workspace] .workspace-credit-billing .ivu-table th{height:38px;background:#a8d34f!important;color:#21321c!important;border-color:#96bd44!important;font-weight:500}
html[data-workspace] .workspace-credit-billing .ivu-table td{border-color:#d0d7e0!important}
html[data-workspace] .workspace-credit-billing .workspace-credit-original{display:none!important}
html[data-workspace] .workspace-credit-native{margin-top:12px;color:#303a44}
html[data-workspace] .workspace-credit-filter,
html[data-workspace] .workspace-credit-batch{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d0d7e0;background:#fff}
html[data-workspace] .workspace-credit-filter{flex-wrap:wrap;border-bottom:0;background:#f7f8fa}
html[data-workspace] .workspace-credit-filter label{display:flex;align-items:center;gap:8px;margin:0}
html[data-workspace] .workspace-credit-filter input[type=date]{height:34px;padding:5px 9px;border:1px solid #c8d0da;border-radius:2px;background:#fff;color:#303a44}
html[data-workspace] .workspace-credit-filter button,
html[data-workspace] .workspace-credit-batch button,
html[data-workspace] .workspace-credit-batch a{height:34px;padding:0 14px;border:1px solid #159447;border-radius:2px;background:#159447;color:#fff;line-height:32px;text-decoration:none;cursor:pointer}
html[data-workspace] .workspace-credit-filter .link-button{border-color:transparent;background:transparent;color:#1c70a9;padding-left:2px;padding-right:2px}
html[data-workspace] .workspace-credit-filter button:hover,
html[data-workspace] .workspace-credit-batch button:hover,
html[data-workspace] .workspace-credit-batch a:hover{filter:brightness(.94)}
html[data-workspace] .workspace-credit-batch{border-bottom:0}
html[data-workspace] .workspace-credit-batch>[data-role=selection-summary]{margin-right:auto}
html[data-workspace] .workspace-credit-batch button[disabled]{border-color:#c8d0da;background:#e6e9ed;color:#8a929b;cursor:not-allowed;filter:none}
html[data-workspace] .workspace-credit-error{padding:9px 12px;border:1px solid #e7a9af;background:var(--brand-soft);color:#a82331}
html[data-workspace] .workspace-credit-table-wrap{overflow-x:auto;border:1px solid #d0d7e0;background:#fff}
html[data-workspace] .workspace-credit-table-wrap table{width:100%;min-width:1740px;border-collapse:collapse;font-size:13px}
html[data-workspace] .workspace-credit-table-wrap th{height:38px;padding:7px 9px;border-right:1px solid #96bd44;background:#a8d34f;color:#21321c;font-weight:500;text-align:left;white-space:nowrap}
html[data-workspace] .workspace-credit-table-wrap td{height:42px;padding:7px 9px;border-right:1px solid #e1e5ea;border-bottom:1px solid #e1e5ea;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-workspace] .workspace-credit-table-wrap td.amount{text-align:right;font-variant-numeric:tabular-nums}
html[data-workspace] .workspace-credit-table-wrap td a{color:#1c70a9;text-decoration:none}
html[data-workspace] .workspace-credit-table-wrap td a:hover{text-decoration:underline}
html[data-workspace] .workspace-credit-table-wrap .workspace-credit-empty{height:90px;text-align:center;color:#8a929b}
html[data-workspace] .workspace-credit-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 0}
html[data-workspace] .workspace-credit-footer [data-role=result-summary]{margin-right:auto}
html[data-workspace] .workspace-credit-footer button{height:30px;padding:0 11px;border:1px solid #c8d0da;border-radius:2px;background:#fff;color:#303a44;cursor:pointer}
html[data-workspace] .workspace-credit-footer button[disabled]{color:#a6adb5;cursor:not-allowed}
@media(max-width:767px){html[data-workspace] .workspace-credit-filter,html[data-workspace] .workspace-credit-batch{align-items:flex-start;flex-direction:column}html[data-workspace] .workspace-credit-filter>span{display:none}html[data-workspace] .workspace-credit-batch>[data-role=selection-summary]{margin-right:0}html[data-workspace] .workspace-credit-footer{flex-wrap:wrap}}

/* Invoice application follows the reference three-stage language without replacing the existing submission API. */
html[data-workspace]:has(.workspace-invoice-apply) .breadcrumb-area{display:none}
html[data-workspace] .workspace-invoice-apply{box-sizing:border-box;width:calc(100% - 20px)!important;max-width:none!important;margin:0 10px!important;padding:14px!important;background:#fff;border:1px solid #d0d7e0;min-height:calc(100vh - var(--workspace-top) - 18px)}
html[data-workspace] .workspace-invoice-apply>.container{max-width:none!important;padding:0!important}
html[data-workspace] .workspace-invoice-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 20px;padding:0;list-style:none;border-bottom:1px solid #d0d7e0}
html[data-workspace] .workspace-invoice-stepper li{position:relative;text-align:center;color:#9aa0a7;padding:0 8px 12px}
html[data-workspace] .workspace-invoice-stepper li:before{content:'';position:absolute;left:0;right:0;top:15px;height:8px;background:#c9c9c9;z-index:0}
html[data-workspace] .workspace-invoice-stepper li:first-child:before{left:50%}
html[data-workspace] .workspace-invoice-stepper li:last-child:before{right:50%}
html[data-workspace] .workspace-invoice-stepper li.active:before{background:#198bd2}
html[data-workspace] .workspace-invoice-stepper b{position:relative;z-index:1;display:block;width:32px;height:32px;margin:0 auto 6px;border:3px solid #fff;border-radius:50%;background:#aaa;color:#fff;line-height:26px;font-size:17px;box-shadow:0 0 0 1px #aaa}
html[data-workspace] .workspace-invoice-stepper li.active b{background:#198bd2;box-shadow:0 0 0 1px #198bd2}
html[data-workspace] .workspace-invoice-stepper span{display:block}
html[data-workspace] .workspace-invoice-tools{display:flex;align-items:center;gap:10px;margin-bottom:14px}
html[data-workspace] .workspace-invoice-tools button{height:34px;padding:0 14px;border:1px solid #159447;border-radius:3px;background:#159447;color:#fff;cursor:pointer}
html[data-workspace] .workspace-invoice-tools strong{color:#d33;font-size:18px;font-weight:500}
html[data-workspace] .workspace-invoice-apply .ivu-list{border-color:#d0d7e0!important}
html[data-workspace] .workspace-invoice-apply .ivu-list-item{border-color:#d0d7e0!important}
html[data-workspace] .workspace-invoice-apply .ivu-table th{background:#a8d34f!important;color:#21321c!important;font-weight:500}
html[data-workspace] .workspace-invoice-apply .ivu-btn-success{background:#159447;border-color:#159447}
@media(max-width:767px){html[data-workspace] .workspace-credit-billing,html[data-workspace] .workspace-invoice-apply{width:100%!important;margin:0!important;padding:8px!important}html[data-workspace] .workspace-invoice-tools{align-items:flex-start;flex-direction:column}html[data-workspace] .workspace-invoice-tools strong{font-size:15px}html[data-workspace] .workspace-invoice-stepper span{font-size:12px}}

/* Reuse the real order-certificate workflow as the proof-file center. */
html[data-workspace] .workspace-certificate-orders .workspace-certificate-heading{display:flex;align-items:baseline;gap:18px;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #d0d7e0}
html[data-workspace] .workspace-certificate-orders .workspace-certificate-heading h2{margin:0;font-size:18px;font-weight:500;color:#303a44}
html[data-workspace] .workspace-certificate-orders .workspace-certificate-heading p{margin:0;color:#69737d;font-size:13px}
html[data-workspace] .workspace-certificate-orders .workspace-order-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;background:#f7f8fa;border:1px solid #d0d7e0}
html[data-workspace] .workspace-certificate-orders .workspace-order-filters label:last-of-type{color:var(--brand);font-weight:500}
@media(max-width:767px){html[data-workspace] .workspace-certificate-orders .workspace-certificate-heading{display:block}html[data-workspace] .workspace-certificate-orders .workspace-certificate-heading p{margin-top:6px}}

/* Invoice qualification management exposes every real stored field in the reference table rhythm. */
html[data-workspace]:has(.workspace-invoice-company) .breadcrumb-area{display:none}
html[data-workspace] .workspace-invoice-company{box-sizing:border-box;width:calc(100% - 20px)!important;max-width:none!important;margin:0 10px!important;padding:14px!important;background:#fff;border:1px solid #d0d7e0;min-height:calc(100vh - var(--workspace-top) - 18px)}
html[data-workspace] .workspace-invoice-company>.container{max-width:none!important;margin:0!important;padding:0!important}
html[data-workspace] .workspace-invoice-company-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #d0d7e0}
html[data-workspace] .workspace-invoice-company-heading>div{display:flex;align-items:baseline;gap:18px}
html[data-workspace] .workspace-invoice-company-heading h2{margin:0;font-size:18px;font-weight:500;color:#303a44}
html[data-workspace] .workspace-invoice-company-heading p{margin:0;color:#69737d;font-size:13px}
html[data-workspace] .workspace-invoice-company-heading button{height:34px;padding:0 14px;background:#159447!important;border-color:#159447!important}
html[data-workspace] .workspace-invoice-company .ivu-table-wrapper{overflow-x:auto;border-color:#d0d7e0}
html[data-workspace] .workspace-invoice-company .ivu-table th{height:38px;background:#a8d34f!important;color:#21321c!important;border-color:#96bd44!important;font-weight:500}
html[data-workspace] .workspace-invoice-company .ivu-table td{border-color:#d0d7e0!important}

/* After-sales application follows the compact reference section hierarchy. */
html[data-workspace]:has(.workspace-aftersales-apply) .breadcrumb-area{display:none}
html[data-workspace] .workspace-aftersales-apply{box-sizing:border-box;width:calc(100% - 20px)!important;max-width:none!important;margin:0 10px!important;padding:14px!important;background:#fff;border:1px solid #d0d7e0;min-height:calc(100vh - var(--workspace-top) - 18px)}
html[data-workspace] .workspace-aftersales-apply-heading{display:flex;align-items:center;gap:18px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #d0d7e0}
html[data-workspace] .workspace-aftersales-apply-heading h2{margin:0;font-size:18px;font-weight:500;color:#303a44}
html[data-workspace] .workspace-aftersales-apply-heading p{margin:0;color:#69737d;font-size:13px;flex:1}
html[data-workspace] .workspace-aftersales-apply-heading a{padding:7px 14px;border:1px solid var(--brand);border-radius:3px;color:var(--brand);text-decoration:none}
html[data-workspace] .workspace-aftersales-apply .workspace-aftersales-section,
html[data-workspace] .workspace-aftersales-apply .workspace-aftersales-form-title{margin:12px 0 8px;font-size:16px;font-weight:500;color:#303a44}
html[data-workspace] .workspace-aftersales-apply .ivu-table th{background:#a8d34f!important;color:#21321c!important;font-weight:500}
html[data-workspace] .workspace-aftersales-apply .ivu-form-item{margin-bottom:18px}
html[data-workspace] .workspace-aftersales-apply .ivu-btn-info{background:#159447;border-color:#159447;min-width:120px}

/* Order detail uses the same visual hierarchy as the order workspace. */
html[data-workspace]:has(.workspace-order-detail) .breadcrumb-area{display:none}
html[data-workspace] .workspace-order-detail{box-sizing:border-box;width:calc(100% - 20px)!important;max-width:none!important;margin:0 10px!important;padding:14px!important;background:#edeff2;min-height:calc(100vh - var(--workspace-top) - 18px)}
html[data-workspace] .workspace-order-detail-heading{display:flex;align-items:center;justify-content:space-between;margin:0 6px 12px;padding:12px 14px;background:#fff;border:1px solid #d0d7e0}
html[data-workspace] .workspace-order-detail-heading h2{margin:0;font-size:18px;font-weight:500;color:#303a44}
html[data-workspace] .workspace-order-detail-heading a{padding:7px 14px;border:1px solid var(--brand);border-radius:3px;color:var(--brand);text-decoration:none}
html[data-workspace] .workspace-order-detail .ivu-card{border-color:#d0d7e0;border-radius:2px}
html[data-workspace] .workspace-order-detail .ivu-card-head{background:#f7f8fa;border-color:#d0d7e0}
html[data-workspace] .workspace-order-detail .ivu-card-head p{color:#303a44;font-weight:500}
html[data-workspace] .workspace-order-detail .ivu-table th{background:#a8d34f!important;color:#21321c!important;font-weight:500}
html[data-workspace] .workspace-order-detail .ivu-table td{border-color:#d0d7e0!important}
@media(max-width:767px){html[data-workspace] .workspace-invoice-company,html[data-workspace] .workspace-aftersales-apply,html[data-workspace] .workspace-order-detail{width:100%!important;margin:0!important;padding:8px!important}html[data-workspace] .workspace-invoice-company-heading,html[data-workspace] .workspace-aftersales-apply-heading{align-items:flex-start;flex-direction:column;gap:6px}html[data-workspace] .workspace-invoice-company-heading>div{display:block}html[data-workspace] .workspace-order-detail-heading{margin-left:0;margin-right:0}}

/* The right rail is the sole customer file-upload path. */
html[data-workspace] .studio-quote-summary.workspace-upload-exclusive>*:not(.workspace-exclusive-upload){display:none!important}
html[data-workspace] .workspace-checkout-section{display:none!important}
html[data-workspace] .workspace-exclusive-upload{height:100%;min-height:560px;display:flex;flex-direction:column;background:#f5f7fa;color:#303a44;overflow:hidden}
html[data-workspace] .workspace-exclusive-head{min-height:70px;width:100%;box-sizing:border-box;margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--brand);color:#fff;font-size:13px;overflow:visible}
html[data-workspace] .workspace-exclusive-head b{font-weight:500}
html[data-workspace] .workspace-exclusive-server{min-width:0;line-height:1.45;overflow-wrap:anywhere}
html[data-workspace] .workspace-exclusive-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px;white-space:nowrap}
html[data-workspace] .workspace-exclusive-actions button,html[data-workspace] .workspace-exclusive-picker{position:relative;display:inline-flex;height:34px;box-sizing:border-box;align-items:center;justify-content:center;padding:0 12px;border:1px solid #fff;border-radius:8px;background:var(--brand);color:#fff;font-size:13px;cursor:pointer;overflow:hidden}
html[data-workspace] .workspace-exclusive-actions button:last-child{padding:0 9px;background:transparent}
html[data-workspace] .workspace-exclusive-file-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
html[data-workspace] .workspace-exclusive-queue-head{height:42px;width:100%;box-sizing:border-box;margin:0 0 10px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:var(--brand);color:#fff;font-size:12px;overflow:visible}
html[data-workspace] .workspace-exclusive-drop{flex:0 0 auto;min-height:150px;box-sizing:border-box;width:calc(100% - 24px);max-width:calc(100% - 24px);margin:14px 12px 10px;padding:22px 12px;border:2px dashed #8fb8e8;border-radius:10px;background:#f8fbff;color:#65758a;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;cursor:pointer;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
html[data-workspace] .workspace-exclusive-drop.dragging,html[data-workspace] .workspace-exclusive-drop:hover{background:var(--brand-soft);color:var(--brand)}
html[data-workspace] .workspace-exclusive-drop strong{max-width:100%;font-size:20px;font-weight:400;white-space:normal;overflow-wrap:anywhere}
html[data-workspace] .workspace-exclusive-drop span{max-width:100%;font-size:14px;white-space:normal;overflow-wrap:anywhere}
html[data-workspace] .workspace-exclusive-drop small{display:block;max-width:100%;font-size:12px;color:#a7959a;line-height:1.8;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
html[data-workspace] .workspace-exclusive-status{min-height:38px;margin:8px 2px 4px;color:#7b333d;font-size:12px;line-height:1.5}
html[data-workspace] .workspace-exclusive-list{box-sizing:border-box;width:100%;max-height:210px;overflow:auto;border-top:1px solid #e2d5d8;padding:0 2px}
html[data-workspace] .workspace-exclusive-file{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;box-sizing:border-box;width:100%;max-width:100%;padding:9px 2px;border-bottom:1px solid #e2d5d8;font-size:12px}
html[data-workspace] .workspace-exclusive-file-name{min-width:0;color:#173d68;font-weight:600;white-space:normal;overflow-wrap:anywhere;word-break:break-all}
html[data-workspace] .workspace-exclusive-file-meta{color:var(--brand);white-space:nowrap}
html[data-workspace] .workspace-exclusive-file-percent{color:#2468b2;font-weight:600;white-space:nowrap}
html[data-workspace] .workspace-exclusive-file button{padding:3px 7px;border:1px solid var(--brand);border-radius:6px;background:#fff;color:var(--brand);cursor:pointer}
html[data-workspace] .workspace-exclusive-progress{grid-column:1/-1;height:6px;overflow:hidden;border-radius:999px;background:#dce8f7}
html[data-workspace] .workspace-exclusive-progress i{display:block;height:100%;width:0;border-radius:inherit;background:#2f80ed;transition:width .2s ease}
html[data-workspace] .workspace-exclusive-file[data-status=success] .workspace-exclusive-progress i{background:#17a45b}
html[data-workspace] .workspace-exclusive-file[data-status=error] .workspace-exclusive-progress i{background:#d64545}
html[data-workspace] .workspace-exclusive-file-message{grid-column:1/-1;margin:0;color:var(--brand-strong);white-space:normal;overflow-wrap:anywhere}
html[data-workspace] .workspace-exclusive-submit{margin-top:auto;min-height:54px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-size:17px;cursor:pointer}
html[data-workspace] .workspace-exclusive-submit:disabled{background:#b9a4a8;cursor:not-allowed}
html[data-workspace] .workspace-exclusive-frame-host{flex:1;min-height:480px;margin:8px -12px -12px;overflow:hidden;border-top:1px solid #d7c5c9;background:#fff}
html[data-workspace] .workspace-exclusive-frame{width:100%;height:100%;min-height:480px;border:0;background:#fff}
html[data-workspace] .workspace-exclusive-upload.is-checkout .workspace-exclusive-head,html[data-workspace] .workspace-exclusive-upload.is-checkout .workspace-exclusive-queue-head,html[data-workspace] .workspace-exclusive-upload.is-checkout .workspace-exclusive-drop,html[data-workspace] .workspace-exclusive-upload.is-checkout .workspace-exclusive-list,html[data-workspace] .workspace-exclusive-upload.is-checkout .workspace-exclusive-submit{display:none}
html[data-workspace] .workspace-exclusive-upload.is-checkout .workspace-exclusive-status{min-height:0;margin:0;padding:9px 12px;border-bottom:1px solid #f0ded5;background:#fff8f3;color:#884425;font-size:12px}
html[data-workspace] .workspace-exclusive-upload.is-checkout .workspace-exclusive-frame-host{margin:0;border-top:0}
@media(max-width:767px){html[data-workspace] .workspace-exclusive-upload{min-height:620px}html[data-workspace] .workspace-exclusive-frame-host,html[data-workspace] .workspace-exclusive-frame{min-height:540px}}

/* Checkout mode owns the complete right rail; remove overlays that cover its submit button. */
html[data-workspace] .studio-quote-summary.workspace-upload-exclusive{padding:0!important;overflow:hidden!important}
html[data-workspace] .workspace-exclusive-upload.is-checkout{height:100%!important;min-height:0!important;background:#f6f8fb}
html[data-workspace] .workspace-exclusive-upload.is-checkout .workspace-exclusive-frame-host{flex:1!important;min-height:0!important;height:calc(100% - 37px)!important;overflow:hidden!important;background:#f6f8fb}
html[data-workspace] .workspace-exclusive-upload.is-checkout .workspace-exclusive-frame{display:block;width:100%!important;height:100%!important;min-height:0!important}
html[data-workspace]:has(.workspace-exclusive-upload.is-checkout) .right-contact,
html[data-workspace]:has(.workspace-exclusive-upload.is-checkout) .header-v2>.xuanfu,
html[data-workspace]:has(.workspace-exclusive-upload.is-checkout) #bf-chat,
html[data-workspace]:has(.workspace-exclusive-upload.is-checkout) .studio-chat,
html[data-workspace]:has(.workspace-exclusive-upload.is-checkout) .workspace-mobile-nav{display:none!important}

/* Logged-in account menu follows the active customer theme. */
html[data-workspace] .workspace-reference-header{overflow:visible!important}
html[data-workspace] .workspace-user-menu{position:relative;flex:0 0 auto;margin-left:auto;align-self:stretch;display:flex;align-items:center;z-index:130}
html[data-workspace] .workspace-user-menu-trigger{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#fff;font-size:16px;line-height:1;white-space:nowrap;cursor:pointer}
html[data-workspace] .workspace-user-menu-trigger:hover,
html[data-workspace] .workspace-user-menu-trigger:focus-visible,
html[data-workspace] .workspace-user-menu.is-open .workspace-user-menu-trigger{border-color:#ffffff66;background:#ffffff1f;outline:none}
html[data-workspace] .workspace-user-menu-caret{font-size:12px;transition:transform .16s ease}
html[data-workspace] .workspace-user-menu.is-open .workspace-user-menu-caret{transform:rotate(180deg)}
html[data-workspace] .workspace-user-menu-panel{position:absolute;top:calc(50% + 28px);right:0;width:154px;padding:7px;border:1px solid #dbe6f3;border-radius:10px;background:#fff;box-shadow:0 12px 32px #173d6833}
html[data-workspace] .workspace-user-menu-panel[hidden]{display:none!important}
html[data-workspace] .workspace-user-menu-panel:before{content:'';position:absolute;right:23px;top:-6px;width:10px;height:10px;border-left:1px solid #dbe6f3;border-top:1px solid #dbe6f3;background:#fff;transform:rotate(45deg)}
html[data-workspace] .workspace-user-menu-panel a{position:relative;z-index:1;display:flex;align-items:center;min-height:38px;padding:0 12px;border-radius:7px;color:#24466d!important;font-size:14px;line-height:1.4;text-decoration:none;white-space:nowrap}
html[data-workspace] .workspace-user-menu-panel a:hover,
html[data-workspace] .workspace-user-menu-panel a:focus-visible{background:#edf5ff;color:#1768bb!important;outline:none}
html[data-workspace] .workspace-user-menu-panel .workspace-user-logout{margin-top:5px;border-top:1px solid #edf0f4;border-radius:0 0 7px 7px;color:var(--brand)!important}
html[data-workspace] .workspace-user-menu-panel .workspace-user-logout:hover,
html[data-workspace] .workspace-user-menu-panel .workspace-user-logout:focus-visible{background:#fff3ec;color:#d94d08!important}
@media(max-width:767px){html[data-workspace] .workspace-user-menu{align-self:center}html[data-workspace] .workspace-user-menu-trigger{font-size:14px;padding:0 8px}html[data-workspace] .workspace-user-menu-panel{position:fixed;top:68px;right:10px}}

/* Staff valet ordering: orange-red identity, blue search and selection feedback. */
html[data-workspace] .workspace-valet-host:empty{display:none}
html[data-workspace] .workspace-valet-host{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
html[data-workspace] .workspace-valet-host .workspace-valet-summary-panel{top:calc(100% + 8px);bottom:auto;left:auto;right:0;width:min(760px,calc(100vw - 40px))}
html[data-workspace] .workspace-valet-host .workspace-valet-summary-toggle{padding:8px 12px;border:1px solid #ef5b12;border-radius:7px;background:#fff;color:#df500d;white-space:nowrap}
html[data-workspace] .workspace-valet-host .workspace-valet-selector{position:relative;inset:auto;flex:auto;flex-wrap:wrap;min-width:0;margin:0;padding:10px;border:1px solid #d9e4f1;border-radius:8px;box-shadow:none}
html[data-workspace] .workspace-valet-host .workspace-valet-label{display:inline-flex}
html[data-workspace] .workspace-valet-host .workspace-valet-search{width:min(420px,100%);flex:1;min-width:180px}
html[data-workspace] .workspace-valet-host .workspace-valet-results{top:calc(100% + 6px);bottom:auto;width:min(440px,100%)}
html[data-workspace] .workspace-valet-host .workspace-valet-option{display:block;width:100%;padding:10px;border:0;border-radius:6px;background:#fff;text-align:left;cursor:pointer}
html[data-workspace] .workspace-valet-host .workspace-valet-option:hover{background:#edf5ff}
html[data-workspace] .workspace-valet-host .workspace-valet-option strong{display:block;color:#155fa9;font-size:14px}
html[data-workspace] .workspace-valet-host .workspace-valet-option span{display:block;color:#67788e;font-size:12px}
html[data-workspace] .workspace-valet-host .workspace-valet-selected{min-width:0;flex:1}
html[data-workspace] .workspace-valet-host .workspace-valet-clear{margin-left:auto;border:1px solid #ef5b12;border-radius:50%;background:#fff;color:#df500d;width:28px;height:28px;font-size:20px}
html[data-workspace] .workspace-valet-host .workspace-valet-selector.is-self-only{display:none!important}
html[data-workspace] .workspace-valet-selector[hidden]{display:none!important}
html[data-workspace] .workspace-valet-selector{position:relative;align-self:stretch;display:flex;align-items:center;gap:9px;min-width:450px;margin-right:auto;padding:8px 0 8px 16px;box-sizing:border-box;border-right:1px solid #e4eaf2;background:#fff}
html[data-workspace] .workspace-valet-label{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 11px;border-radius:7px;background:var(--brand);color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
html[data-workspace] .workspace-valet-search{position:relative;width:min(310px,31vw)}
html[data-workspace] .workspace-valet-search input{width:100%;height:38px;padding:0 13px;border:1px solid #b8cce4;border-radius:7px;background:#f8fbff;color:#243f60;font-size:14px;outline:none}
html[data-workspace] .workspace-valet-search input:focus{border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed22;background:#fff}
html[data-workspace] .workspace-valet-results{position:absolute;left:0;bottom:calc(100% + 12px);z-index:180;width:440px;max-height:330px;overflow:auto;padding:6px;border:1px solid #c9d8e9;border-radius:10px;background:#fff;box-shadow:0 15px 38px #173d6838}
html[data-workspace] .workspace-valet-results[hidden]{display:none!important}
html[data-workspace] .workspace-order-bar .workspace-valet-option{display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:55px!important;padding:8px 10px!important;border:0!important;border-radius:7px!important;background:#fff!important;color:#24466d!important;text-align:left!important;font-size:14px!important;line-height:1.35!important;cursor:pointer}
html[data-workspace] .workspace-order-bar .workspace-valet-option:hover,html[data-workspace] .workspace-order-bar .workspace-valet-option:focus-visible{background:#edf5ff!important;outline:2px solid #2f80ed33!important}
html[data-workspace] .workspace-order-bar .workspace-valet-option strong{display:block;color:#155fa9;font-size:15px;font-weight:650;white-space:normal}
html[data-workspace] .workspace-order-bar .workspace-valet-option span{display:block;margin-top:3px;color:#67788e;font-size:12px;white-space:normal}
html[data-workspace] .workspace-valet-empty{margin:0;padding:14px 10px;color:#6e7f92;font-size:13px;text-align:center}
html[data-workspace] .workspace-valet-empty.is-error{color:#c74812;background:#fff6f1}
html[data-workspace] .workspace-valet-selected{display:none;align-items:center;gap:10px;min-width:300px;padding:4px 9px;border:1px solid #91b9e8;border-radius:8px;background:#edf5ff}
html[data-workspace] .workspace-valet-selector.is-selected .workspace-valet-search{display:none}
html[data-workspace] .workspace-valet-selector.is-selected .workspace-valet-selected{display:flex}
html[data-workspace] .workspace-valet-selected>span{min-width:0}
html[data-workspace] .workspace-order-bar .workspace-valet-selected small{color:var(--brand);font-size:11px;font-weight:600}
html[data-workspace] .workspace-order-bar .workspace-valet-selected strong{max-width:280px;overflow:hidden;color:#155fa9;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
html[data-workspace] .workspace-order-bar .workspace-valet-clear{align-self:center!important;min-width:52px!important;height:30px!important;padding:0 9px!important;border:1px solid var(--brand)!important;border-radius:6px!important;background:#fff!important;color:var(--brand-strong)!important;font-size:12px!important;white-space:nowrap}
html[data-workspace] .workspace-order-bar .workspace-valet-clear:hover{background:#fff3ec!important}
html[data-workspace] .workspace-user-menu-trigger>span:first-child{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-workspace] .workspace-user-menu-panel{width:220px}
html[data-workspace] .workspace-user-identity{margin-bottom:6px;padding:9px 11px;border-bottom:1px solid #e7edf4;background:linear-gradient(135deg,#fff5ef,#edf5ff);border-radius:7px;color:#24466d}
html[data-workspace] .workspace-user-identity small,html[data-workspace] .workspace-user-identity strong,html[data-workspace] .workspace-user-identity span{display:block;line-height:1.45}
html[data-workspace] .workspace-user-identity small{color:var(--brand);font-size:11px;font-weight:600}
html[data-workspace] .workspace-user-identity strong{margin-top:2px;color:#155fa9;font-size:14px;overflow-wrap:anywhere}
html[data-workspace] .workspace-user-identity span{margin-top:2px;color:#6a7b8f;font-size:12px;overflow-wrap:anywhere}
@media(max-width:1250px){html[data-workspace] .workspace-valet-selector{min-width:325px;padding-left:8px}html[data-workspace] .workspace-valet-label{display:none}html[data-workspace] .workspace-valet-search{width:230px}html[data-workspace] .workspace-valet-selected{min-width:260px}html[data-workspace] .workspace-order-bar .workspace-valet-selected strong{max-width:210px}}
@media(max-width:767px){html[data-workspace] .workspace-valet-selector{position:absolute;left:8px;right:8px;bottom:72px;min-width:0;min-height:56px;margin:0;padding:8px;border:1px solid #d9e4f1;border-radius:10px;box-shadow:0 8px 25px #173d682e}html[data-workspace] .workspace-valet-label{display:inline-flex}html[data-workspace] .workspace-valet-search{flex:1;width:auto}html[data-workspace] .workspace-valet-results{left:-70px;width:calc(100vw - 32px);max-height:270px}html[data-workspace] .workspace-valet-selected{flex:1;min-width:0}html[data-workspace] .workspace-order-bar .workspace-valet-selected strong{max-width:calc(100vw - 195px)}html[data-workspace]:has(.workspace-valet-selector:not([hidden])) .studio-quote-grid{padding-bottom:150px}}

/* Employee-only valet quote summary. */
html[data-workspace] .workspace-valet-summary[hidden]{display:none!important}
html[data-workspace] .workspace-valet-summary{position:relative;flex:0 0 auto;align-self:center}
html[data-workspace] .workspace-order-bar .workspace-valet-summary-toggle{align-self:center!important;min-width:104px!important;height:40px!important;padding:0 14px!important;border:1px solid var(--brand)!important;border-radius:8px!important;background:#fff!important;color:var(--brand-strong)!important;font-size:14px!important;font-weight:650!important;box-shadow:none!important}
html[data-workspace] .workspace-order-bar .workspace-valet-summary-toggle:hover,
html[data-workspace] .workspace-order-bar .workspace-valet-summary-toggle[aria-expanded="true"]{background:#fff3ec!important}
html[data-workspace] .workspace-valet-summary-panel{position:absolute;right:0;bottom:calc(100% + 12px);z-index:210;width:min(560px,calc(100vw - 32px));max-height:72vh;overflow:auto;border:1px solid #c9d9eb;border-top:4px solid var(--brand);border-radius:12px;background:#fff;box-shadow:0 18px 48px #173d6842;color:#263d58}
html[data-workspace] .workspace-valet-summary-panel[hidden]{display:none!important}
html[data-workspace] .workspace-valet-summary-panel>header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 11px;border-bottom:1px solid #e4ebf3;background:linear-gradient(100deg,#fff5ef,#edf6ff)}
html[data-workspace] .workspace-valet-summary-panel>header small{display:block;color:var(--brand);font-size:11px;font-weight:700}
html[data-workspace] .workspace-valet-summary-panel>header h3{margin:2px 0 0;color:#194e86;font-size:18px}
html[data-workspace] .workspace-order-bar .workspace-valet-summary-close{align-self:center!important;min-width:32px!important;width:32px!important;height:32px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#60758c!important;font-size:24px!important;line-height:1!important}
html[data-workspace] .workspace-valet-summary-content{padding:14px 16px}
html[data-workspace] .workspace-valet-summary-customer{padding:10px 12px;border-left:4px solid #2f80ed;border-radius:7px;background:#edf5ff}
html[data-workspace] .workspace-valet-summary-customer small{display:block;color:var(--brand);font-size:11px;font-weight:700}
html[data-workspace] .workspace-valet-summary-customer strong{display:block;margin-top:2px;color:#155fa9;font-size:15px;font-weight:700;overflow-wrap:anywhere}
html[data-workspace] .workspace-valet-summary-content dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:12px 0;border:1px solid #e3eaf2;border-radius:8px;overflow:hidden}
html[data-workspace] .workspace-valet-summary-content dl>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:9px 10px;border-bottom:1px solid #edf1f5;background:#fff}
html[data-workspace] .workspace-valet-summary-content dl>div:nth-child(odd){border-right:1px solid #edf1f5}
html[data-workspace] .workspace-valet-summary-content dt{color:#73849a;font-size:12px}
html[data-workspace] .workspace-valet-summary-content dd{margin:0;color:#263d58;font-size:13px;font-weight:600;overflow-wrap:anywhere}
html[data-workspace] .workspace-valet-summary-content dl>div:nth-last-child(2) dd{color:var(--brand);font-size:16px}
html[data-workspace] .workspace-valet-summary-content p{margin:8px 0;padding:9px 10px;border-radius:7px;background:#f7f9fc;color:#53667c;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
html[data-workspace] .workspace-valet-summary-content p strong{color:#263d58}
html[data-workspace] .workspace-valet-summary-number{display:block;color:#8a98a9;font-size:11px;text-align:right}
html[data-workspace] .workspace-valet-summary-panel>footer{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 14px;border-top:1px solid #e8eef4;background:#fbfcfe}
html[data-workspace] .workspace-valet-summary-panel>footer span{color:#27935d;font-size:12px}
html[data-workspace] .workspace-order-bar .workspace-valet-summary-copy{align-self:center!important;min-width:96px!important;height:34px!important;padding:0 14px!important;border:0!important;border-radius:7px!important;background:#2f80ed!important;color:#fff!important;font-size:13px!important}
@media(max-width:1250px){html[data-workspace] .workspace-order-bar .workspace-valet-summary-toggle{min-width:86px!important;padding:0 9px!important}}
@media(max-width:767px){html[data-workspace] .workspace-valet-summary{position:absolute;right:148px;bottom:14px}html[data-workspace] .workspace-valet-summary-panel{position:fixed;left:8px;right:8px;bottom:142px;width:auto;max-height:calc(100vh - 180px)}html[data-workspace] .workspace-valet-summary-content dl{grid-template-columns:1fr}html[data-workspace] .workspace-valet-summary-content dl>div:nth-child(odd){border-right:0}}

/* Compact valet controls: clearing the customer returns directly to search. */
html[data-workspace] .workspace-order-bar{gap:12px}
html[data-workspace] .workspace-valet-selector{flex:0 0 370px;min-width:370px;gap:6px;padding-left:10px}
html[data-workspace] .workspace-valet-selected{min-width:0;max-width:280px;gap:6px;padding:3px 6px}
html[data-workspace] .workspace-order-bar .workspace-valet-selected strong{max-width:215px}
html[data-workspace] .workspace-order-bar .workspace-valet-clear{flex:0 0 28px!important;min-width:28px!important;width:28px!important;height:28px!important;padding:0!important;border-radius:50%!important;font-size:20px!important;font-weight:400!important;line-height:26px!important}
html[data-workspace] .workspace-valet-summary{flex:0 0 76px;width:76px}
html[data-workspace] .workspace-order-bar .workspace-valet-summary-toggle{min-width:76px!important;width:76px!important;height:32px!important;padding:0 7px!important;border-radius:6px!important;font-size:13px!important}
html[data-workspace] .workspace-order-bar>div:not(.workspace-valet-selector){flex:0 0 auto;min-width:94px}
html[data-workspace] .workspace-order-bar>button{flex:0 0 280px;min-width:280px}
html[data-workspace] .workspace-valet-summary-panel{width:min(520px,calc(100vw - 32px))}
html[data-workspace] .workspace-valet-summary-calculation{margin:12px 0;padding:11px 12px;border:1px solid #bcd5f2;border-radius:8px;background:#f5f9ff}
html[data-workspace] .workspace-valet-summary-calculation h4{margin:0 0 8px;color:#155fa9;font-size:14px}
html[data-workspace] .workspace-valet-summary-calculation ol{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin:0;padding-left:22px}
html[data-workspace] .workspace-valet-summary-calculation li{padding-left:2px;color:#2f80ed;font-size:12px}
html[data-workspace] .workspace-valet-summary-calculation li strong,html[data-workspace] .workspace-valet-summary-calculation li span{display:block}
html[data-workspace] .workspace-valet-summary-calculation li strong{color:var(--brand)}
html[data-workspace] .workspace-valet-summary-calculation li span{margin-top:2px;color:#53667c;line-height:1.45;overflow-wrap:anywhere}
html[data-workspace] .workspace-valet-summary-content dl.workspace-valet-summary-technical{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0;border-color:#e1e7ee;background:#fafbfd}
html[data-workspace] .workspace-valet-summary-content dl.workspace-valet-summary-technical>div{display:block;padding:8px 10px;border-right:1px solid #e8edf2;border-bottom:0;background:#fafbfd}
html[data-workspace] .workspace-valet-summary-content dl.workspace-valet-summary-technical>div:last-child{border-right:0}
html[data-workspace] .workspace-valet-summary-content dl.workspace-valet-summary-technical dt{color:#778596;font-size:11px;font-weight:400}
html[data-workspace] .workspace-valet-summary-content dl.workspace-valet-summary-technical dd{margin-top:3px;color:#53667c;font-size:12px;font-weight:400;line-height:1.45}
html[data-workspace] .workspace-valet-summary-fees{margin:10px 0;padding:10px 12px;border:1px solid #e1e7ee;border-radius:8px;background:#fafbfd;color:#53667c}
html[data-workspace] .workspace-valet-summary-fees h4{margin:0 0 7px;color:#42566e;font-size:13px;font-weight:500}
html[data-workspace] .workspace-valet-summary-fees ol{margin:0;padding-left:20px}
html[data-workspace] .workspace-valet-summary-fees li{margin:4px 0;padding-left:2px;color:#53667c;font-size:12px;font-weight:400;line-height:1.55;overflow-wrap:anywhere}
@media(max-width:1250px){html[data-workspace] .workspace-valet-selector{flex-basis:310px;min-width:310px}html[data-workspace] .workspace-valet-selected{max-width:235px}html[data-workspace] .workspace-order-bar .workspace-valet-selected strong{max-width:170px}html[data-workspace] .workspace-valet-summary{flex-basis:70px;width:70px}html[data-workspace] .workspace-order-bar .workspace-valet-summary-toggle{min-width:70px!important;width:70px!important;padding:0 4px!important}html[data-workspace] .workspace-order-bar>button{flex-basis:220px;min-width:220px}}
@media(max-width:1100px){html[data-workspace] .workspace-order-bar>button{flex-basis:180px;min-width:180px}html[data-workspace] .workspace-order-bar>div:not(.workspace-valet-selector){min-width:82px}}
@media(max-width:767px){html[data-workspace] .workspace-valet-selector{flex-basis:auto;min-width:0}html[data-workspace] .workspace-valet-summary{width:auto}html[data-workspace] .workspace-order-bar>button{flex-basis:auto;min-width:140px}html[data-workspace] .workspace-valet-summary-calculation ol{grid-template-columns:1fr}html[data-workspace] .workspace-valet-summary-content dl.workspace-valet-summary-technical{grid-template-columns:1fr}html[data-workspace] .workspace-valet-summary-content dl.workspace-valet-summary-technical>div{border-right:0;border-bottom:1px solid #e8edf2}html[data-workspace] .workspace-valet-summary-content dl.workspace-valet-summary-technical>div:last-child{border-bottom:0}}

/* r65: explanation-book quote summary */
html[data-workspace] .workspace-valet-summary-panel{width:min(780px,calc(100vw - 32px));max-height:82vh;color:#35465a}
html[data-workspace] .workspace-valet-summary-content{padding:16px 20px 20px}
html[data-workspace] .workspace-valet-summary-title{margin:16px 0 6px;color:#263d58;font-size:18px;line-height:1.45}
html[data-workspace] .workspace-valet-summary-content .workspace-valet-summary-note{margin:0 0 12px;padding:0;background:transparent;color:#748398;font-size:12px}
html[data-workspace] .workspace-valet-summary-content table{width:100%;margin:10px 0 16px;border-collapse:collapse;table-layout:fixed;background:#fff;color:#42566e;font-size:12px;line-height:1.55}
html[data-workspace] .workspace-valet-summary-content th{padding:8px 10px;border-bottom:1px solid #dce5ef;background:#f7f9fc;color:#53667c;font-weight:650;text-align:left}
html[data-workspace] .workspace-valet-summary-content td{padding:8px 10px;border-bottom:1px solid #e8edf3;vertical-align:top;overflow-wrap:anywhere}
html[data-workspace] .workspace-valet-summary-specs th:first-child,
html[data-workspace] .workspace-valet-summary-specs td:first-child,
html[data-workspace] .workspace-valet-summary-param-table th:first-child,
html[data-workspace] .workspace-valet-summary-param-table td:first-child{width:34%;color:#68798e}
html[data-workspace] .workspace-valet-summary-section{margin-top:18px}
html[data-workspace] .workspace-valet-summary-section h4{margin:0 0 8px;color:#263d58;font-size:15px;font-weight:700}
html[data-workspace] .workspace-valet-summary-section h5{margin:12px 0 5px;color:#53667c;font-size:12px;font-weight:650}
html[data-workspace] .workspace-valet-summary-content .workspace-valet-summary-section>p{margin:7px 0;padding:0;background:transparent;color:#53667c;font-size:12px;line-height:1.7}
html[data-workspace] .workspace-valet-summary-content .workspace-valet-summary-formula{padding:8px 10px!important;border-left:2px solid #cbd6e3;background:#f9fafc!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
html[data-workspace] .workspace-valet-summary-cost-table th:first-child,
html[data-workspace] .workspace-valet-summary-cost-table td:first-child{width:18%}
html[data-workspace] .workspace-valet-summary-cost-table th:nth-child(2),
html[data-workspace] .workspace-valet-summary-cost-table td:nth-child(2){width:auto}
html[data-workspace] .workspace-valet-summary-cost-table th:last-child,
html[data-workspace] .workspace-valet-summary-cost-table td:last-child{width:96px;text-align:right;font-variant-numeric:tabular-nums}
html[data-workspace] .workspace-valet-summary-total ul{margin:6px 0 0;padding-left:22px;color:#53667c;font-size:12px;line-height:1.8}
html[data-workspace] .workspace-valet-summary-total li:nth-last-child(2),
html[data-workspace] .workspace-valet-summary-total li:last-child{color:#263d58}
html[data-workspace] .workspace-valet-summary-content .workspace-valet-summary-disclaimer{margin:14px 0 8px;padding:10px 12px;border-radius:6px;background:#f7f9fc;color:#68798e;font-size:11px;line-height:1.65}
@media(max-width:767px){html[data-workspace] .workspace-valet-summary-panel{max-height:calc(100vh - 170px)}html[data-workspace] .workspace-valet-summary-content{padding:12px}html[data-workspace] .workspace-valet-summary-cost-table th:last-child,html[data-workspace] .workspace-valet-summary-cost-table td:last-child{width:76px}html[data-workspace] .workspace-valet-summary-content table{font-size:11px}}

/* r67: simplify the customer mobile quote view */
@media(max-width:767px){
 html[data-workspace] .quote-alert{display:none!important}
 html[data-workspace] .workspace-valet-selector.is-self-only{display:none!important}
 html[data-workspace]:has(.workspace-valet-selector.is-self-only) .studio-quote-grid{padding-bottom:72px!important}
}

/* Quote selections use a white surface with the active customer-theme outline. */
html[data-workspace] .workspace-quotation .quotation-btn.active,
html[data-workspace] .workspace-quotation .quotation-btn.cur,
html[data-workspace] .workspace-quotation button[aria-pressed="true"],
html[data-workspace] .workspace-quotation .ivu-radio-group-button .ivu-radio-wrapper-checked,
html[data-workspace] .workspace-quotation .el-radio-button__orig-radio:checked + .el-radio-button__inner,
html[data-workspace] .workspace-quotation .el-radio-button.is-active .el-radio-button__inner{border-color:var(--brand)!important;background:#fff!important;color:var(--brand)!important;box-shadow:inset 0 0 0 1px var(--brand)!important;font-weight:600!important}
html[data-workspace] .workspace-quotation .quotation-btn.active:before,
html[data-workspace] .workspace-quotation .quotation-btn.active:after,
html[data-workspace] .workspace-quotation .quotation-btn.cur:before,
html[data-workspace] .workspace-quotation .quotation-btn.cur:after{display:none!important}
html[data-workspace] .workspace-quotation .quotation-calculate.active{border:2px solid var(--brand)!important;background:#fff!important;color:var(--brand)!important;box-shadow:none!important}
html[data-workspace] .workspace-quotation .quotation-calculate.active *{color:var(--brand)!important}
html[data-workspace] .workspace-quotation>.product-bar a.product-item.cur,
html[data-workspace] .workspace-material-card.cur{border-color:var(--brand)!important;background:#fff!important;color:var(--brand)!important;box-shadow:inset 0 0 0 1px var(--brand)!important}
html[data-workspace] .workspace-quotation .el-checkbox__input.is-checked .el-checkbox__inner,
html[data-workspace] .workspace-quotation .el-radio__input.is-checked .el-radio__inner,
html[data-workspace] .workspace-quotation .ivu-checkbox-checked .ivu-checkbox-inner,
html[data-workspace] .workspace-quotation .ivu-radio-checked .ivu-radio-inner{border-color:var(--brand)!important;background:var(--brand)!important}
html[data-workspace] .workspace-quotation .el-checkbox__input.is-checked + .el-checkbox__label,
html[data-workspace] .workspace-quotation .el-radio__input.is-checked + .el-radio__label,
html[data-workspace] .workspace-quotation .ivu-checkbox-wrapper-checked,
html[data-workspace] .workspace-quotation .ivu-radio-wrapper-checked{color:var(--brand)!important}
html[data-workspace] .workspace-quotation .quotation-btn:hover,
html[data-workspace] .workspace-quotation .quotation-calculate:hover{border-color:var(--brand)!important;color:var(--brand)!important}

/* Match the reference quote form: do not reserve an empty row for unavailable spot-colour surcharges. */
html[data-workspace] .workspace-quotation .workspace-empty-spot-surcharge{display:none!important}

/* r68: match the reference storefront's open desktop rhythm. */
@media(min-width:768px){
 html[data-workspace] .workspace-reference-header nav [data-workspace-category="广告加工制作"],
 html[data-workspace] .workspace-reference-header nav [data-workspace-category="供应链商城"],
 html[data-workspace] .workspace-reference-header nav a[href^="/PrintingAbout/PrintingInstructions"]{display:none!important}
 html[data-workspace] .workspace-reference-header nav{justify-content:center!important;gap:clamp(12px,1.4vw,28px)!important}
 html[data-workspace] .workspace-reference-header nav a,
 html[data-workspace] .workspace-reference-header nav button{padding-left:6px!important;padding-right:6px!important}
}

/* Every product uses the same compact style-count field. */
html[data-workspace] .quotation-form .workspace-style-count .el-form-item__content{display:flex;align-items:center}
html[data-workspace] .quotation-form .workspace-style-count .el-input{flex:0 0 120px!important;width:120px!important;max-width:120px!important}
html[data-workspace] .quotation-form .workspace-style-count .el-input__inner{width:120px!important}

/* Keep the material note immediately after the material selector on every quote form. */
html[data-workspace] .workspace-material-selection-row{display:flex;align-items:center;gap:18px;width:100%;min-width:0}
html[data-workspace] .workspace-material-selection-control{display:flex;flex:1 1 auto;align-items:center;flex-wrap:wrap;gap:6px;min-width:150px}
html[data-workspace] .workspace-material-remark-inline{display:flex;flex:0 1 400px;align-items:center;gap:8px;min-width:280px}
html[data-workspace] .workspace-material-remark-label{flex:0 0 auto;color:#606266;white-space:nowrap}
html[data-workspace] .workspace-material-remark-inline .el-input{flex:1 1 240px;width:auto!important;min-width:200px}
@media(max-width:767px){html[data-workspace] .workspace-material-selection-row{align-items:stretch;flex-direction:column;gap:10px}html[data-workspace] .workspace-material-selection-control,html[data-workspace] .workspace-material-remark-inline{flex-basis:auto;width:100%;min-width:0}html[data-workspace] .workspace-material-remark-inline .el-input{min-width:0}}

/* Keep the employee quote summary fully inside the desktop quote area. */
@media(min-width:768px){
 html[data-workspace] .workspace-valet-summary-panel{position:fixed!important;left:calc(var(--workspace-side) + 16px)!important;right:auto!important;bottom:76px!important;width:min(780px,calc(100vw - var(--workspace-side) - 382px))!important;max-height:calc(100vh - var(--workspace-top) - 96px)!important}
}