/* Approved JJU workspace design. Presentation only; business handlers and storage are unchanged. */
/* Shared foundation is loaded from shared-workspace.css. */

#tools-bar{height:69px;min-height:69px;padding:0 26px;gap:28px;flex-wrap:nowrap;box-shadow:none;border-bottom:1px solid #e6e8ed;background:white}#tools-bar>strong{display:flex;align-items:center;gap:10px;font-size:14px;color:#202531}#tools-bar>strong:before{content:'J';display:grid;place-items:center;width:31px;height:31px;background:#6448c4;color:white;border-radius:8px;font-size:18px}#tools-bar nav{order:0;width:auto;gap:4px;height:100%;align-items:stretch}#tools-bar [role=tab],#tools-bar [data-tool][aria-selected=true]{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#747987;padding:0 14px;font-size:12px}#tools-bar [role=tab][aria-selected=true]{background:transparent;color:#6448c4;border-bottom-color:#6448c4}#tool-account-actions{gap:12px}#tool-creator{display:inline;font-size:10px}#device-settings{font-size:10px;max-width:180px;margin-left:auto}#tool-version{font-size:10px}#tools-bar #logout{font-size:11px;padding:7px 10px}#shell aside{position:sticky;top:69px;height:calc(100dvh - 69px);width:226px;min-width:226px;padding:28px 18px 18px;background:white;border-right:1px solid #e6e8ed;color:#747987}#shell .brand{color:#343947;margin-bottom:30px;gap:10px}#shell .brand img{width:33px;height:33px;border-radius:8px;box-shadow:none}#shell .brand span{font-size:10px;color:#858a96}#shell .brand b{color:#343947;font-size:14px;margin-top:3px}#shell .nav-label{color:#9a9eaa;font-size:9px;letter-spacing:.9px;margin:0 12px 12px}#shell aside nav{display:grid;gap:5px}#shell aside nav button{color:#707785;background:transparent;border:0;border-radius:7px;padding:11px 12px;font-size:14px}#shell aside nav button span{font-size:12px}#shell aside nav button.active{background:#f1edfb;color:#6448c4;box-shadow:none}#shell .nav-count{background:#e9e1f8;color:#6448c4}#shell .aside-bottom{gap:6px}#shell .aside-bottom>button{border:0;color:#7b8290;background:transparent}#shell .account{border-color:#e6e8ed}#shell .account strong,#shell .account small{color:#7b8290}#shell .avatar{background:#f1edfb;color:#6448c4}#shell main{width:calc(100% - 226px);max-width:none;padding:28px 34px 20px}#shell header{align-items:center;flex-direction:row}#shell header h1{font-size:27px;color:#202531;font-weight:500}#shell .eyebrow{font-size:9px;color:#979da8;letter-spacing:1px}#shell header .muted{font-size:12px;color:#707785}#shell .header-actions button{font-size:11px}#shell .workspace-intro{display:none}#shell .syncbar{margin:20px 0;color:#808795;border-color:#e6e8ed}#shell .stats{gap:14px;margin-bottom:22px}#shell .stat{padding:21px;min-height:127px}#shell .stat strong{font-size:29px;margin:12px 0 4px}#shell .grid-two{gap:20px;grid-template-columns:1.4fr 1fr}#shell .panel{padding:22px}#shell .bar-track{background:#f2f0f6}#shell .toolbar{border-color:#e6e8ed;border-radius:10px;background:#fff;padding:12px}#shell .toolbar input{background:#f8f9fb}#shell .product-cell strong{color:#343947;font-weight:400}#shell .product-cell small{color:#8c929d}#shell .action{background:white;color:#717987;border-color:#e6e8ed}#shell footer{color:#9b9faa;border-color:#e6e8ed}.tool-panel{height:calc(100dvh - 69px);background:#f6f7f9}.product-connection,.cafe24-connection{background:#faf9fd;color:#7a6c95;border-bottom:1px solid #e6e8ed;padding:7px 22px;font-size:10px}.product-connection button,.cafe24-connection button{font-size:10px;padding:4px 9px}.product-download,.cafe24-connection .cafe24-download{background:#6448c4;font-size:10px;padding:5px 10px}
.auth-wrap{grid-template-columns:1.1fr 1fr;background:white;align-items:center}.auth-story{background:#f4f3f8;color:#303342;padding:70px clamp(40px,7vw,105px);border-right:1px solid #e6e8ed}.auth-story:before,.auth-story:after{display:none}.auth-story .story-brand{color:#777286;font-size:11px;letter-spacing:.7px;margin-bottom:70px}.auth-story img.logo-mark{width:39px;height:39px;border-radius:9px;box-shadow:none}.auth-story .eyebrow{color:#8a819d}.auth-story h2{color:#282b37;font-size:39px;line-height:1.55;font-weight:500;letter-spacing:-1.5px}.auth-story h2 em{color:#6448c4}.story-description{color:#85818f;font-size:13px}.story-step{background:#fff;border:1px solid #e7e4ec;border-radius:9px;padding:13px 16px}.story-step>span{color:#9a8fba}.story-step strong{color:#5c566b;font-weight:400}.story-step small{color:#95909f}.story-footer{color:#aaa4b8}.auth-card{width:405px;padding:38px 30px}.auth-card>img.logo-mark{display:none}.auth-card>.eyebrow{color:#9b91af}.auth-card h1{font-size:26px;color:#202531}.auth-card>.muted{color:#85818f}.auth-card h2{color:#686173}.auth-card label{color:#74707e;font-size:12px}.auth-card input{background:white;border-color:#dedee8;border-radius:7px}.auth-card .primary{background:#6448c4;border-radius:7px}.auth-links button{color:#8c839d}.footnote{color:#aaa4b3}
@media(max-width:1200px){#tools-bar{height:auto;min-height:69px;flex-wrap:wrap;gap:8px;padding:10px 20px}#tools-bar nav{order:2;width:100%;height:45px}#tools-bar [role=tab]{padding:0 17px}#shell aside{top:115px;height:calc(100dvh - 115px)}.tool-panel{height:calc(100dvh - 115px)}#shell .grid-two{grid-template-columns:1fr}#shell header{align-items:flex-start;flex-direction:column}}@media(max-width:760px){#shell aside{position:static;width:100%;height:auto;min-width:0}#shell main{width:100%;padding:24px 16px}#shell aside nav{display:flex;overflow:auto}#shell .aside-bottom{display:none}#shell .brand{margin-bottom:15px}#shell .stats{grid-template-columns:1fr 1fr}#tools-bar{padding:9px 12px}#tool-version{display:none}#device-settings{max-width:150px}#tools-bar [role=tab]{font-size:11px;padding:0 11px}.auth-wrap{display:block}.auth-story{display:none}.auth-card{margin:50px auto;width:min(405px,100%)} }

#shell .header-actions .primary{background:#6448c4;border-color:#6448c4;color:white}#shell header .eyebrow{color:#979da8}#tools-bar>strong:before{display:none}

/* Compact selection controls across every workspace. */
input:is([type="checkbox"],[type="radio"]){box-sizing:border-box!important;display:inline-block!important;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;flex:0 0 16px!important;padding:0!important;margin:0!important;vertical-align:middle;accent-color:#6448c4;cursor:pointer}
label:has(> input:is([type="checkbox"],[type="radio"])){display:inline-flex!important;align-items:center!important;justify-content:flex-start;gap:8px;max-width:100%;line-height:1.6;vertical-align:middle;text-align:left}
input:is([type="checkbox"],[type="radio"]):disabled{cursor:default}
:is(td,th):has(> input:is([type="checkbox"],[type="radio"]):only-child){width:44px;text-align:center;vertical-align:middle}
#tossQueueRows>.row{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}
#tossQueueRows>.row>span{min-width:0;overflow-wrap:anywhere}
#tossQueueRows>.row>button{flex:0 0 auto}

/* Distinct order statuses override the common purple badge theme. */
html body #shell :is(.pill,#status-filter)[data-order-status="발주예정"]{background:#3d321f!important;color:#ffe0a0!important;border:1px solid #a88136!important}
html body #shell #status-filter option[value="발주예정"]{background:#3d321f;color:#ffe0a0}
html body #shell :is(.pill,#status-filter)[data-order-status="결제완료"]{background:#203552!important;color:#bedaff!important;border:1px solid #5b8ec9!important}
html body #shell #status-filter option[value="결제완료"]{background:#203552;color:#bedaff}
html body #shell :is(.pill,#status-filter)[data-order-status="입고완료"]{background:#173b32!important;color:#a8efd2!important;border:1px solid #4caa87!important}
html body #shell #status-filter option[value="입고완료"]{background:#173b32;color:#a8efd2}
html body #shell :is(.pill,#status-filter)[data-order-status="문제발생"]{background:#492730!important;color:#ffc2cb!important;border:1px solid #c66b7b!important}
html body #shell #status-filter option[value="문제발생"]{background:#492730;color:#ffc2cb}