/* Final V2 direction: neutral working surfaces, restrained sidebar tint. */
body.online-body{--on-ink:#202323;--on-muted:#707674;--on-line:#e6e8e7;--on-green:#202624;--on-canvas:#f5f6f5;--on-radius:12px}
body.online-body.tts-theme #onlineWorkspace .workspace-shell{border-color:#e1e4e2!important;box-shadow:0 2px 12px #00000004!important;border-radius:16px!important}
body.online-body.tts-theme #onlineWorkspace .tabstrip{background:#eef0ef!important;border-color:#e0e3e1!important;padding-top:8px!important;min-height:54px!important}
body.online-body.tts-theme #onlineWorkspace .tab-wrap{color:#747a76!important}
body.online-body.tts-theme #onlineWorkspace .tab-wrap.active{color:#202323!important;border-color:#e0e3e1!important}
body.online-body.tts-theme #onlineWorkspace .tab-wrap.active:before{background:#859d8b!important;height:2px!important}
body.online-body.tts-theme #onlineWorkspace .tab-wrap [role=tab]{min-height:44px!important;padding:10px 18px!important;font-size:14px!important;font-weight:550!important}
body.online-body.tts-theme #onlineWorkspace .workspace-panel{padding:24px!important}
body.online-body.tts-theme #onlineWorkspace .btn{color:#282c29!important;border-color:#e0e3e1!important;box-shadow:0 1px 2px #00000004!important}
body.online-body.tts-theme #onlineWorkspace .btn.primary{background:#242825!important;border-color:#242825!important;color:#fff!important}
body.online-body.tts-theme #onlineWorkspace .badge{background:#f0f1f0!important;color:#5a605c!important;border-radius:6px!important}
body.online-body.tts-theme #onlineWorkspace .badge.good{background:#eaf2ec!important;color:#315b3d!important}
body.online-body.tts-theme #onlineWorkspace .badge.wait{background:#fff0ce!important;color:#805710!important}
body.online-body.tts-theme #onlineWorkspace .card{border-color:#e3e6e4!important;box-shadow:0 2px 7px #00000003!important;border-radius:12px!important}
body.online-body.tts-theme #onlineWorkspace .notice{background:#f5f6f5!important;color:#676f69!important;border-color:#e1e5e2!important}
body.online-body.tts-theme #onlineWorkspace .online-table th{background:#f5f6f5!important;color:#717873!important;font-size:12px!important;letter-spacing:.02em!important;text-transform:none!important;padding:12px 14px!important}
body.online-body.tts-theme #onlineWorkspace .online-table td{padding:13px 14px!important;font-size:13px!important;border-color:#eceeed!important}
body.online-body.tts-theme #onlineWorkspace .online-table tr:nth-child(even){background:#fff!important}
body.online-body.tts-theme #onlineWorkspace .online-table tr:hover{background:#f8f9f8!important}
body.online-body.tts-theme #onlineWorkspace .toolbar{gap:12px!important}
body.online-body.tts-theme #onlineWorkspace input,body.online-body.tts-theme #onlineWorkspace select{background:#fff!important;border-color:#dfe3e0!important;color:#252b27!important}
body.online-body.tts-theme #onlineWorkspace .catalog-form fieldset{border-color:#e1e5e2!important}
body.online-body.tts-theme #onlineWorkspace :focus-visible{outline-color:#82988a!important}
body.online-body.tts-theme #onlineWorkspace .page-metrics{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;border:1px solid #e3e6e4!important;border-radius:12px!important;margin-bottom:7px!important;overflow:hidden!important}
body.online-body.tts-theme #onlineWorkspace .page-metrics>div{padding:14px 18px!important;border-right:1px solid #e9ece9!important;display:grid!important;gap:6px!important}
body.online-body.tts-theme #onlineWorkspace .page-metrics>div:last-child{border:0!important}
body.online-body.tts-theme #onlineWorkspace .page-metrics span{color:#717873!important;font-size:12px!important}
body.online-body.tts-theme #onlineWorkspace .page-metrics strong{font-size:24px!important;font-weight:600!important;color:#252b27!important}
body.online-body.tts-theme #onlineWorkspace .metric-scope{font-size:12px!important;color:#737b75!important;margin-bottom:18px!important}
body.online-body.tts-theme #onlineWorkspace .insight-grid,body.online-body.tts-theme #onlineWorkspace .channel-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-bottom:22px!important}
body.online-body.tts-theme #onlineWorkspace .metric-unavailable{display:block!important;font-size:38px!important;font-weight:500!important;margin:18px 0!important;color:#6c746e!important}
body.online-body.tts-theme #onlineWorkspace .insight-copy{font-size:14px!important;line-height:1.65!important;margin:16px 0!important;color:#646d66!important}
body.online-body.tts-theme #onlineWorkspace .action-stack{display:grid!important;gap:10px!important;margin-bottom:16px!important}
@media(max-width:1000px){body.online-body.tts-theme #onlineWorkspace .channel-grid{grid-template-columns:1fr!important}}
@media(max-width:600px){body.online-body.tts-theme #onlineWorkspace .workspace-panel{padding:16px!important}body.online-body.tts-theme #onlineWorkspace .page-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.online-body.tts-theme #onlineWorkspace .insight-grid{grid-template-columns:1fr!important}body.online-body.tts-theme #onlineWorkspace .panel-heading{align-items:flex-start!important;flex-wrap:wrap!important}}
body.online-body.tts-theme #onlineWorkspace .card .notice+p{margin-top:14px!important}

body.online-body.tts-theme #onlineWorkspace .channel-grid{grid-template-columns:1fr!important}

/* Online fulfillment is separate from payment and the native order state. */
body.online-body.tts-theme #onlineWorkspace .fulfillment-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:20px 0;font-size:12px;color:#70747b}
body.online-body.tts-theme #onlineWorkspace .fulfillment-steps li{border-top:2px solid #e5e6e8;padding-top:10px;line-height:1.5}
body.online-body.tts-theme #onlineWorkspace .fulfillment-steps li.done{border-color:#66806e;color:#303b34}
body.online-body.tts-theme #onlineWorkspace .fulfillment-steps span{display:block;font-size:11px;margin-bottom:5px}
body.online-body.tts-theme #onlineWorkspace .fulfillment-actions{display:grid;gap:18px;margin-top:18px}
body.online-body.tts-theme #onlineWorkspace .fulfillment-confirm{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:400;line-height:1.5;margin-bottom:12px}
body.online-body.tts-theme #onlineWorkspace .fulfillment-confirm input{flex:0 0 auto;width:17px;height:17px;min-height:0;margin:2px 0 0}
body.online-body.tts-theme #onlineWorkspace .fulfillment-tracking{border-top:1px solid #e4e5e7;margin-top:22px;padding-top:20px}
body.online-body.tts-theme #onlineWorkspace .tracking-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
body.online-body.tts-theme #onlineWorkspace .tracking-fields label{display:grid;gap:7px;font-size:12px}
body.online-body.tts-theme #onlineWorkspace .tracking-fields input{width:100%;min-width:0;box-sizing:border-box;padding:10px}
body.online-body.tts-theme #onlineWorkspace .fulfillment-notice{font-size:12px;color:#656b72;margin-top:18px;border-top:1px solid #eee;padding-top:14px}
body.online-body.tts-theme #onlineWorkspace [data-fulfillment-message]:empty{display:none}
body.online-body.tts-theme #onlineWorkspace [data-fulfillment-message]{font-size:13px;margin-top:10px;color:#4b5159}
@media(max-width:650px){body.online-body.tts-theme #onlineWorkspace .fulfillment-steps{grid-template-columns:repeat(2,minmax(0,1fr))}body.online-body.tts-theme #onlineWorkspace .tracking-fields{grid-template-columns:1fr}}

/* Catalogue workbench */
body.online-body.tts-theme #onlineWorkspace .catalog-workbench{max-width:1200px;margin:auto}
body.online-body.tts-theme #onlineWorkspace .catalog-tools{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:12px 0}
body.online-body.tts-theme #onlineWorkspace .catalog-tools label{display:grid;gap:6px}
body.online-body.tts-theme #onlineWorkspace .catalog-row{display:flex;align-items:center;gap:16px;padding:16px 12px;border-bottom:1px solid #e7e7e7;min-width:0}
body.online-body.tts-theme #onlineWorkspace .catalog-row>div:first-of-type{flex:1;min-width:0}
body.online-body.tts-theme #onlineWorkspace .catalog-row small{display:block;color:#73777c;margin-top:5px;font-size:12px;overflow-wrap:anywhere}
body.online-body.tts-theme #onlineWorkspace .catalog-tree,body.online-body.tts-theme #onlineWorkspace .menu-tree{margin-top:18px;border:1px solid #e6e7e8;border-radius:12px;padding:8px}
body.online-body.tts-theme #onlineWorkspace .catalog-workbench .card{margin-top:20px}
body.online-body.tts-theme #onlineWorkspace .menu-branch .menu-branch{margin-left:24px;border-left:1px solid #e5e5e5;padding-left:12px}
body.online-body.tts-theme #onlineWorkspace .menu-grip{cursor:grab;color:#777}
body.online-body.tts-theme #onlineWorkspace .menu-row{background:#fafafa;border:1px solid #e6e7e8;border-radius:10px;margin:6px 0}
body.online-body.tts-theme #onlineWorkspace .catalog-workbench input:not([type=checkbox]),body.online-body.tts-theme #onlineWorkspace .catalog-workbench select{min-height:40px;border:1px solid #dcdfe2;border-radius:7px;padding:8px;background:white;max-width:100%}
body.online-body.tts-theme #onlineWorkspace .catalog-workbench [data-status]{padding:12px 0;overflow-wrap:anywhere}
@media(max-width:650px){body.online-body.tts-theme #onlineWorkspace .catalog-row{flex-wrap:wrap}body.online-body.tts-theme #onlineWorkspace .catalog-row>div:first-of-type{flex-basis:100%}body.online-body.tts-theme #onlineWorkspace .menu-branch .menu-branch{margin-left:10px;padding-left:6px}}

#onlineWorkspace .catalog-cover{display:block;width:180px;height:150px;object-fit:contain;border-radius:12px;background:#f6f6f3;margin:12px 0}#onlineWorkspace .catalog-description{white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch}#onlineWorkspace .catalog-preview{border:1px solid #deded8;padding:20px;border-radius:14px;background:#fafaf8}#onlineWorkspace .catalog-form textarea{font:inherit;padding:12px;border:1px solid #d8dedb;border-radius:10px;resize:vertical;width:100%;box-sizing:border-box}