/* Form workspace layout; standard-theme metal feedback. Existing theme tokens retained. */
html:not([data-theme="dc-diaochan"]) #shipepModal,html:not([data-theme="dc-diaochan"]) #gcModal{padding:12px!important;overflow:hidden!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .se-modal,html:not([data-theme="dc-diaochan"]) #gcModal>.gc-win{width:100%!important;max-width:1700px!important;height:calc(100dvh - 24px)!important;min-height:0!important;max-height:none!important;margin:auto;display:flex;flex-direction:column}
html:not([data-theme="dc-diaochan"]) #shipepModal .se-head,html:not([data-theme="dc-diaochan"]) #gcModal .gc-mhead{padding:12px 18px!important;min-height:52px;flex:none}
html:not([data-theme="dc-diaochan"]) #shipepModal .se-head h3,html:not([data-theme="dc-diaochan"]) #gcModal .gc-mhead h3{font-size:18px}html:not([data-theme="dc-diaochan"]) #shipepModal h3 small,html:not([data-theme="dc-diaochan"]) #gcModal h3 small{font-size:12px;font-weight:500;margin-left:14px;opacity:.85}
html:not([data-theme="dc-diaochan"]) #shipepModal .se-foot,html:not([data-theme="dc-diaochan"]) #gcModal .gc-mfoot{padding:10px 18px!important;flex:none;min-height:56px;background:var(--surface-alt)}
html:not([data-theme="dc-diaochan"]) #shipepModal .se-body{padding:12px 16px!important;min-height:0;overflow:hidden;display:flex;flex-direction:column}
html:not([data-theme="dc-diaochan"]) #shipepModal .se-screen.on{display:flex;flex-direction:column;min-height:0;flex:1;animation:none!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .steps{flex:none;margin:0 0 12px!important;padding:0 0 8px;background:var(--surface-alt);border-radius:8px}
html:not([data-theme="dc-diaochan"]) #shipepModal .step{padding-top:23px;font-size:12px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-three{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:12px;flex:1;min-height:0}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-three>.panel,html:not([data-theme="dc-diaochan"]) #shipepModal .ws-parcel{min-width:0;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain}
html:not([data-theme="dc-diaochan"]) #shipepModal .panel{padding:12px!important;margin-bottom:10px!important;border-radius:10px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-three>.panel{margin:0!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .sec-title{font-size:14px;margin:0 0 13px;letter-spacing:0;text-transform:none;color:var(--heading)}
html:not([data-theme="dc-diaochan"]) #shipepModal .fld{margin-bottom:8px}html:not([data-theme="dc-diaochan"]) #shipepModal .fld label{font-size:12px;margin-bottom:4px;line-height:16px}
html:not([data-theme="dc-diaochan"]) #shipepModal .fld input,html:not([data-theme="dc-diaochan"]) #shipepModal .fld select,html:not([data-theme="dc-diaochan"]) #shipepModal .fld textarea{font-size:13px;padding:6px 8px;min-height:33px;height:33px;border-radius:6px}
html:not([data-theme="dc-diaochan"]) #shipepModal .grid2,html:not([data-theme="dc-diaochan"]) #shipepModal .grid3,html:not([data-theme="dc-diaochan"]) #shipepModal .inline2,html:not([data-theme="dc-diaochan"]) #shipepModal .inline3,html:not([data-theme="dc-diaochan"]) #shipepModal .inline4{gap:8px;min-width:0}
html:not([data-theme="dc-diaochan"]) #shipepModal .grid2>* ,html:not([data-theme="dc-diaochan"]) #shipepModal .grid3>*,html:not([data-theme="dc-diaochan"]) #shipepModal .inline4>*{min-width:0}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-address{grid-template-columns:1fr 1fr}html:not([data-theme="dc-diaochan"]) #shipepModal .ws-address>.fld:first-child{grid-column:1/-1}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-contact{grid-template-columns:1fr 1fr}html:not([data-theme="dc-diaochan"]) #shipepModal .ws-contact>.fld:last-child{grid-column:1/-1}
html:not([data-theme="dc-diaochan"]) #shipepModal .kindrow{gap:6px;margin-bottom:9px}html:not([data-theme="dc-diaochan"]) #shipepModal .kind{padding:9px 5px;font-size:12px}
html:not([data-theme="dc-diaochan"]) #shipepModal .catrow{gap:5px;flex-wrap:nowrap;margin-bottom:10px}html:not([data-theme="dc-diaochan"]) #shipepModal .cat{padding:7px 5px;font-size:12px;gap:4px;flex:1;justify-content:center;border-radius:6px}html:not([data-theme="dc-diaochan"]) #shipepModal .cat .bm{display:none}
html:not([data-theme="dc-diaochan"]) #shipepModal .inline4{grid-template-columns:1fr 1fr}html:not([data-theme="dc-diaochan"]) #shipepModal .switch,html:not([data-theme="dc-diaochan"]) #shipepModal .hint{font-size:12px;line-height:1.35}
html:not([data-theme="dc-diaochan"]) #shipepModal .switch input{min-height:16px;height:16px;width:16px}html:not([data-theme="dc-diaochan"]) #shipepModal .hint{margin-top:4px}
html:not([data-theme="dc-diaochan"]) #shipepModal #insWrap{grid-template-columns:1fr 1fr}html:not([data-theme="dc-diaochan"]) #shipepModal #insWrap>.fld:last-child{grid-column:1/-1;margin:0}
html:not([data-theme="dc-diaochan"]) #shipepModal #fedexOneWrap .switch{align-items:flex-start}html:not([data-theme="dc-diaochan"]) #shipepModal #fedexOneWrap strong{white-space:nowrap}
/* The global metallic-button rule must not turn an input's embedded arrow into a normal flow button. */
html:not([data-theme="dc-diaochan"]) .ct-choice-toggle{position:absolute!important;right:1px!important;top:1px!important;bottom:1px!important;width:30px!important;height:auto!important;min-width:0!important;padding:0!important;margin:0!important;border-radius:0 5px 5px 0!important;box-shadow:none!important;transform:none!important;background:transparent!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .ct-choice,html:not([data-theme="dc-diaochan"]) #shipepModal .combo{display:block;width:100%;position:relative}
html:not([data-theme="dc-diaochan"]) #shipepModal .combo-btn{position:absolute!important;right:1px;top:1px;bottom:1px;width:30px;box-shadow:none!important;border-radius:0 5px 5px 0!important}
html:not([data-theme="dc-diaochan"]) #shipepModal #rPickSearch{padding-right:34px}html:not([data-theme="dc-diaochan"]) #shipepModal .combo-list{max-height:280px;z-index:10}
html:not([data-theme="dc-diaochan"]) .ws-note{font-size:12px;color:var(--accent);padding:10px;border:1px solid var(--line);border-radius:7px}html:not([data-theme="dc-diaochan"]) .ws-note[hidden]{display:none}
html:not([data-theme="dc-diaochan"]) #shipepModal #s2{overflow:hidden}html:not([data-theme="dc-diaochan"]) #shipepModal #tCustoms{padding:0!important;margin:0!important;background:none;border:0;flex:1;min-height:0}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-customs-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:12px;height:100%}html:not([data-theme="dc-diaochan"]) #shipepModal .ws-customs-grid>.panel{overflow:auto;min-width:0;margin:0!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-customs-grid h4{margin:0 0 12px;font-size:14px}html:not([data-theme="dc-diaochan"]) #shipepModal .ws-customs-grid .inline3{grid-template-columns:1fr 1fr}html:not([data-theme="dc-diaochan"]) #shipepModal .ws-customs-grid textarea{height:60px}
html:not([data-theme="dc-diaochan"]) #shipepModal #rateList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:auto;align-content:start;min-height:0}
html:not([data-theme="dc-diaochan"]) #shipepModal .ratecard{grid-template-columns:40px 1fr;padding:15px;gap:12px;align-content:start}html:not([data-theme="dc-diaochan"]) #shipepModal .ratecard .pr{font-size:26px}html:not([data-theme="dc-diaochan"]) #shipepModal .ratecard .pick{width:100%}html:not([data-theme="dc-diaochan"]) #shipepModal .ratecard .svc{font-size:15px}
html:not([data-theme="dc-diaochan"]) #shipepModal #s4>.panel{flex:1;min-height:0;overflow:auto}html:not([data-theme="dc-diaochan"]) #shipepModal #smRows{grid-template-columns:165px 1fr 165px 1fr;gap:14px 18px}html:not([data-theme="dc-diaochan"]) #shipepModal .buyamt{padding:16px;flex:none}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:12px;flex:1;min-height:0}html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output>*{min-width:0;overflow:auto}html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output .sumrows{grid-template-columns:95px 1fr;gap:8px}html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output .gridtbl{font-size:11px}html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output #mailDirPick{font-size:12px}
html:not([data-theme="dc-diaochan"]) #gcModal .gc-mbody{display:grid;grid-template-columns:.9fr 1fr 1.12fr;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px 16px!important;overflow:hidden;min-height:0}
html:not([data-theme="dc-diaochan"]) #gcModal .ws-gc-account{grid-column:1;grid-row:1/3;overflow:auto;margin:0;min-width:0;padding:14px!important}
html:not([data-theme="dc-diaochan"]) #gcModal .ws-gc-account h4{font-size:14px;margin:0 0 16px;color:var(--heading)}
html:not([data-theme="dc-diaochan"]) #gcModal .ws-gc-account .gc-frow3{grid-template-columns:1fr;gap:0}html:not([data-theme="dc-diaochan"]) #gcModal .gc-fg{margin-bottom:12px}html:not([data-theme="dc-diaochan"]) #gcModal .gc-fg label{font-size:12px;letter-spacing:0;text-transform:none;margin-bottom:4px}
html:not([data-theme="dc-diaochan"]) #gcModal .gc-ctl{font-size:14px;padding:7px 9px;min-height:34px}html:not([data-theme="dc-diaochan"]) #gcModal .gc-card{border-radius:10px}
html:not([data-theme="dc-diaochan"]) #gcModal #gcLockedZone{display:contents!important}html:not([data-theme="dc-diaochan"]) #gcModal #gcLockedZone.gc-locked>.ws-entry-deck{opacity:.55}
html:not([data-theme="dc-diaochan"]) #gcModal .ws-paper{grid-column:2;grid-row:1;margin:0!important;padding:12px!important;min-width:0}html:not([data-theme="dc-diaochan"]) #gcModal .gc-paper{gap:6px}
html:not([data-theme="dc-diaochan"]) #gcModal .gc-paper-opt{padding:9px 5px!important;min-height:78px!important;text-align:center}html:not([data-theme="dc-diaochan"]) #gcModal .gc-paper-icon{position:static;width:22px;height:22px;margin:0 auto 5px}html:not([data-theme="dc-diaochan"]) #gcModal .gc-paper-opt b{font-size:12px;padding:0;margin:0}html:not([data-theme="dc-diaochan"]) #gcModal .gc-paper-opt span.d{font-size:11px}html:not([data-theme="dc-diaochan"]) #gcModal .gc-paper-opt .tick{top:5px;right:5px;font-size:12px}
html:not([data-theme="dc-diaochan"]) #gcModal .gc-hint{font-size:12px;line-height:1.4}html:not([data-theme="dc-diaochan"]) #gcModal .ws-entry-deck{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:auto}
html:not([data-theme="dc-diaochan"]) .ws-entry-tabs{display:flex;gap:6px;margin:0 0 10px}html:not([data-theme="dc-diaochan"]) .ws-entry-tabs button{flex:1;padding:8px!important;font-size:12px}html:not([data-theme="dc-diaochan"]) .ws-entry-tabs .on{outline:1px solid var(--accent);color:var(--accent)!important}
html:not([data-theme="dc-diaochan"]) #gcModal #gcEntryCard,html:not([data-theme="dc-diaochan"]) #gcModal #gcPasteBox{padding:12px!important;margin-bottom:10px}html:not([data-theme="dc-diaochan"]) #gcModal #gcEntryCard .gc-frow3{grid-template-columns:1fr 1fr;gap:8px}html:not([data-theme="dc-diaochan"]) #gcModal #gcEntryCard .gc-frow3>.gc-fg:first-child{grid-column:1/-1}
html:not([data-theme="dc-diaochan"]) #gcModal .ws-entry-deck[data-mode=single] #gcPasteBox{display:none!important}html:not([data-theme="dc-diaochan"]) #gcModal .ws-entry-deck[data-mode=paste] :is(#gcEntryCard,#gcAddAnotherWrap){display:none!important}
html:not([data-theme="dc-diaochan"]) #gcModal #gcPasteArea{min-height:180px!important;max-height:220px!important}html:not([data-theme="dc-diaochan"]) #gcModal #gcAddAnotherWrap button{width:100%;padding:14px}
html:not([data-theme="dc-diaochan"]) #gcModal .ws-gc-list{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;padding:12px!important}
html:not([data-theme="dc-diaochan"]) #gcModal .ws-gc-list .gc-sect{font-size:14px;text-transform:none;color:var(--heading);flex:none;margin:0 0 12px}
html:not([data-theme="dc-diaochan"]) #gcModal .ws-gc-list .gc-bar{gap:6px;flex:none;align-items:center}html:not([data-theme="dc-diaochan"]) #gcModal .ws-gc-list .gc-bar button{font-size:11px;padding:6px!important}html:not([data-theme="dc-diaochan"]) #gcModal .ws-gc-list .gc-bar>span{display:none}
html:not([data-theme="dc-diaochan"]) #gcModal #gcRows{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}html:not([data-theme="dc-diaochan"]) #gcModal .gc-arow{flex-wrap:wrap;gap:6px;padding:10px}html:not([data-theme="dc-diaochan"]) #gcModal .gc-arow .grow{flex-basis:calc(100% - 30px)}html:not([data-theme="dc-diaochan"]) #gcModal .gc-arow .amt{margin-left:24px;margin-right:auto;font-size:16px;font-weight:700}
html:not([data-theme="dc-diaochan"]) .ws-batch-total{display:flex;justify-content:space-between;gap:10px;padding-top:12px;margin-top:12px;border-top:1px solid var(--line);font-size:13px;flex:none}
@media(max-height:760px){html:not([data-theme="dc-diaochan"]) #shipepModal .fld{margin-bottom:5px}html:not([data-theme="dc-diaochan"]) #shipepModal .panel{padding:10px!important}html:not([data-theme="dc-diaochan"]) #shipepModal .sec-title{margin-bottom:9px}html:not([data-theme="dc-diaochan"]) #gcModal .gc-fg{margin-bottom:8px}html:not([data-theme="dc-diaochan"]) #gcModal .ws-gc-account h4{margin-bottom:10px}html:not([data-theme="dc-diaochan"]) #gcModal .gc-mbody{padding:10px 12px!important}}
@media(max-width:1050px){html:not([data-theme="dc-diaochan"]) #shipepModal .ws-three{grid-template-columns:1fr 1.1fr 1fr;gap:7px}html:not([data-theme="dc-diaochan"]) #shipepModal .se-body{padding:8px!important}html:not([data-theme="dc-diaochan"]) #shipepModal .grid2,html:not([data-theme="dc-diaochan"]) #shipepModal .grid3{gap:5px}html:not([data-theme="dc-diaochan"]) #gcModal .gc-mbody{gap:7px;grid-template-columns:.85fr 1fr 1fr}html:not([data-theme="dc-diaochan"]) #gcModal .gc-paper-opt span.d{display:none}html:not([data-theme="dc-diaochan"]) #gcModal .gc-paper-opt b{font-size:11px}html:not([data-theme="dc-diaochan"]) #gcModal .gc-paper-opt{min-height:55px!important}}
@media(max-width:800px){html:not([data-theme="dc-diaochan"]) #shipepModal .ws-three,html:not([data-theme="dc-diaochan"]) #shipepModal .ws-customs-grid,html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output{display:flex;overflow:auto;scroll-snap-type:x mandatory}html:not([data-theme="dc-diaochan"]) #shipepModal .ws-three>*,html:not([data-theme="dc-diaochan"]) #shipepModal .ws-customs-grid>*,html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output>*{flex:0 0 95%;scroll-snap-align:start}html:not([data-theme="dc-diaochan"]) #gcModal .gc-mbody{overflow:auto;display:block}html:not([data-theme="dc-diaochan"]) #gcModal .gc-card,html:not([data-theme="dc-diaochan"]) #gcModal .ws-entry-deck{margin-bottom:12px!important}html:not([data-theme="dc-diaochan"]) #shipepModal #smRows{grid-template-columns:100px 1fr}html:not([data-theme="dc-diaochan"]) #shipepModal #rateList{grid-template-columns:1fr}}
/* Final compact desktop spacing. */
html:not([data-theme="dc-diaochan"]) body:has(#shipepModal.show),html:not([data-theme="dc-diaochan"]) body:has(#gcModal[style*="flex"]){overflow:hidden}
html:not([data-theme="dc-diaochan"]) #shipepModal .steps{height:40px!important;min-height:40px!important;padding:0!important;margin-bottom:10px!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .step{padding:21px 0 0!important;line-height:16px!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .se-foot button,html:not([data-theme="dc-diaochan"]) #gcModal .gc-mfoot button{min-height:35px!important;padding:7px 14px!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-address-panel:first-child>.grid2{grid-template-columns:1fr;gap:0}
html:not([data-theme="dc-diaochan"]) #shipepModal .fld:has(#rCombo)>.hint{display:none}
html:not([data-theme="dc-diaochan"]) #shipepModal .panel:has(#insChk)>.sec-title{margin-bottom:7px;font-size:12px}
html:not([data-theme="dc-diaochan"]) #shipepModal .panel:has(#insChk)>.hint{font-size:11px;line-height:14px}
html:not([data-theme="dc-diaochan"]) #gcModal .gc-mbody{flex:1}
/* Hover feedback preserves status colors. Titles and body content remain static. */
html:not([data-theme="dc-diaochan"]) :is(.header,.user-header) :is(button,.btn):not(:disabled):is(:hover,:focus-visible){border-color:#ffffffaa!important;background:linear-gradient(115deg,#ffffff25,#ffffff08)!important;box-shadow:inset 0 1px 0 #ffffff9c,0 0 0 2px #ffffff12,0 4px 13px #0004!important}
html:not([data-theme="dc-diaochan"]) :is(.header,.user-header) :is(button,.btn):not(:disabled):is(:hover,:focus-visible)::before,
html:not([data-theme="dc-diaochan"]) .disc-btn:not(:disabled):is(:hover,:focus-visible)::before{opacity:.8!important;animation:ws-button-sheen 1.2s ease-out!important}
html:not([data-theme="dc-diaochan"]) .disc-btn:not(:disabled):is(:hover,:focus-visible){filter:brightness(1.15);box-shadow:inset 0 1px 0 #fff,0 0 0 2px color-mix(in srgb,var(--ct-button-tone) 30%,transparent),0 5px 13px #0004!important}
html:not([data-theme="dc-diaochan"]) .stk .payment-medallion{position:relative;overflow:hidden;cursor:pointer}
html:not([data-theme="dc-diaochan"]) .stk .payment-medallion:is(:hover,:focus-visible){filter:brightness(1.15);box-shadow:inset 0 1px 0 #fff,0 0 0 3px color-mix(in srgb,var(--ct-badge) 27%,transparent),0 5px 12px #0005!important}
html:not([data-theme="dc-diaochan"]) .stk .payment-medallion::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent,#ffffff80,transparent);background-size:200% 100%;opacity:0}
html:not([data-theme="dc-diaochan"]) .stk .payment-medallion:is(:hover,:focus-visible)::after{opacity:.7;animation:ws-button-sheen 1.2s ease-out}
@keyframes ws-button-sheen{from{background-position:200% 0}to{background-position:0 0}}
/* Fixed descendants must not inherit a transform/filter containing block from the scroll menu. */
@media(min-width:701px){
html:not([data-theme="dc-diaochan"]) #userMenu{transform:none!important;backdrop-filter:none!important;filter:none!important;contain:none!important}
html:not([data-theme="dc-diaochan"]) #userMenu .mc-parent{transform:none!important;filter:none!important;contain:none!important}
html:not([data-theme="dc-diaochan"]) #userMenu .mc-parent>.mc-flyout{position:fixed!important;inset:auto!important;left:var(--ws-fly-x,0px)!important;top:var(--ws-fly-y,0px)!important;width:248px;min-width:248px;max-width:248px;margin:0!important;padding:6px;border:1px solid var(--line-strong)!important;border-radius:10px;background:var(--surface)!important;box-shadow:inset 0 1px 0 #ffffff80,0 8px 24px #0003!important;z-index:100101;max-height:calc(100vh - 16px);overflow:auto}
}
@media(prefers-reduced-motion:reduce){html:not([data-theme="dc-diaochan"]) :is(.header,.user-header) :is(button,.btn):is(:hover,:focus-visible)::before,html:not([data-theme="dc-diaochan"]) .disc-btn:is(:hover,:focus-visible)::before,html:not([data-theme="dc-diaochan"]) .stk .payment-medallion:is(:hover,:focus-visible)::after{animation:none!important}}
html:not([data-theme="dc-diaochan"]) #shipepModal .panel:has(#insChk){margin-bottom:0!important}
html:not([data-theme="dc-diaochan"]) .ct-gc-choice-toggle{position:absolute!important;right:1px!important;top:1px!important;bottom:1px!important;width:30px!important;height:auto!important;min-width:0!important;padding:0!important;margin:0!important;border-radius:0 5px 5px 0!important;box-shadow:none!important;transform:none!important;background:transparent!important}
html:not([data-theme="dc-diaochan"]) #gcModal .ct-gc-choice{position:relative;display:block;width:100%}
html:not([data-theme="dc-diaochan"]) #gcModal #gcPayee{padding-right:34px}
html:not([data-theme="dc-diaochan"]) #gcModal #gcEntryCard{margin-bottom:0!important}
html:not([data-theme="dc-diaochan"]) #gcModal #gcEntryCard>.gc-sect{margin-top:0!important;margin-bottom:6px!important}
/* Shipment footer controls use the approved bevel treatment; secondary actions retain a lighter tone. */
html:not([data-theme="dc-diaochan"]) #shipepModal .se-foot :is(.se-back,.se-cancel){
 --ct-button-tone:color-mix(in srgb,var(--surface-alt) 80%,var(--accent));--ct-button-ink:var(--text);
 background:linear-gradient(120deg,color-mix(in srgb,var(--ct-button-tone) 82%,white),var(--ct-button-tone))!important;
 color:var(--ct-button-ink)!important;border:2px solid!important;border-radius:2px!important;
 border-top-color:color-mix(in srgb,var(--ct-button-tone) 25%,#edf5fa)!important;
 border-left-color:color-mix(in srgb,var(--ct-button-tone) 40%,#c8d5df)!important;
 border-right-color:color-mix(in srgb,var(--ct-button-tone) 48%,#263747)!important;
 border-bottom-color:color-mix(in srgb,var(--ct-button-tone) 60%,#142130)!important;
 box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #00000012,0 3px 9px #00000022!important;
}
html:not([data-theme="dc-diaochan"]) #shipepModal .se-foot :is(.se-back,.se-cancel):not(:disabled):is(:hover,:focus-visible){filter:brightness(1.07);box-shadow:inset 0 1px 0 #fff,0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent),0 5px 12px #00000030!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .se-foot :is(.se-back,.se-cancel):not(:disabled):is(:hover,:focus-visible)::before{opacity:.8;animation:ws-button-sheen 1.2s ease-out}
@media(prefers-reduced-motion:reduce){html:not([data-theme="dc-diaochan"]) #shipepModal .se-foot :is(.se-back,.se-cancel):is(:hover,:focus-visible)::before{animation:none!important;transition:none!important}}
/* Service cards: compact action at top right, unrestricted price below. */
html:not([data-theme="dc-diaochan"]) #shipepModal #rateList .ratecard{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:start}
html:not([data-theme="dc-diaochan"]) #shipepModal #rateList .ratecard .cbm,html:not([data-theme="dc-diaochan"]) #shipepModal #rateList .ratecard .clogo{grid-column:1;grid-row:1}
html:not([data-theme="dc-diaochan"]) #shipepModal #rateList .ratecard>div:nth-child(2){grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere}
html:not([data-theme="dc-diaochan"]) #shipepModal #rateList .ratecard .pr{grid-column:1/-1;grid-row:2;white-space:nowrap;font-size:26px}
html:not([data-theme="dc-diaochan"]) #shipepModal #rateList .ratecard .pr small{display:inline;margin-left:8px}
html:not([data-theme="dc-diaochan"]) #shipepModal #rateList .ratecard .pick{grid-column:3;grid-row:1;width:auto;min-width:64px;padding:7px 12px!important;align-self:start}
/* Purchased state: fixed single-row actions; full-height columns, list-only overflow. */
html:not([data-theme="dc-diaochan"]) #shipepModal[data-step="5"] .se-foot{flex-wrap:nowrap;gap:10px}
html:not([data-theme="dc-diaochan"]) #shipepModal[data-step="5"] .se-foot button{font-size:12px;padding:5px 13px!important;min-height:44px!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .se-foot button small{display:block;font-size:11px;line-height:15px;font-weight:500;opacity:.9}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output-left,html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output-right{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output .panel{margin:0!important;min-width:0}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output .sec-title{margin-bottom:9px;font-size:13px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-label-summary{flex:none}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-label-summary .sumrows{grid-template-columns:96px minmax(0,1fr);gap:5px 9px;font-size:12px;line-height:1.35}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-label-summary .sumrows .v{overflow-wrap:anywhere}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-label-summary .sumrows+div{margin-top:9px!important;display:flex;gap:6px;flex-wrap:wrap}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-label-summary .lbbtn{font-size:12px;padding:7px 9px!important;margin:0}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-shipment-id{font-size:10px;color:var(--dim);margin-top:3px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-records{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-records>.sec-title{padding-right:95px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table{min-height:60px;flex:1;overflow:auto;overscroll-behavior:contain}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table th{position:sticky;top:0;background:var(--surface-alt);z-index:1}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-records .rectotal{padding:5px 0;font-size:12px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-records .picker-tools{margin-top:5px;gap:5px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-records .picker-tools button{font-size:11px;padding:6px 9px!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-records .picker{position:absolute;inset:38px 10px 8px;background:var(--surface);z-index:5;border:1px solid var(--line-strong);box-shadow:0 5px 18px #0003;overflow:auto;padding:10px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-docs-note{margin-top:7px!important;padding-top:6px!important;flex:none}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-docs-note label{font-size:11px!important;margin-bottom:3px!important}
html:not([data-theme="dc-diaochan"]) #shipepModal #docsNote{height:48px;min-height:40px;max-height:65px;padding:6px!important;resize:none;font-size:12px!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-help{position:absolute;right:12px;top:12px;font-size:11px;z-index:6}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-help summary,html:not([data-theme="dc-diaochan"]) #shipepModal .ws-print-help summary{cursor:pointer;color:var(--accent);font-weight:650}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-help[open]{width:min(350px,95%);padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);box-shadow:0 6px 18px #0003}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-help[open] summary{text-align:right;margin-bottom:7px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-print-help{font-size:11px;margin-top:6px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-sender-status{margin-top:8px;padding-top:6px;border-top:1px solid var(--line);font-size:11px;line-height:1.35}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-email-recipients{flex:none}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-attachments{flex:1;min-height:0;display:flex;flex-direction:column}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-attachments .dropzone{padding:12px 8px;font-size:12px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-attachments .atts{min-height:0;overflow:auto}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-email-preview{min-height:0;overflow:auto}
/* Unified feedback across the actual button families. Semantic colors remain intact. */
@media screen{
html:not([data-theme="dc-diaochan"]) :is(button,.btn,[role="button"],.lbbtn){transition:filter .12s ease,box-shadow .12s ease,border-color .12s ease;touch-action:manipulation}
html:not([data-theme="dc-diaochan"]) :is(#shipepModal,#gcModal,#gcAsk,.modal-overlay) :is(button,.lbbtn):not(:is(.ws-remove,.ct-choice-option,.combo-item,.ct-mgr-card,.theme-swatch,.gc-paper-opt,.ct-choice-toggle,.ct-gc-choice-toggle,.combo-btn)){
 border:2px solid!important;border-radius:2px!important;
 border-top-color:color-mix(in srgb,var(--ct-button-tone,var(--surface-alt)) 25%,#edf5fa)!important;
 border-left-color:color-mix(in srgb,var(--ct-button-tone,var(--surface-alt)) 40%,#c8d5df)!important;
 border-right-color:color-mix(in srgb,var(--ct-button-tone,var(--surface-alt)) 48%,#263747)!important;
 border-bottom-color:color-mix(in srgb,var(--ct-button-tone,var(--surface-alt)) 60%,#142130)!important;
 box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #00000012,0 3px 8px #0002!important;
}
html:not([data-theme="dc-diaochan"]) #shipepModal :is(.pick,#sendNotifyBtn){--ct-button-tone:var(--accent);--ct-button-ink:var(--on-accent)}
html:not([data-theme="dc-diaochan"]) :is(button,.btn,[role="button"],.lbbtn):not(:is(:disabled,[aria-disabled="true"],[aria-busy="true"],.lbbtn-off)):is(:hover,:focus-visible){filter:brightness(1.12);box-shadow:inset 0 1px 0 #ffffffcc,0 0 0 2px color-mix(in srgb,var(--accent) 26%,transparent),0 5px 12px #0003!important}
html:not([data-theme="dc-diaochan"]) :is(button,.btn,[role="button"],.lbbtn,summary):focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px!important}
html:not([data-theme="dc-diaochan"]) :is(button,.btn,[role="button"],.lbbtn):not(:is(:disabled,[aria-disabled="true"],[aria-busy="true"],.lbbtn-off)):active{filter:brightness(.94)!important;box-shadow:inset 0 3px 5px #0005,inset 0 -1px 0 #fff5!important}
html:not([data-theme="dc-diaochan"]) :is(button,.btn,[role="button"],.lbbtn):is(:disabled,[aria-disabled="true"],.lbbtn-off){opacity:.48!important;filter:saturate(.35)!important;cursor:not-allowed!important;box-shadow:none!important}
html:not([data-theme="dc-diaochan"]) :is(button,.btn,[role="button"],.lbbtn):is(:disabled,[aria-disabled="true"],[aria-busy="true"],.lbbtn-off)::before{opacity:0!important;animation:none!important}
html:not([data-theme="dc-diaochan"]) [aria-busy="true"]{cursor:progress!important}
html:not([data-theme="dc-diaochan"]) :is(.ct-choice-toggle,.ct-gc-choice-toggle,.combo-btn):not(:disabled):is(:hover,:focus-visible){background:color-mix(in srgb,var(--accent) 18%,var(--surface))!important}
html:not([data-theme="dc-diaochan"]) #shipepModal :is(.kind,.cat).on{box-shadow:inset 0 2px 4px #0002,0 0 0 1px var(--accent);font-weight:750}
}
@media(prefers-reduced-motion:reduce){html:not([data-theme="dc-diaochan"]) :is(button,.btn,[role="button"],.lbbtn),html:not([data-theme="dc-diaochan"]) :is(button,.btn,[role="button"],.lbbtn)::before{animation:none!important;transition:none!important}}
/* State selectors must outrank the dialog's own important bevel/shadow rules. */
html:not([data-theme="dc-diaochan"]) :is(#shipepModal,#gcModal,#gcAsk,.modal-overlay) :is(button,.lbbtn,[role="button"]):not(:is(:disabled,[aria-disabled="true"],[aria-busy="true"],.lbbtn-off)):is(:hover,:focus-visible){box-shadow:inset 0 1px 0 #ffffffcc,0 0 0 2px color-mix(in srgb,var(--accent) 26%,transparent),0 5px 12px #0003!important}
html:not([data-theme="dc-diaochan"]) :is(#shipepModal,#gcModal,#gcAsk,.modal-overlay) :is(button,.lbbtn,[role="button"]):not(:is(:disabled,[aria-disabled="true"],[aria-busy="true"],.lbbtn-off)):active{transition:none!important;filter:brightness(.94)!important;box-shadow:inset 0 3px 5px #0005,inset 0 -1px 0 #fff5!important}
html:not([data-theme="dc-diaochan"]) :is(#shipepModal,#gcModal,#gcAsk,.modal-overlay) :is(button,.lbbtn,[role="button"]):is(:disabled,[aria-disabled="true"],.lbbtn-off){box-shadow:none!important;transition:none!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-picker-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin-bottom:8px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-picker-head button{font-size:11px;padding:5px 10px;min-height:30px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-records #pickerBox{overflow:hidden}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-records #pickerBox[style*="block"]{display:flex!important;flex-direction:column}
html:not([data-theme="dc-diaochan"]) #shipepModal #poolList{min-height:0;overflow:auto;flex:1}
html:not([data-theme="dc-diaochan"]) #shipepModal .poolrow:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-picker-head,html:not([data-theme="dc-diaochan"]) #shipepModal #pickerBox>.fld{flex:none}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-archive-help{color:var(--accent)}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-archive-help summary{cursor:pointer;font-weight:700}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-docs-note[hidden]{display:none!important}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table:has(tbody:empty){display:none}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-records>.rectotal,html:not([data-theme="dc-diaochan"]) #shipepModal .ws-records>.picker-tools,html:not([data-theme="dc-diaochan"]) #shipepModal .ws-records>.sec-title{flex:none}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table th{font-size:10px!important;padding:5px 3px;letter-spacing:0}
html:not([data-theme="dc-diaochan"]) #adminApp :is(button,.btn,[role="button"]):not(:is(:disabled,[aria-disabled="true"])):active{transition:none!important;filter:brightness(.94)!important;box-shadow:inset 0 3px 5px #0005,inset 0 -1px 0 #fff5!important}
html:not([data-theme="dc-diaochan"]) #adminApp :is(button,.btn):disabled{transition:none!important;box-shadow:none!important}
html:not([data-theme="dc-diaochan"]) #gcModal :is(.gc-btn-p,.gc-purple){--ct-button-tone:var(--accent);--ct-button-ink:var(--on-accent)}
html:not([data-theme="dc-diaochan"]) #gcModal :is(.danger,.gc-btn-danger){--ct-button-tone:var(--bad,#a43532);--ct-button-ink:var(--on-bad,#fff)}
html:not([data-theme="dc-diaochan"]) :is(.gc-btn-p,.gc-purple){--ct-button-tone:var(--accent);--ct-button-ink:var(--on-accent)}
html:not([data-theme="dc-diaochan"]) .gc-btn-s{--ct-button-tone:var(--good);--ct-button-ink:var(--on-good,#fff)}
html:not([data-theme="dc-diaochan"]) #gcAsk .gc-btn{border:2px solid!important;border-radius:2px!important;border-top-color:color-mix(in srgb,var(--ct-button-tone) 25%,#edf5fa)!important;border-left-color:color-mix(in srgb,var(--ct-button-tone) 40%,#c8d5df)!important;border-right-color:color-mix(in srgb,var(--ct-button-tone) 48%,#263747)!important;border-bottom-color:color-mix(in srgb,var(--ct-button-tone) 60%,#142130)!important}
/* Noninteractive toast must never intercept the fixed actions, including after fade-out. */
html:not([data-theme="dc-diaochan"]) #seToast{pointer-events:none!important}
/* Keep records readable in a narrow column: number/date/amount, then full payee and payor. */
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table .gridtbl,html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table tbody{display:block;width:100%}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table thead{display:none}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table tr{display:grid;grid-template-columns:64px minmax(74px,1fr) auto 30px;gap:3px 6px;padding:6px 3px;border-bottom:1px solid var(--line)}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table td{padding:0!important;border:0;font-size:11px;line-height:15px;min-width:0}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table td:nth-child(1){grid-column:1;grid-row:1;white-space:nowrap}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table td:nth-child(1)::before{content:'#';font-weight:600}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table td:nth-child(2){grid-column:2;grid-row:1;white-space:nowrap}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table td:nth-child(4){grid-column:3;grid-row:1;white-space:nowrap;font-weight:750}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table td:nth-child(6){grid-column:4;grid-row:1/3}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table td:nth-child(3){grid-column:1/4;grid-row:2;overflow-wrap:anywhere}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table td:nth-child(5){grid-column:1/4;grid-row:3;color:var(--dim)}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-record-table td:nth-child(5)::before{content:'From · '}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output-left{position:relative}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output-left>.picker{position:absolute;inset:45px 8px 8px;margin:0!important;padding:10px!important;z-index:10;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 5px 18px #0003;overflow:hidden}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output-left>.picker[style*="block"]{display:flex!important;flex-direction:column}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-email-preview .emailtbl td,html:not([data-theme="dc-diaochan"]) #shipepModal .ws-email-preview .emailtbl th{font-size:11px;padding:7px 4px!important;overflow-wrap:normal;word-break:normal}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-email-preview .emailtbl td:nth-child(-n+3){white-space:nowrap}
/* Compact remove actions use fine borders and a vector icon, independent of the large action bevel. */
html:not([data-theme="dc-diaochan"]) #shipepModal :is(#mailChips,#selBody) button.ws-remove{
 display:inline-grid!important;place-items:center;vertical-align:middle;flex:0 0 28px;
 width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
 padding:0!important;margin:0!important;border:1px solid var(--line-strong,var(--line))!important;border-radius:50%!important;
 background:linear-gradient(145deg,var(--surface),var(--surface-alt))!important;color:var(--dim)!important;
 box-shadow:inset 0 1px 0 #ffffff50!important;filter:none!important;transform:none!important;
 cursor:pointer;line-height:1;transition:background .12s ease,border-color .12s ease,color .12s ease!important;
}
html:not([data-theme="dc-diaochan"]) #shipepModal :is(#mailChips,#selBody) button.ws-remove:not(:disabled):is(:hover,:focus-visible){
 color:var(--bad,#b43939)!important;border-color:color-mix(in srgb,var(--bad,#b43939) 55%,var(--line))!important;
 background:color-mix(in srgb,var(--bad,#b43939) 10%,var(--surface))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--bad,#b43939) 10%,transparent)!important;
}
html:not([data-theme="dc-diaochan"]) #shipepModal :is(#mailChips,#selBody) button.ws-remove:not(:disabled):active{
 background:color-mix(in srgb,var(--bad,#b43939) 19%,var(--surface))!important;box-shadow:inset 0 1px 3px #0002!important;filter:none!important;
}
html:not([data-theme="dc-diaochan"]) #shipepModal :is(#mailChips,#selBody) button.ws-remove:disabled{box-shadow:none!important;opacity:.4!important;cursor:not-allowed!important}
html:not([data-theme="dc-diaochan"]) #shipepModal :is(#mailChips,#selBody) button.ws-remove::before,
html:not([data-theme="dc-diaochan"]) #shipepModal :is(#mailChips,#selBody) button.ws-remove::after{display:none!important;animation:none!important}
html:not([data-theme="dc-diaochan"]) #shipepModal #mailChips .chip{align-items:center;gap:7px;padding:3px 4px 3px 10px;min-height:34px;box-sizing:border-box}
html:not([data-theme="dc-diaochan"]) #shipepModal #selBody .ws-remove{align-self:start}
html:not([data-theme="dc-diaochan"]) #shipepModal .ws-remove svg{display:block;pointer-events:none}
@media(prefers-reduced-motion:reduce){html:not([data-theme="dc-diaochan"]) #shipepModal :is(#mailChips,#selBody) button.ws-remove{transition:none!important}}
@media(max-height:780px){
 html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output .panel{padding:9px!important}
 html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output .hint{font-size:11px;line-height:1.25}
 html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output .chip{font-size:11px;padding:3px 7px;margin:0 4px 4px 0}
 html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output .chip button{font-size:11px;padding:0 2px}
 html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output .dropzone{padding:8px 5px;font-size:11px}
 html:not([data-theme="dc-diaochan"]) #shipepModal .ws-output #mailDirPick{margin:5px 0!important;padding:6px!important}
 html:not([data-theme="dc-diaochan"]) #shipepModal .ws-email-recipients .addmail input{padding:6px!important}
 html:not([data-theme="dc-diaochan"]) #shipepModal .ws-email-recipients .addmail button{font-size:11px;padding:6px!important}
 html:not([data-theme="dc-diaochan"]) #shipepModal .ws-sender-status{margin-top:5px;padding-top:4px;line-height:1.25}
 html:not([data-theme="dc-diaochan"]) #shipepModal .ws-docs-note label{font-size:10px!important}
}