:root{--commerce-paper:#fcfbf7;--commerce-surface:#fffefa;--commerce-line:#e5e6dd;--commerce-green:#315746;--commerce-dark:#243b32;--commerce-ink:#2a322c;--commerce-muted:#7b8077;--commerce-sage:#edf2e9}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}
body.commerce-body{margin:0;background:var(--commerce-paper);color:var(--commerce-ink);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;font-size:13px;letter-spacing:-.025em}
body.commerce-legacy{padding-left:224px}body.commerce-legacy>.commerce-sidebar{position:fixed;left:0;top:0}body.commerce-legacy>header:not(.commerce-topbar),body.commerce-legacy>footer{display:none}body.commerce-legacy>.commerce-main{width:100%;max-width:1540px;padding:36px 38px 48px}
.commerce-shell,.commerce-shell *{box-sizing:border-box}
.commerce-shell{display:flex;min-height:100vh;min-width:0}
.commerce-shell a{text-decoration:none}
.commerce-shell a:focus-visible,.commerce-shell button:focus-visible,.commerce-shell summary:focus-visible{outline:2px solid #9caf8d;outline-offset:3px}
.commerce-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.commerce-sidebar{width:224px;flex:0 0 224px;position:sticky;top:0;height:100dvh;z-index:50;background:var(--commerce-dark);color:#bdcbbd;display:flex;flex-direction:column;padding:29px 17px 19px}
.commerce-brand{display:flex;align-items:center;gap:12px;padding:0 10px;margin-bottom:31px;color:#f4f3e6!important}
.commerce-brand-mark{width:35px;height:40px;display:grid;place-items:center;border:1px solid #829281;border-radius:17px 17px 5px 5px;padding-bottom:7px;font:43px/1 Georgia,serif;color:#ecebda}
.commerce-brand-word{font:32px/1 Georgia,serif;letter-spacing:-1.1px}.commerce-brand-word small{display:block;margin-top:8px;color:#acb9a7;font:6px/1.4 "Pretendard",sans-serif;letter-spacing:1px;white-space:nowrap}
.commerce-workspace{display:flex;align-items:center;gap:10px;padding:10px 9px;margin-bottom:22px;border:1px solid #506451;border-radius:6px;color:#e0e6d9;font-size:10px}
.commerce-workspace-mark{width:27px;height:28px;display:grid;place-items:center;border-radius:5px;background:#506850;color:#e4e8d3;font:17px Georgia,serif}.commerce-workspace small{display:block;color:#9caf9b;font-size:9px;margin-top:2px}
.commerce-nav{min-height:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#64785d transparent}.commerce-nav-caption{display:block;padding:0 11px 7px;color:#8fa191;font-size:8px;letter-spacing:1.4px}
.commerce-nav-home,.commerce-nav-group>summary{display:flex;align-items:center;gap:12px;width:100%;min-height:39px;padding:9px 11px;margin:2px 0;border-radius:6px;color:#bbc9bd!important;font-size:11px;cursor:pointer;list-style:none}
.commerce-nav-group>summary::-webkit-details-marker{display:none}.commerce-nav-home:hover,.commerce-nav-group>summary:hover,.commerce-nav-group.is-active>summary{background:#41574a;color:#f4f3e2!important}.commerce-nav-group.is-active>summary{font-weight:600}
.commerce-nav-group>summary span{flex:1}.commerce-chevron{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .15s}.commerce-nav-group[open] .commerce-chevron{transform:rotate(180deg)}
.commerce-subnav{padding:2px 0 7px 37px}.commerce-subnav a{display:block;padding:5px 7px;border-left:1px solid #5a6e5d;color:#b9c8b9!important;font-size:10px;line-height:1.5}.commerce-subnav a:hover,.commerce-subnav a.is-current{color:#f2f3de!important;background:#ffffff0b}.commerce-subnav a.is-current{border-left-color:#d3dfaa;font-weight:600}
.commerce-sidebar-bottom{flex-shrink:0}.commerce-sidebar-note{display:block;padding:15px 11px 20px;color:#c0cdba;font-size:11px;line-height:1.8}.commerce-sidebar-note strong{font-weight:600;color:#e6ecdb}.commerce-profile{display:flex;align-items:center;gap:10px;border-top:1px solid #4e614d;padding:15px 7px 0;color:#d0dcc6;font-size:10px}.commerce-profile>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#64785d;color:#e5ebd9;font:16px Georgia,serif}.commerce-profile small{display:block;margin-top:2px;color:#95a88f;font-size:9px}
.commerce-content{min-width:0;flex:1;background:var(--commerce-paper)}.commerce-topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 38px;border-bottom:1px solid var(--commerce-line);background:var(--commerce-surface)}.commerce-topbar-left{display:flex;align-items:center;gap:14px;min-width:0}.commerce-breadcrumbs{display:flex;align-items:center;gap:10px;min-width:0;color:#93998e;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commerce-breadcrumbs a{color:#93998e}.commerce-breadcrumbs a:hover{color:var(--commerce-green)}.commerce-breadcrumbs strong{color:#5e6b58;font-weight:600;overflow:hidden;text-overflow:ellipsis}.commerce-topbar-badge{display:flex;align-items:center;gap:7px;color:#8a9381;font-size:10px;white-space:nowrap}.commerce-topbar-badge span{width:6px;height:6px;border-radius:50%;background:#91a584}.commerce-menu-toggle{display:none;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:5px;background:transparent;color:#5c725f;cursor:pointer}
.commerce-main{max-width:1540px;margin:0 auto;padding:36px 38px 48px;min-width:0}.commerce-main h1{color:var(--commerce-ink);letter-spacing:-.04em}.commerce-main p.text-muted{color:var(--commerce-muted)!important}.commerce-main .card,.commerce-main .bg-white,.commerce-main .table-responsive{border-color:var(--commerce-line)!important;border-radius:7px;background:var(--commerce-surface)!important}.commerce-main .table{--bs-table-bg:var(--commerce-surface);--bs-table-border-color:var(--commerce-line);color:var(--commerce-ink)}.commerce-main .table thead{color:#667765;background:#f6f8f1}.commerce-main .btn-primary,.commerce-main button.btn-primary{background:var(--commerce-green);border-color:var(--commerce-green)}.commerce-main .btn-primary:hover{background:#244636;border-color:#244636}.commerce-main .form-control:focus,.commerce-main .form-select:focus{border-color:#91a584;box-shadow:0 0 0 3px #91a58435}.commerce-main a:not(.btn){color:#315746}.commerce-main a:not(.btn):hover{color:#244636}
body.commerce-legacy .commerce-main>h1{font-size:30px;line-height:1.3;font-weight:650;margin:0 0 9px}body.commerce-legacy .commerce-main>p{color:var(--commerce-muted);font-size:12px;line-height:1.7;margin:0 0 23px}body.commerce-legacy .commerce-main>form:not([style]){max-width:1040px;padding:24px;border:1px solid var(--commerce-line);border-radius:8px;background:var(--commerce-surface)}body.commerce-legacy .commerce-main label{display:inline-block;margin-bottom:6px;color:#687668;font-size:11px;font-weight:600}body.commerce-legacy .commerce-main .form-control,body.commerce-legacy .commerce-main .form-select{min-height:39px;padding:8px 11px;border:1px solid #dfe4d9;border-radius:5px;background:#fffefa;color:var(--commerce-ink);font-size:12px}body.commerce-legacy .commerce-main .btn{border-radius:5px;font-size:11px;min-height:35px;padding:7px 12px}body.commerce-legacy .commerce-main .table{font-size:11px}body.commerce-legacy .commerce-main .table th{font-size:10px;font-weight:600;color:#6f7d70}
.commerce-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--commerce-line);border-radius:7px;background:var(--commerce-surface)}.commerce-table-scroll .table{min-width:900px;margin-bottom:0}
/* Standalone decision documents keep their in-page decision rail and actions. */
body.commerce-dockets .commerce-content .app{width:100%;min-height:0;grid-template-columns:minmax(245px,290px) minmax(0,1fr)}body.commerce-dockets .commerce-content .app.commerce-docket-detail{grid-template-columns:minmax(0,1fr)}body.commerce-dockets .commerce-content .app>.sidebar{position:relative;top:auto;height:calc(100dvh - 68px);background:#f3f5ee;color:#405044;border-right:1px solid var(--commerce-line)}body.commerce-dockets .commerce-content .app>.sidebar .brand-name,body.commerce-dockets .commerce-content .app>.sidebar .meta-value{color:#304a39}body.commerce-dockets .commerce-content .app>.sidebar .brand-sub,body.commerce-dockets .commerce-content .app>.sidebar .meta-label{color:#839082}body.commerce-dockets .commerce-content .app>.main{min-width:0;background:var(--commerce-paper);min-height:calc(100dvh - 68px)}body.commerce-dockets .commerce-content .app>.main .document{background:#fffefa}body.commerce-dockets .back-to-home{display:none}
/* The React document rooms retain their own tables and file actions inside the shared shell. */
body.commerce-docs #root{min-width:0}body.commerce-docs .cd-page{max-width:1500px;margin:0 auto}body.commerce-docs .commerce-content{min-width:0}
@media(max-width:1100px){.commerce-sidebar{width:202px;flex-basis:202px}body.commerce-legacy{padding-left:202px}.commerce-main,body.commerce-legacy>.commerce-main{padding:28px 25px 40px}.commerce-topbar{padding:0 25px}body.commerce-dockets .commerce-content .app{grid-template-columns:230px minmax(0,1fr)}body.commerce-dockets .commerce-content .app>.main{padding:25px 20px}}
@media(max-width:900px){.commerce-sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .2s;width:245px;z-index:100}body.commerce-legacy{padding-left:0}.commerce-menu-open .commerce-sidebar{transform:translateX(0)}.commerce-menu-open:before{content:"";position:fixed;inset:0;background:#1b2c2390;z-index:90}.commerce-menu-toggle{display:flex}.commerce-content{width:100%}.commerce-topbar{padding:0 19px}.commerce-main,body.commerce-legacy>.commerce-main{padding:25px 18px 40px}body.commerce-dockets .commerce-content .app{grid-template-columns:minmax(0,1fr)}body.commerce-dockets .commerce-content .app>.sidebar{position:relative;height:auto;max-height:240px;overflow:auto}body.commerce-dockets .commerce-content .app>.main{padding:20px 14px}body.commerce-docs .cd-page{padding:24px 18px}}
@media(max-width:600px){.commerce-topbar-badge{display:none}.commerce-breadcrumbs{font-size:10px}.commerce-main{padding:20px 12px 32px}.commerce-main .table-responsive{overflow-x:auto}body.commerce-dockets .commerce-content .app>.main .document{padding:25px 18px}body.commerce-docs .cd-title{font-size:32px}}