:root{--jdsc-orange:#ff4f18;--jdsc-orange-press:#e53d0a;--jdsc-orange-tint:#fff4ef;--jdsc-orange-edge:#ffdcc8;--jdsc-ink-900:#141517;--jdsc-ink-700:#3a3d42;--jdsc-ink-500:#6b7079;--jdsc-ink-300:#c4c9d0;--jdsc-surface:#fff;--jdsc-surface-sunk:#fafbfc;--jdsc-surface-muted:#f4f5f7;--jdsc-border:#e4e7ec;--jdsc-border-strong:#d0d5dd;--jdsc-border-soft:#eff1f4;--jdsc-success:#16a34a;--jdsc-success-tint:#dcfce7;--jdsc-warn:#f59e0b;--jdsc-danger:#ef4444;--jdsc-info:#0ea5e9;--jdsc-link:#2563eb;--jdsc-kakao-border:#f2d44b;--jdsc-kakao-fill:#fee500;--jdsc-kakao-text:#191600;--jdsc-kakao-hover:#f7dc00;--jdsc-font-sans:var(--font-pretendard,Pretendard), "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--jdsc-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--jdsc-fs-display:44px;--jdsc-fs-h1:32px;--jdsc-fs-h2:24px;--jdsc-fs-h3:18px;--jdsc-fs-body:15px;--jdsc-fs-sm:13px;--jdsc-fs-xs:11px;--jdsc-lh-display:1.08;--jdsc-lh-h1:1.15;--jdsc-lh-h2:1.2;--jdsc-lh-h3:1.3;--jdsc-lh-body:1.55;--jdsc-lh-sm:1.5;--jdsc-lh-xs:1.4;--jdsc-fw-regular:400;--jdsc-fw-medium:500;--jdsc-fw-semibold:600;--jdsc-fw-bold:700;--jdsc-fw-extra:800;--jdsc-fw-black:900;--jdsc-radius-xs:4px;--jdsc-radius-sm:6px;--jdsc-radius-md:10px;--jdsc-radius-lg:14px;--jdsc-radius-xl:16px;--jdsc-radius-pill:999px;--jdsc-space-1:4px;--jdsc-space-2:8px;--jdsc-space-3:12px;--jdsc-space-4:16px;--jdsc-space-5:20px;--jdsc-space-6:24px;--jdsc-space-8:32px;--jdsc-space-10:40px;--jdsc-space-12:48px;--jdsc-space-16:64px;--jdsc-shadow-1:0 1px 2px #1415170a, 0 0 0 1px #1415170a;--jdsc-shadow-2:0 4px 12px #14151714;--jdsc-shadow-3:0 12px 32px #1415171f;--jdsc-shadow-focus:0 0 0 3px #ff4f1847;--jdsc-ease:cubic-bezier(.2, .8, .2, 1);--jdsc-ease-out:cubic-bezier(.16, 1, .3, 1);--jdsc-dur-fast:.12s;--jdsc-dur-base:.18s;--jdsc-dur-slow:.26s;--jdsc-maxw:1200px;--jdsc-header-h:64px;--jdsc-mobile-app-bar-h:56px;--jdsc-touch-target-min:44px;--jdsc-sidebar-w:240px;--jdsc-results-w:440px;--brand-radiant-orange:var(--jdsc-orange);--brand-pure-white:var(--jdsc-surface);--brand-fog-gray:var(--jdsc-surface-muted);--brand-coal-black:var(--jdsc-ink-900);--color-surface:var(--jdsc-surface);--color-page-background:var(--jdsc-surface-sunk);--color-surface-muted:var(--jdsc-surface-muted);--color-text-strong:var(--jdsc-ink-900);--color-text-muted:var(--jdsc-ink-500);--color-text-subtle:var(--jdsc-ink-700);--color-text-placeholder:var(--jdsc-ink-500);--color-text-disabled:var(--jdsc-ink-300);--color-border:var(--jdsc-border);--color-border-strong:var(--jdsc-border-strong);--color-border-soft:var(--jdsc-border-soft);--color-brand:var(--jdsc-orange);--color-brand-hover:var(--jdsc-orange-press);--color-brand-soft:#ff4f1814;--color-brand-outline:var(--jdsc-orange-edge);--color-panel:var(--jdsc-surface-sunk);--color-surface-alt:var(--jdsc-surface-sunk);--color-input-muted:var(--jdsc-surface-muted);--color-surface-translucent:#fffffff5;--color-surface-overlay:#fffffff5;--color-surface-glass:#ffffffb8;--color-border-overlay:#1415171a;--color-text-inverse:var(--jdsc-surface);--color-action-dark:var(--jdsc-ink-900);--color-link:var(--jdsc-link);--color-partner-action:#1b64da;--color-partner-action-hover:#1552b8;--color-success:var(--jdsc-success);--color-success-soft:#16a34a1a;--color-success-fill:var(--jdsc-success);--color-warning:var(--jdsc-warn);--color-warning-strong:#b45309;--color-warning-soft:#f59e0b1f;--color-warning-fill:var(--jdsc-warn);--color-danger:var(--jdsc-danger);--color-danger-strong:var(--jdsc-danger);--color-danger-soft:#ef44441a;--color-danger-fill:var(--jdsc-danger);--color-info:var(--jdsc-info);--color-info-soft:#0ea5e91f;--color-kakao-border:var(--jdsc-kakao-border);--color-kakao-fill:var(--jdsc-kakao-fill);--color-kakao-text:var(--jdsc-kakao-text);--color-kakao-hover:var(--jdsc-kakao-hover);--color-map-surface:#f1f3f5;--color-map-grid-light:#ffffff24;--color-map-grid-road:#14151714;--color-map-grid-line:#1415170f;--color-map-brand-glow:#ff4f1829;--color-map-info-glow:#0ea5e91f;--color-map-user-pin:var(--jdsc-link);--color-map-label:#14151780;--color-map-label-muted:#1415175c;--color-overlay-strong:#111827c2;--color-shadow-soft:var(--jdsc-shadow-2);--color-shadow-medium:var(--jdsc-shadow-3);--color-shadow-strong:var(--jdsc-shadow-3);--color-card-shadow:var(--jdsc-shadow-3);--shadow-sm:var(--jdsc-shadow-1);--shadow-md:var(--jdsc-shadow-2);--shadow-lg:var(--jdsc-shadow-3);--shadow-marker:0 8px 18px #ff4f1847;--shadow-marker-active:0 10px 26px #ff4f1857, 0 0 0 10px #ff4f1826;--color-ink-mid:var(--jdsc-ink-700);--color-brand-tint:var(--jdsc-orange-tint);--color-brand-outline-warm:var(--jdsc-orange-edge);--color-border-hairline:var(--jdsc-border-soft);--radius-sm:var(--jdsc-radius-sm);--radius-md:var(--jdsc-radius-md);--radius-lg:var(--jdsc-radius-lg);--radius-xl:var(--jdsc-radius-xl);--radius-pill:var(--jdsc-radius-pill);--ff-mono:var(--jdsc-font-mono);--container-max:var(--jdsc-maxw);--jdsc-ink-400:#9097a1;--color-icon-faint:var(--jdsc-ink-400);--jdsc-shadow-float:0 8px 24px #14151714;--jdsc-shadow-chip:2px 8px 20px #1415171f;--jdsc-shadow-modal:0 10px 28px #14151759;--jdsc-shadow-pin-glow:0 10px 24px #ff4f1866;--jdsc-on-dark-surface:#ffffff0f;--jdsc-on-dark-border:#ffffff1f;--jdsc-on-dark-border-strong:#ffffff59;--jdsc-on-dark-faint:#ffffff8c;--jdsc-on-dark-strong:#ffffffe6;--jdsc-on-dark-success-text:#4ade80;--jdsc-on-dark-success-bg:#4ade8024;--jdsc-surface-scrolled:#ffffffeb;--jdsc-ink-max:#000;--jdsc-hairline:#14151714;--jdsc-warn-ink:#b45309;--jdsc-map-base:#edf0f2;--jdsc-on-orange-faint:#ffffffbf;--jdsc-on-orange-soft:#fffc;--jdsc-on-orange-bar:#ffffffd9;--jdsc-on-orange-dim:#ffffff73;--jdsc-shadow-panel:0 12px 32px #14151724;--jdsc-pin-pulse:#ff4f1873;--jdsc-pin-pulse-out:#ff4f1800;--jdsc-warn-wash:#fef3c7;--jdsc-orange-tint-press:#ffebe1;--jdsc-on-dark-surface-2:#ffffff1f;--jdsc-success-wash:#16a34a17;--jdsc-success-ink:#15803d;--jdsc-orange-ink:#c4390a;--jdsc-danger-ink:#b91c1c}
.bo-shell{background:var(--color-page-background);min-height:100vh}.bo-header{z-index:30;min-height:var(--backoffice-header-height);justify-content:space-between;align-items:center;gap:var(--jdsc-space-5);padding:0 var(--jdsc-space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface-translucent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;position:sticky;top:0}.bo-header-main{align-items:center;gap:var(--jdsc-space-3);min-width:0;display:flex}.bo-header h1{font-size:var(--jdsc-fs-h3);line-height:var(--jdsc-lh-h3);margin-bottom:0}.bo-header p{margin-top:0;margin-bottom:0}.bo-user{align-items:center;gap:var(--jdsc-space-2);min-width:0;color:var(--color-text-muted);font-size:var(--jdsc-fs-sm);white-space:nowrap;display:inline-flex}.bo-user>span{text-overflow:ellipsis;min-width:0;display:grid;overflow:hidden}.bo-user strong{color:var(--color-text-strong);font-size:var(--jdsc-fs-xs);line-height:var(--jdsc-lh-xs)}.bo-user small{color:var(--color-text-muted);font-size:var(--jdsc-fs-xs);line-height:var(--jdsc-lh-xs);text-overflow:ellipsis;overflow:hidden}.bo-account{align-items:center;gap:var(--jdsc-space-2);min-width:0;display:flex}.bo-notification-header-link{gap:6px;min-width:0;position:relative}.bo-notification-header-link strong,.bo-nav-badge{border-radius:var(--radius-pill);min-width:20px;height:20px;color:var(--color-text-inverse);background:var(--color-danger);justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.bo-nav-badge.warning{color:var(--color-warning-strong);background:var(--color-warning-soft)}.bo-nav-badge.danger{color:var(--color-text-inverse);background:var(--color-danger)}.bo-layout{grid-template-columns:var(--backoffice-sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.bo-workspace{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:100vh;display:grid}.bo-sidebar{z-index:20;height:100vh;padding:0 var(--jdsc-space-3) var(--jdsc-space-4);border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;align-self:start;display:flex;position:sticky;top:0;overflow:hidden}.bo-nav-brand-row{flex:0 0 var(--backoffice-header-height);justify-content:space-between;align-items:center;gap:var(--jdsc-space-2);border-bottom:1px solid var(--color-border-soft);margin:0 calc(var(--jdsc-space-3) * -1) var(--jdsc-space-3);padding:0 var(--jdsc-space-4);display:flex}.bo-nav-brand{align-items:center;gap:var(--jdsc-space-3);min-width:0;color:var(--color-text-strong);text-decoration:none;display:inline-flex}.bo-nav-brand-mark{border-radius:var(--radius-sm);flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;overflow:hidden}.bo-nav-brand-mark img{width:100%;height:100%;display:block}.bo-nav-brand>span:last-child{gap:1px;min-width:0;display:grid}.bo-nav-brand strong{font-size:var(--jdsc-fs-body);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.bo-nav-brand small{color:var(--color-text-muted);font-size:var(--jdsc-fs-xs);line-height:var(--jdsc-lh-xs)}.bo-nav-mobile-close{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-subtle);background:var(--color-surface);cursor:pointer;flex:0 0 36px;justify-content:center;align-items:center;padding:0;display:none}.bo-nav-group,.bo-nav-groups,.bo-nav-group-items{gap:var(--jdsc-space-1);display:grid}.bo-nav-group-items[hidden]{display:none}.bo-nav-groups{gap:var(--jdsc-space-4);min-height:0;padding:0 var(--jdsc-space-1) var(--jdsc-space-4) 0;scrollbar-width:thin;flex:auto;overflow-y:auto}.bo-nav-group-toggle{justify-content:space-between;align-items:center;gap:var(--jdsc-space-2);width:100%;min-height:28px;padding:var(--jdsc-space-1) var(--jdsc-space-2);color:var(--color-text-muted);font:inherit;font-size:var(--jdsc-fs-xs);font-weight:var(--jdsc-fw-bold);cursor:pointer;background:0 0;border:0;display:flex}.bo-nav-group-toggle svg{transition:transform var(--jdsc-dur-fast) var(--jdsc-ease);flex:none}.bo-nav-group-toggle svg.expanded{transform:rotate(180deg)}.bo-nav-group-toggle:hover{color:var(--color-text-strong)}.bo-nav-group-toggle:disabled{cursor:default}.bo-nav-search{margin-bottom:var(--jdsc-space-4);flex:none;display:block;position:relative}.bo-nav-search input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-width:0;min-height:38px;padding:var(--jdsc-space-2) 36px var(--jdsc-space-2) 34px;color:var(--color-text-strong);background:var(--color-surface);font:inherit}.bo-nav-search-icon{top:50%;left:var(--jdsc-space-3);color:var(--color-text-placeholder);pointer-events:none;position:absolute;transform:translateY(-50%)}.bo-nav-search input:focus{border-color:var(--color-brand);box-shadow:var(--jdsc-shadow-focus);outline:0}.bo-nav-search button{top:50%;right:var(--jdsc-space-2);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;transform:translateY(-50%)}.bo-nav-link{justify-content:space-between;align-items:center;gap:var(--jdsc-space-2);min-height:38px;padding:var(--jdsc-space-2) var(--jdsc-space-3);border-radius:var(--radius-sm);color:var(--color-text-subtle);font-size:var(--jdsc-fs-sm);font-weight:var(--jdsc-fw-semibold);text-decoration:none;transition:background-color .12s,color .12s;display:flex}.bo-nav-link-label{align-items:center;gap:var(--jdsc-space-2);min-width:0;display:flex}.bo-nav-link-label svg{color:var(--color-text-muted);flex:none}.bo-nav-link.active .bo-nav-link-label svg{color:currentColor}.bo-nav-link:hover{color:var(--color-text-strong);background:var(--color-surface-muted)}.bo-nav-link.active,.bo-nav-link.active:hover{color:var(--color-text-inverse);background:var(--color-brand)}.bo-nav-link.active .bo-nav-badge{color:var(--color-text-strong);background:var(--color-surface)}.bo-nav-empty,.bo-sidebar-loading{color:var(--color-text-muted);font-size:var(--jdsc-fs-sm)}.bo-nav-backdrop,button.bo-nav-mobile-trigger{display:none}.bo-menu-icon{gap:3px;width:16px;display:grid}.bo-menu-icon span{border-radius:var(--radius-pill);background:currentColor;height:1.5px;display:block}.bo-content{min-width:0;padding:var(--jdsc-space-6);background:var(--color-page-background)}@media (max-width:760px),(max-width:1024px) and (max-height:640px){.bo-header{align-items:center;gap:var(--jdsc-space-2);min-height:56px;padding:0 var(--jdsc-space-4);flex-direction:row}.bo-header-main{flex:0 auto;width:auto}.bo-header-main h1{font-size:var(--jdsc-fs-h3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button.bo-nav-mobile-trigger{width:var(--jdsc-touch-target-min);height:var(--jdsc-touch-target-min);border-color:#0000;flex:none;padding:0;display:inline-flex}.bo-nav-trigger-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bo-account{flex:none;width:auto;margin-left:auto}.bo-user{display:none}.bo-notification-header-link{width:var(--jdsc-touch-target-min);min-height:var(--jdsc-touch-target-min);padding:0}.bo-notification-header-link strong{position:absolute;top:-5px;right:-5px}.bo-notification-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bo-layout{grid-template-columns:1fr}.bo-sidebar{z-index:80;border-right:1px solid var(--color-border);width:min(88vw,340px);height:100dvh;padding:0 var(--jdsc-space-3) var(--jdsc-space-4);box-shadow:var(--jdsc-shadow-3);visibility:hidden;transition:transform var(--jdsc-dur-base) var(--jdsc-ease), visibility 0s linear var(--jdsc-dur-base);position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-105%)}.bo-sidebar.mobile-open{visibility:visible;transition-delay:0s;transform:translate(0)}.bo-nav-mobile-close{width:var(--jdsc-touch-target-min);height:var(--jdsc-touch-target-min);flex-basis:var(--jdsc-touch-target-min);display:inline-flex}.bo-nav-backdrop{z-index:70;background:color-mix(in srgb, var(--color-overlay-strong) 63%, transparent);cursor:pointer;opacity:0;pointer-events:none;border:0;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.bo-nav-backdrop.visible{opacity:1;pointer-events:auto}.bo-nav-link{min-height:var(--jdsc-touch-target-min);white-space:normal}.bo-content{padding:var(--jdsc-space-5) var(--jdsc-space-4)}}
:root{--backoffice-brand:#25324a;--backoffice-brand-hover:#1b2436;--backoffice-brand-deep:#132037;--backoffice-brand-soft:#25324a17;--backoffice-brand-outline:#25324a2e;--backoffice-brand-inverse-soft:#ffffff12;--backoffice-brand-inverse-hover:#ffffff1c;--backoffice-brand-inverse-border:#ffffff2e;--backoffice-brand-inverse-muted:#ffffffad;--backoffice-header-height:64px;--backoffice-sidebar-width:240px;--backoffice-content-max:1600px;--color-brand:var(--backoffice-brand);--color-brand-hover:var(--backoffice-brand-hover);--color-brand-soft:var(--backoffice-brand-soft);--color-brand-outline:var(--backoffice-brand-outline);--jdsc-shadow-focus:0 0 0 3px #25324a38}*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--jdsc-font-sans);color:var(--color-text-strong);background:var(--color-page-background);margin:0}h1{margin:0 0 16px;font-size:32px;line-height:1.2}p{max-width:680px;line-height:1.6}a{color:inherit}.bo-inline-link{color:var(--color-text-strong);font-weight:var(--jdsc-fw-bold);text-decoration:underline;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:3px}.bo-inline-link:hover{color:var(--color-brand-hover);text-decoration-color:currentColor}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,input,select{font:inherit}.modal-form textarea:focus{border-color:#111827;outline:0;box-shadow:0 0 0 3px #1118271a}.modal-form input,.modal-form select{width:100%;min-height:44px;font:inherit;border:1px solid #c5ccd8;border-radius:8px;padding:10px 12px}.form-section{gap:12px;min-width:0;display:grid}.bo-form-section{border-bottom:1px solid #e6ebf1;padding-bottom:20px}.bo-form-section:last-of-type{border-bottom:0}.section-heading{gap:4px;display:grid}.section-heading h2,.bo-form-section h2{font-size:20px}.field-stack{gap:8px;min-width:0;display:grid}.form-row{grid-template-columns:120px minmax(0,1fr);gap:12px;min-width:0;display:grid}.form-row>*{min-width:0}.bo-form-section>.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-item{align-items:center;gap:8px;font-weight:400;display:flex}.checkbox-item input{width:auto;min-height:auto}.upload-panel{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;gap:8px;min-width:0;padding:16px;display:grid}.file-input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.drop-zone{transition:border-color .12s,background-color .12s}.drop-zone.active{background:#f3f4f6;border-color:#111827}.image-upload-box{background:#fff;border:1px solid #dde3eb;border-radius:8px;gap:12px;min-width:0;max-width:100%;padding:12px;display:grid;position:relative;overflow:hidden}.image-upload-box-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.upload-state{gap:2px;min-width:0;display:grid}.upload-state strong,.image-upload-item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.upload-state span,.image-upload-item>div span{color:#6b7280;font-size:13px}.upload-button{cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-weight:700;display:inline-flex}.upload-button:hover{background:#eef2f7;border-color:#94a3b8}.image-upload-empty{color:#6b7280;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;place-items:center;min-height:120px;font-size:14px;display:grid}.image-upload-list{gap:8px;min-width:0;max-width:100%;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.image-upload-item{cursor:grab;background:#f8fafc;border:1px solid #dde3eb;border-radius:8px;flex:0 0 144px;align-content:start;gap:8px;padding:8px;display:grid;position:relative}.image-upload-item.primary{background:#f3f4f6;border-color:#111827;box-shadow:inset 0 0 0 2px #111827}.image-upload-item:active{cursor:grabbing}.image-upload-item.compact{grid-template-columns:1fr}.image-preview-wrap{width:100%;height:96px;display:grid;position:relative}.primary-image-badge{z-index:1;color:#fff;background:#111827;border:1px solid #ffffffd9;border-radius:8px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:6px;left:6px;box-shadow:0 2px 8px #0000003d}.image-upload-item>div{gap:2px;min-width:0;display:grid}.image-preview,.image-placeholder{background:#f3f4f6;border:1px solid #dde3eb;border-radius:8px;width:100%;height:96px}.image-preview{object-fit:cover}.image-placeholder{color:#6b7280;place-items:center;font-size:13px;font-weight:700;display:grid}.image-remove-button{color:#111827;cursor:pointer;background:#fff;border:1px solid #dde3eb;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:4px;right:4px}.image-remove-button:hover{background:#f3f4f6}.form-actions.compact{border-top:0;justify-content:flex-start;padding-top:0}.table-main-text{font-weight:700}.table-sub-text{color:#6b7280;margin-top:3px;font-size:12px;display:block}.product-list-thumb,.product-list-thumb-placeholder{background:#f8fafc;border:1px solid #dde3eb;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.product-list-thumb{object-fit:cover}.product-list-thumb-placeholder{color:#6b7280;flex:none;font-size:12px;font-weight:700}.pagination-row{justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.bo-queue-navigation{justify-content:space-between;align-items:center;gap:var(--jdsc-space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--jdsc-space-2);background:var(--color-surface);display:flex}.bo-queue-navigation .button{gap:var(--jdsc-space-1)}.bo-queue-position{color:var(--color-text-muted);font-size:var(--jdsc-fs-sm);font-weight:var(--jdsc-fw-bold)}.bo-queue-navigation-actions{gap:var(--jdsc-space-2);display:flex}.pagination-summary{color:var(--color-text-muted);font-size:var(--jdsc-fs-sm);white-space:nowrap}.pagination-actions,.pagination-pages{align-items:center;gap:var(--jdsc-space-2);display:flex}.pagination-pages .button.active{border-color:var(--color-action-dark);color:var(--color-text-inverse);background:var(--color-action-dark)}.bo-status-tabs{gap:var(--jdsc-space-2);max-width:100%;padding:0 0 var(--jdsc-space-2);display:flex;overflow-x:auto}.bo-status-tab{align-items:center;gap:var(--jdsc-space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:38px;color:var(--color-text-muted);background:var(--color-surface);font-size:var(--jdsc-fs-sm);font-weight:var(--jdsc-fw-bold);white-space:nowrap;padding:8px 12px;text-decoration:none;display:inline-flex}.bo-status-tab:hover{border-color:var(--color-border-strong);color:var(--color-text-strong)}.bo-status-tab.active{border-color:var(--color-action-dark);color:var(--color-text-inverse);background:var(--color-action-dark)}.bo-status-tab span{font-variant-numeric:tabular-nums}.button.disabled,.button.disabled:hover{cursor:not-allowed;opacity:.55;background:#fff}.form-help{color:#6b7280;max-width:none;margin:0;font-size:13px;line-height:1.5}.form-help.banner-ratio-warning{color:var(--color-warning-strong);font-weight:var(--jdsc-fw-bold)}.segmented-control{background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:fit-content;display:inline-flex;overflow:hidden}.segmented-control button{color:#374151;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:0;border-right:1px solid #cbd5e1;padding:8px 14px;font-weight:800}.segmented-control button:last-child{border-right:0}.segmented-control button[aria-selected=true]{color:#fff;background:#111827}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:840px}th,td{padding:var(--jdsc-space-3) var(--jdsc-space-4);border-bottom:1px solid var(--color-border-soft);text-align:left;font-size:var(--jdsc-fs-sm);vertical-align:top}th{color:var(--color-text-muted);background:var(--color-panel);font-size:var(--jdsc-fs-sm);font-weight:var(--jdsc-fw-extra)}.table-checkbox-cell{text-align:center;width:44px;padding-right:8px}.table-checkbox-cell input{accent-color:#111827;width:16px;height:16px}tbody tr{transition:background-color var(--jdsc-dur-fast) var(--jdsc-ease)}tbody tr:hover{background:var(--color-panel)}tbody tr:focus-within{background:var(--color-surface-muted)}tbody tr[aria-selected=true]{background:var(--color-brand-soft)}tbody tr[aria-selected=true]:hover,tbody tr[aria-selected=true]:focus-within{filter:brightness(.98)}.empty-text{color:#6b7280;margin:0;padding:24px}.section-heading.compact{margin-bottom:0}.error-panel{background:#fff;border:1px solid #dde3eb;border-radius:8px;gap:12px;width:min(100% - 40px,680px);margin:32px auto;padding:24px;display:grid}.error-panel h2,.error-panel p{margin:0}.error-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.button{border-radius:var(--radius-sm);min-height:40px;padding:var(--jdsc-space-2) var(--jdsc-space-4);font-size:var(--jdsc-fs-sm);font-weight:var(--jdsc-fw-bold);cursor:pointer;transition:background-color var(--jdsc-dur-fast) var(--jdsc-ease), border-color var(--jdsc-dur-fast) var(--jdsc-ease), color var(--jdsc-dur-fast) var(--jdsc-ease);border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button.primary{color:var(--color-text-inverse);background:var(--color-brand)}.button.primary:hover{background:var(--color-brand-hover)}.button.secondary{border-color:var(--color-border);color:var(--color-text-strong);background:var(--color-surface)}.button.secondary:hover{border-color:var(--color-border-strong);background:var(--color-panel)}.button.compact{min-height:32px;padding:var(--jdsc-space-1) var(--jdsc-space-2);font-size:var(--jdsc-fs-xs)}@media (max-width:760px),(max-width:1024px) and (max-height:640px){.button,.button.compact{min-height:var(--jdsc-touch-target-min)}}.button:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:0}.button:disabled{cursor:not-allowed;opacity:.7}.button[aria-busy=true]{cursor:wait}.form-actions{border-top:1px solid #e6ebf1;justify-content:flex-end;gap:8px;padding-top:18px;display:flex}.form-message{margin:4px 0 0;font-size:14px}.form-message.error{color:#b91c1c}.form-label{color:#374151;font-size:14px;font-weight:700}.text-link{color:#4b5563;margin-top:8px;font-size:14px}.table-link{color:#111827;font-weight:700;text-decoration:none}.table-link:hover{text-underline-offset:3px;text-decoration:underline}.table-actions{flex-wrap:wrap;gap:6px;display:flex}.bo-action-menu{min-width:112px}.bo-action-menu>summary{list-style:none}.bo-action-menu>summary::-webkit-details-marker{display:none}.bo-action-menu[open]>summary{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.bo-action-menu-panel{gap:var(--jdsc-space-2);margin-top:var(--jdsc-space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--jdsc-space-2);background:var(--color-surface);box-shadow:var(--jdsc-shadow-1);display:grid}.bo-action-menu-panel .button{width:100%}.button.danger{color:var(--color-danger)}.button.danger:hover{border-color:var(--color-danger);background:var(--color-danger-soft)}.button.danger.solid{color:var(--color-text-inverse);background:var(--color-danger-fill)}.button.danger.solid:hover{color:var(--color-text-inverse);background:var(--color-danger-strong);filter:brightness(.9);border-color:#0000}.bo-detail-page{gap:16px;display:grid}.bo-detail-card{background:#fff;border:1px solid #dde3eb;border-radius:8px;gap:14px;padding:20px;display:grid}.bo-detail-card label{gap:6px;font-weight:700;display:grid}.bo-detail-card input,.bo-detail-card select,.bo-detail-card textarea{width:100%;min-height:42px;font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px}.bo-detail-card textarea{resize:vertical}.bo-audit-card .section-heading{align-items:start;gap:var(--jdsc-space-3);grid-template-columns:minmax(0,1fr) auto}.bo-audit-card .section-heading h2,.bo-audit-card .section-heading p{margin:0}.bo-audit-card .section-heading>span{color:var(--color-text-muted);font-size:var(--jdsc-fs-sm);font-weight:var(--jdsc-fw-bold)}.bo-audit-timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.bo-audit-timeline li{gap:var(--jdsc-space-3);padding-bottom:var(--jdsc-space-4);grid-template-columns:16px minmax(0,1fr);display:grid;position:relative}.bo-audit-timeline li:not(:last-child):before{background:var(--color-border);content:"";width:1px;position:absolute;top:12px;bottom:0;left:7px}.bo-audit-timeline li:last-child{padding-bottom:0}.bo-audit-marker{z-index:1;border:2px solid var(--color-surface);background:var(--color-action-dark);width:9px;height:9px;box-shadow:0 0 0 1px var(--color-border-strong);border-radius:50%;margin:4px 0 0 3px;position:relative}.bo-audit-timeline li>div{gap:var(--jdsc-space-1);min-width:0;display:grid}.bo-audit-timeline strong{color:var(--color-text-strong);font-size:var(--jdsc-fs-sm)}.bo-audit-timeline span,.bo-audit-timeline p{color:var(--color-text-muted);font-size:var(--jdsc-fs-sm);overflow-wrap:anywhere;margin:0;line-height:1.5}.bo-unsaved-changes{border:1px solid var(--color-warning);border-radius:var(--radius-sm);padding:var(--jdsc-space-3) var(--jdsc-space-4);color:var(--color-text-strong);background:var(--color-warning-soft);font-size:var(--jdsc-fs-sm);font-weight:var(--jdsc-fw-bold);margin:0}.attribute-summary{flex-wrap:wrap;gap:8px;display:flex}.attribute-chip{background:#f9fafb;border:1px solid #d8dde6;border-radius:8px;align-items:center;min-height:30px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.empty-text.compact{padding:0}.modal-backdrop{z-index:50;padding:var(--jdsc-space-5);background:color-mix(in srgb, var(--color-overlay-strong) 63%, transparent);place-items:center;display:grid;position:fixed;inset:0}.modal-panel{width:min(100%,520px);max-height:calc(100dvh - (var(--jdsc-space-5) * 2));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--jdsc-shadow-3);overflow-y:auto}.modal-form{gap:var(--jdsc-space-4);padding:var(--jdsc-space-5);display:grid}.modal-form h2{color:var(--color-text-strong);font-size:var(--jdsc-fs-h2);margin:0}.modal-form label{gap:var(--jdsc-space-2);font-weight:700;display:grid}.modal-form textarea{width:100%;min-height:140px;padding:var(--jdsc-space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font:inherit;resize:vertical}.modal-target{gap:var(--jdsc-space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--jdsc-space-3);color:var(--color-text-strong);background:var(--color-surface-muted);display:grid}.modal-target span,.action-dialog-heading>span{color:var(--color-text-muted);font-size:var(--jdsc-fs-xs);font-weight:var(--jdsc-fw-bold)}.modal-target strong{overflow-wrap:anywhere}.action-dialog.danger{border-top:4px solid var(--color-danger)}.action-dialog-heading{gap:var(--jdsc-space-1);display:grid}.modal-description{color:var(--color-text-muted);font-size:var(--jdsc-fs-sm);line-height:var(--jdsc-lh-sm);margin:0}.required-mark{border-radius:var(--radius-pill);width:fit-content;padding:2px var(--jdsc-space-2);color:var(--color-danger);background:var(--color-danger-soft);font-size:var(--jdsc-fs-xs)}.field-count{color:var(--color-text-muted);font-size:var(--jdsc-fs-xs);justify-self:end}.modal-actions{justify-content:flex-end;gap:var(--jdsc-space-2);border-top:1px solid var(--color-border);padding-top:var(--jdsc-space-4);display:flex}.action-dialog .modal-actions{z-index:1;margin-right:calc(var(--jdsc-space-5) * -1);margin-bottom:calc(var(--jdsc-space-5) * -1);margin-left:calc(var(--jdsc-space-5) * -1);padding:var(--jdsc-space-4) var(--jdsc-space-5) var(--jdsc-space-5);background:var(--color-surface);position:sticky;bottom:0}.bo-action-feedback{top:var(--jdsc-space-3);z-index:30;border-radius:var(--radius-md);padding:var(--jdsc-space-3) var(--jdsc-space-4);font-size:var(--jdsc-fs-sm);font-weight:var(--jdsc-fw-bold);box-shadow:var(--jdsc-shadow-1);border:1px solid;margin:0;position:sticky}.bo-action-feedback.success{border-color:var(--color-success);color:var(--color-success);background:var(--color-surface)}.bo-action-feedback.error{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-surface)}@media (max-width:760px),(max-width:1024px) and (max-height:640px){.form-row,.bo-form-section>.form-row{grid-template-columns:1fr}th,td{padding:var(--jdsc-space-3);font-size:var(--jdsc-fs-sm)}.pagination-row{flex-direction:column;align-items:stretch}.pagination-summary{text-align:center}.pagination-actions{max-width:100%;padding-bottom:var(--jdsc-space-1);overflow-x:auto}.bo-queue-navigation{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.bo-queue-position{text-align:right}.bo-queue-list-link{width:fit-content}.bo-queue-navigation-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bo-queue-navigation-actions .button{width:100%}}