/* Operate surface: quiet canvas, deliberate actions, readable task status. */
:root{--logo-green:#1f9f86;--brand:#087561;--primary:#087561;--ink:#193b32;--muted:#586f66;--line:#dce9e3;--ui-line:#dce9e3;--surface:#fff;--canvas:#f7faf8;--link:#245da8;--focus:#087561}
body.trialVisual{background:var(--canvas);color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.55}
.trialVisual ::selection{background:#c5e7dc;color:#163f35}.trialVisual *{scrollbar-color:#aabbb3 transparent;scrollbar-width:thin}
.trialVisual input,.trialVisual textarea{caret-color:var(--brand)}
.trialVisual aside{width:228px;background:#fff;border-color:var(--line);padding:28px 18px}
.companyBrand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;letter-spacing:0!important;min-width:0}.companyBrand img{display:block;width:188px;max-width:100%;height:auto;object-fit:contain}.companyBrand>span{font-size:12px!important;letter-spacing:2px;color:#587167;font-weight:500!important}
.trialLogin .companyBrand{margin-bottom:32px}.trialLogin .companyBrand img{width:250px}.loginMode{background:#fff}
.trialVisual .brand{color:#263f37;letter-spacing:.5px}.trialVisual .brand b{background:#126356;border-radius:12px}.trialVisual .brand small{color:#586b62;letter-spacing:1px}
.trialVisual .workspace{border:0;border-bottom:1px solid #d5ded5;border-radius:0;padding:16px 10px;margin-top:28px;color:#4e6358}
.trialVisual .navlabel{color:#63756a;margin:25px 12px 12px}.trialVisual nav button{min-height:46px;padding:12px 14px;margin:3px 0;color:#4e6057;font-size:14px;border-radius:8px}
.trialVisual nav button:hover{background:#f0f8f4;color:#11654f}.trialVisual nav button.active{background:#e4f4ed;color:#087561;font-weight:650}
.trialVisual .asidefoot,.trialVisual .asidefoot small{color:#627267}.trialVisual .shell{margin-left:228px}
.trialVisual header{height:72px;padding:0 32px;background:var(--canvas);border-color:var(--line)}
.trialVisual header>div{gap:12px}.trialVisual header .link{min-height:40px;padding:8px 10px}.trialVisual header select{min-height:40px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px;color:#41584c}
.trialVisual header .user{background:#e0e9df;color:#33553f}.trialVisual main{padding:28px 32px;max-width:1520px}
.trialVisual h1{font-size:28px;font-weight:650;letter-spacing:-.02em;line-height:1.35}.trialVisual h2{font-size:18px;font-weight:650;letter-spacing:-.01em}.trialVisual h3{font-size:16px;font-weight:600}
.trialVisual .titlebar{gap:20px;margin-bottom:25px;align-items:center}.trialVisual .titlebar p{color:#60706b;font-size:13px;margin-top:8px}
.trialVisual .btn{min-height:42px;padding:10px 17px;line-height:20px;border-radius:8px;border-color:#cbd6cf;color:#344d40;background:#fff;font-size:14px;font-weight:550;white-space:nowrap}
.trialVisual .btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;min-height:44px;padding:11px 22px}
.trialVisual .btn.primary:hover{background:#0c5146;border-color:#0c5146}.trialVisual .btn:hover{background:#edf3ef}.trialVisual .btn.primary:active{background:#083f36}
.trialVisual .btn.small{min-height:38px;padding:8px 12px;font-size:13px}.trialVisual .btn.soft{background:#e5eee8;color:#155d48;border-color:transparent}
.trialVisual button{transition:background-color 160ms ease-out,color 160ms ease-out,border-color 160ms ease-out}.trialVisual button:disabled{cursor:not-allowed;opacity:.5}
.trialVisual :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.trialVisual .detailLink,.trialVisual .link{color:var(--link);text-underline-offset:4px}.trialVisual .detailLink:hover,.trialVisual .link:hover{text-decoration:underline}
.trialVisual .muted,.trialVisual .mini{color:var(--muted)}.trialVisual input::placeholder,.trialVisual textarea::placeholder{color:#6b756f}
.trialVisual .giftEntry{width:42px;height:42px;background:#e6eee7;color:#285140;margin-right:3px}.trialVisual .giftEntry:hover{background:#d6e5d9}.giftEntry img{width:20px;height:20px}
.workbench .taskOverview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:26px;overflow:hidden}
.taskOverview>button{display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;border:0;background:transparent;padding:20px 22px;color:#53645c;position:relative;min-height:100px}
.taskOverview>button+button{border-left:1px solid var(--line)}.taskOverview>button:hover{background:#f0f6f1}.taskOverview>button>span:first-child{grid-column:1/-1;font-size:13px}.taskOverview strong{font-size:28px;font-weight:600;line-height:1.2;color:#293d32;font-variant-numeric:tabular-nums}.taskOverview .taskGo{align-self:center;color:#567966}
.workbenchColumns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start}.projectSurface{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}
.workbench .panelhead{padding:20px 22px;margin:0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.workbench .panelhead p{margin:4px 0 0;font-size:12px}
.projectEmpty{min-height:275px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 24px;text-align:center}.emptyMark{width:48px;height:48px;color:#668675;margin-bottom:12px}.emptyMark svg{width:100%;height:100%}.projectEmpty h3{font-size:16px;margin:0;color:#344d3e}.projectEmpty p{font-size:13px;color:#607268;margin:7px 0 20px;max-width:40ch}
.workbenchActions{padding:5px 0}.workbenchActions h2{margin:0 0 13px}.workbenchActions>button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #dce3df;text-align:left;padding:18px 0;background:transparent;color:#395544;min-height:82px;gap:12px}.workbenchActions>button:hover{color:#0c634e;background:#edf2ed}.workbenchActions strong{display:block;font-size:14px;font-weight:600}.workbenchActions small{display:block;margin-top:5px;color:#607268;font-size:12px}
.collectionSummary{display:flex;gap:24px;align-items:center;padding:19px 22px;margin:26px 0;background:#eaf6f0;border-radius:12px;color:#285b46;font-size:12px}.collectionSummary>div:first-child{display:grid;gap:4px;flex-shrink:0}.collectionSummary strong{font-size:14px}.collectionSummary>div>span{color:#4f6654}.collectionTrack{max-width:180px;flex:1;min-width:70px}.collectionTrack progress{display:block;width:100%;height:6px;accent-color:var(--brand);border:0;border-radius:4px;overflow:hidden}.collectionTrack progress::-webkit-progress-bar{background:#cce7da}.collectionTrack progress::-webkit-progress-value{background:var(--brand)}.collectionSummary>button{margin-left:auto;min-height:38px;border:0;background:transparent;padding:8px 4px;font-weight:550;white-space:nowrap}
.recentArchive{margin:0 0 20px}.workbench .recentArchive .panelhead{padding:0 0 12px}.recentArchive>p{margin:14px 0;font-size:13px}.integrationStatus{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:12px;color:#68766d;border-top:1px solid var(--line);padding-top:16px;line-height:1.7}
.trialVisual table{font-variant-numeric:tabular-nums;font-size:14px}.trialVisual th{background:#f0f4ef;color:#526459;font-size:13px;font-weight:500}.trialVisual td{color:#344c3e}.trialVisual td small{font-size:12px;color:#60706b;line-height:1.6}.trialVisual td strong{font-size:14px;font-weight:600}.trialVisual header{font-size:13px}.trialVisual .adminIntro strong{font-size:15px;font-weight:600}.trialVisual .adminIntro span{font-size:13px;line-height:1.7}.projectSurface .tablewrap{border:0}.trialVisual .projectTabs button{min-height:42px}.trialVisual footer{border-color:var(--line);color:#607066}
@media(max-width:1100px){.workbenchColumns{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.collectionSummary{gap:16px}.collectionTrack{display:none}.trialVisual main{padding:26px}.trialVisual header{padding:0 26px}}
@media(max-width:850px){.trialVisual aside{width:190px}.trialVisual .shell{margin-left:190px}.workbenchColumns{grid-template-columns:1fr}.workbenchActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workbenchActions h2{grid-column:1/-1;margin-bottom:0}.workbenchActions>button{align-items:flex-start;min-height:100px}.workbenchActions small{line-height:1.6}.taskOverview>button{padding:16px 14px}.collectionSummary{flex-wrap:wrap}}
@media(max-width:650px){.trialVisual aside{width:228px;z-index:50}.trialVisual .shell{margin-left:0}.trialVisual header{height:64px;padding:0 16px}.trialVisual main{padding:22px 16px}.trialVisual h1{font-size:26px}.trialVisual header #crumb{display:none}.trialVisual header .row>span{font-size:0}.trialVisual header .row>span i{display:none}.trialVisual header>div{gap:4px}.trialVisual #role{max-width:105px;padding:8px;font-size:12px}.trialVisual .titlebar{gap:12px;align-items:flex-start}.trialVisual .titlebar>.btn{flex-shrink:0;padding:10px 15px}.trialVisual .titlebar p{max-width:24ch;line-height:1.6}.taskOverview{grid-template-columns:repeat(2,minmax(0,1fr))!important}.taskOverview>button{padding:17px;min-height:95px}.taskOverview>button:nth-child(3){border-left:0}.taskOverview>button:nth-child(n+3){border-top:1px solid var(--line)}.workbenchColumns{gap:22px}.workbenchActions{display:block}.workbenchActions>button{min-height:75px;align-items:center;padding:14px 0}.workbench .panelhead{padding:17px}.projectEmpty{min-height:270px}.collectionSummary{padding:18px;gap:16px}.collectionSummary>div:first-child{width:100%}.collectionSummary>button{min-height:44px}.trialVisual .btn.small{min-height:40px}.trialVisual nav button{min-height:46px}.trialVisual .giftEntry{width:40px}.integrationStatus{display:grid;gap:8px}}
.customInlineItem{grid-column:1/-1;min-width:0;border-bottom:1px solid var(--line);padding:10px 0}
.customInlineItem>label{margin:0!important;min-height:38px!important;padding:4px 0!important}
.inlineRequirements{margin:7px 0 0 24px}.inlineRequirements>summary{font-size:13px;color:var(--link);cursor:pointer;padding:6px 0;min-height:34px}
.inlineRequirements .detailfield{background:#edf2ed;margin:8px 0 0;padding:14px 16px;border-radius:8px}
.inlineRequirements .detailfield>label{font-size:13px;display:block;margin:8px 0}.inlineRequirements .detailfield>label:first-child{margin-top:0}
.inlineRequirements .detailfield .tip{font-size:12px;line-height:1.5;margin:6px 0 10px;color:#52665a}
.inlineRequirements textarea{min-height:68px!important;width:100%;resize:vertical}.inlineRequirements input[type=file]{width:100%;max-width:100%;min-height:40px;margin:4px 0}.inlineRequirements small{display:block;font-size:12px;color:#607066;line-height:1.5}
.workspaceMode .customStage .multioptions{gap:8px 20px}.workspaceMode .customStage .multioptions>label{min-height:44px;padding:8px 0;margin:0}.workspaceMode .customDefault{margin:4px 0 0 23px!important;line-height:1.5}.workspaceMode .leadHint{margin:4px 0!important}
.workspaceMode .documentPackage{padding:16px 0;margin-bottom:12px}.workspaceMode .documentPackage h3{margin-bottom:6px}.workspaceMode .documentPackage>p{margin:6px 0 12px;line-height:1.6}.workspaceMode .packageChoices button{padding:10px 12px;min-height:48px;font-size:13px}.workspaceMode .packageChoices button small{font-size:11px;margin-top:4px}.workspaceMode .majorChanges{margin:12px 0}.workspaceMode .customStage{padding:12px 0}
.exteriorInline>label{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap}.exteriorInline>label select{max-width:230px;min-height:40px}.exteriorInline>label .customDefault{margin:0!important}
@media(min-width:1100px){.exteriorInline .detailfield{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 18px}.exteriorInline .detailfield>label:first-child,.exteriorInline .detailfield>.tip{grid-column:1/-1}.exteriorInline .detailfield>textarea{grid-column:1;grid-row:3/6}.exteriorInline .detailfield>label:not(:first-child),.exteriorInline .detailfield>input,.exteriorInline .detailfield>small{grid-column:2;margin:0}}
@media(max-width:650px){.inlineRequirements{margin-left:0}.inlineRequirements .detailfield{padding:12px}.workspaceMode .packageChoices button{padding:8px;font-size:12px}.workspaceMode .packageChoices small{display:none}.exteriorInline>label .customDefault{width:100%}}
.posOptionRow{display:flex;align-items:flex-start;gap:20px;width:100%;border-bottom:1px solid var(--line);padding:16px 0}
.workspaceMode .optionStage .posOptionRow>label{border:0;padding:8px 0;margin:0;min-height:42px;flex:0 0 108px}
.posOptionRow .posfield{flex:1;min-width:0;margin:0!important;padding:0!important;border:0!important}
.posOptionRow .posfield>label:first-child{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.posOptionRow .posfield select{width:100%;min-height:42px;margin:0}
.posOptionRow .posfield input{width:100%}.posOptionRow .posfield>label:not(:first-child){margin-top:12px}
@media(max-width:480px){.posOptionRow{gap:12px}.workspaceMode .optionStage .posOptionRow>label{flex-basis:80px}}
/* Keep short fields and their context within one readable scanning area. */
.trialVisual main:has(.projectDraft){max-width:1240px}.trialVisual.workspaceMode>.shell{margin-left:0}.trialVisual.workspaceMode .configurator{grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr)}
.projectInfoBody .infoSection{max-width:1000px}.projectInfoBody .formgrid{gap:16px 22px}.projectInfoBody .customerFields{max-width:880px}.projectInfoBody .field>input,.projectInfoBody .field>select{min-height:42px}.projectInfoBody .field>small{margin:5px 0 0;line-height:1.5}
.trialVisual .configStep .formgrid{max-width:680px}.trialVisual .configStep select{max-width:100%}.trialVisual .configStep .field:not(.full)>select,.trialVisual .configStep .field:not(.full)>input{max-width:320px}
.trialVisual .configSteps{gap:12px;padding:0 0 20px}.trialVisual .configSteps button{font-size:15px;font-weight:600;gap:9px;min-height:64px;white-space:normal;color:#607268}.trialVisual .configSteps button span{width:32px;height:32px;font-size:14px;font-weight:650}.trialVisual .configSteps [aria-current=step]{color:var(--brand)}
.trialVisual .stepHeading>small,.trialVisual .stageEyebrow{display:none}.trialVisual .stepHeading{padding:20px 0 18px}
.trialVisual .multioptions label:has([data-custom]){grid-template-columns:16px fit-content(260px) max-content;gap:4px 8px;justify-content:start;align-items:center;padding:8px 0;min-height:42px}
.trialVisual .multioptions label:has([data-custom])>.leadHint{margin:0 0 0 3px!important;font-size:12px!important;color:#5d7065;grid-column:3;white-space:nowrap}
.trialVisual .multioptions label:has([data-custom])>.customDefault{grid-column:2/-1;margin:0!important;padding:0!important;line-height:1.5;font-size:12px!important}
.trialVisual .multioptions label:has([data-custom])>.customPreview{white-space:normal;line-height:1.5!important;min-width:0}
.trialVisual .multioptions label:has([data-appearance]){grid-column:1/-1;display:grid;grid-template-columns:max-content minmax(180px,300px);gap:7px 16px;align-items:center;justify-content:start}
.trialVisual .multioptions label:has([data-appearance])>.customDefault{grid-column:2;margin:0!important;padding:0!important}.trialVisual .multioptions label:has([data-appearance])>select{width:100%;max-width:300px;min-height:40px;margin:0}
.trialVisual .majorChanges .multioptions{gap:6px 20px;max-height:none}.trialVisual .customStage .multioptions{column-gap:22px}.trialVisual .customInlineItem>label{max-width:100%}.trialVisual .inlineRequirements{margin-top:2px}
.helpInfoButton{border:0;background:transparent;color:var(--link);font-size:12px;font-weight:600;padding:5px 2px;min-height:32px;margin-left:0;cursor:pointer;flex-shrink:0}.helpInfoButton:hover{text-decoration:underline}.optionHelpDrawer{position:fixed;inset:0 0 0 auto;margin:0;width:420px;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--line);border-radius:0;padding:0;background:#fff;color:var(--ink);overflow:auto}.optionHelpDrawer::backdrop{background:#172d4526}.optionHelpHead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line)}.optionHelpHead h2{font-size:20px;margin:0}.optionHelpBody{padding:24px;line-height:1.8;font-size:14px}.optionHelpBody h3{font-size:15px;margin-top:26px}.optionHelpBody p{margin:10px 0}.optionHelpBody textarea{width:100%;min-height:84px;padding:10px;margin:12px 0;font-size:14px;resize:vertical}.helpFeedbackVotes{display:flex;gap:10px}.helpFeedbackVotes button[aria-pressed=true]{background:#e2f3ea;color:#087561;border-color:#087561}.helpFeedbackStatus{font-size:13px;color:#38654f;min-height:24px}.optionHelpBody .helpFootnote{font-size:12px;color:#607268;border-top:1px solid var(--line);padding-top:18px;margin-top:24px}
@media(max-width:850px){.trialVisual .configSteps button{font-size:13px}.trialVisual .configSteps{gap:6px}.trialVisual .configSteps button span{width:30px;height:30px}.trialVisual .multioptions label:has([data-appearance]){grid-template-columns:1fr;max-width:340px}.trialVisual .multioptions label:has([data-appearance])>.customDefault{grid-column:1}}
@media(max-width:650px){.trialVisual.workspaceMode .configurator{grid-template-columns:1fr}.projectInfoBody .customerFields,.projectInfoBody .formgrid{grid-template-columns:1fr}.trialVisual .multioptions{grid-template-columns:1fr!important}.trialVisual .multioptions label:has([data-custom]){grid-template-columns:16px minmax(0,max-content) max-content}.optionHelpDrawer{width:100%}.trialVisual .configSteps button{font-size:12px}.trialVisual .configSteps button span{width:28px;height:28px}.helpInfoButton{min-height:36px}}
.trialVisual .formgrid{align-items:start}.trialVisual .field>label{display:flex;align-items:center;gap:6px;min-height:24px;font-size:13px;line-height:20px;margin:0 0 6px}
.trialVisual .field>label>.detailLink,.trialVisual .field>label>.customPreview{padding:0!important;margin:0;min-height:0;line-height:20px;font-size:13px!important}
.trialVisual .field>input:not([type=checkbox]):not([type=file]),.trialVisual .field>select{height:42px;min-height:42px;padding:9px 12px;line-height:22px;margin-top:0;border-radius:7px;font-size:14px}
.trialVisual .deliveryRequirements .formgrid{width:100%;max-width:980px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px;padding-top:12px}.trialVisual .deliveryRequirements textarea{max-width:860px;min-height:84px;width:100%}.trialVisual #shippingHelp{max-width:310px;font-size:12px;margin-top:7px;line-height:1.5}
.trialVisual .formgrid .field>select{max-width:360px}.trialVisual .infoSection .field>input{max-width:420px}.trialVisual .field:has([data-linefield=catalogId])>select{max-width:620px}
.trialVisual main:has(.boardFilters){max-width:1320px}.trialVisual .boardStats{max-width:1080px;background:#fff}.trialVisual .boardStats>div{padding:17px 20px}.trialVisual .boardStats strong{font-size:26px}.trialVisual .boardFilters{gap:10px 12px;justify-content:flex-start;align-items:center}.trialVisual .boardFilters>input{flex:0 1 340px;width:340px;min-width:220px;max-width:340px;height:42px}.trialVisual .boardFilters>select{flex:0 0 145px;width:145px;min-width:0;max-width:145px;height:42px}.trialVisual .boardFilters>label{min-height:42px;margin:0}.trialVisual .boardFilters .btn{height:42px}.trialVisual .filters>input{max-width:360px}.trialVisual .filters>select{max-width:240px}
.trialVisual .posOptionRow>label{flex-basis:140px}
@media(max-width:760px){.trialVisual .deliveryRequirements .formgrid{grid-template-columns:1fr}.trialVisual .formgrid .field>select,.trialVisual .infoSection .field>input{max-width:100%}.trialVisual .boardFilters>input{flex:1 1 100%;max-width:100%;width:100%}.trialVisual .boardFilters>select{flex:1 1 130px;max-width:none}.trialVisual .boardStats{grid-template-columns:repeat(2,minmax(0,1fr))}.trialVisual .boardStats>div:nth-child(2){border-right:0}.trialVisual .boardStats>div:nth-child(n+3){border-top:1px solid var(--line)}.trialVisual .posOptionRow>label{flex-basis:110px}}
.trialVisual .librarytabs,.trialVisual .projectTabs{gap:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.trialVisual .librarytabs button,.trialVisual .projectTabs button{font-size:15px;line-height:22px;min-height:58px;padding:18px 0 15px;font-weight:500;border-bottom:3px solid transparent}
.trialVisual .librarytabs button[aria-selected=true],.trialVisual .projectTabs button[aria-selected=true]{font-weight:600;color:var(--brand);border-bottom-color:var(--brand)}
.helpFeedbackVotes .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px}.helpFeedbackVotes svg{width:18px;height:18px;flex-shrink:0}.helpFeedbackVotes [data-helpvote=no] svg{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.trialVisual *{animation:none!important;transition:none!important}}

.workspaceMode .optionStage .posOptionRow{flex-direction:column;gap:8px;align-items:flex-start}
.workspaceMode .optionStage .posOptionRow>label{flex:0 0 auto;width:auto}
.posOptionRow .posfield{flex:none;width:260px;max-width:100%;background:transparent;display:flex;flex-direction:column;align-items:stretch;gap:8px}
.posOptionRow .posfield select{width:100%;max-width:260px}