/* ORIXON v5 product workspaces. Native tables/forms and data-pd hooks remain authoritative. */
.pd-demo {
 --pd-paper:var(--brand-paper,#efede6);--pd-ink:var(--brand-paper-text,#202923);--pd-mut:var(--brand-paper-muted,#59685e);--pd-line:var(--brand-paper-line,#c6ccc4);
 --pd-shell:var(--brand-surface,#1c211e);--pd-shell-bar:var(--brand-bg,#131614);--pd-shell-line:var(--brand-line,#39443d);--pd-shell-ink:var(--brand-text,#eeeae0);--pd-shell-mut:var(--brand-muted,#b2b8b0);
 --pd-action:var(--brand-action,#315f51);--pd-hover:var(--brand-action-hover,#244b40);--pd-radius:var(--brand-radius,3px);
 display:block;width:100%;color:var(--pd-shell-ink);font:15px/1.65 var(--brand-font,Pretendard,system-ui,sans-serif);text-align:left;word-break:keep-all;overflow-wrap:anywhere;
}
.pd-demo,.pd-demo *,.pd-demo *::before,.pd-demo *::after{box-sizing:border-box}
.pd-demo :where(p,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,figure,figcaption,table){margin:0;padding:0}
.pd-demo :where(ul,ol){list-style:none}.pd-demo :where(b,strong){font-weight:650}.pd-demo [hidden]{display:none!important}
.pd-demo :focus-visible{outline:3px solid var(--brand-action,#315f51);outline-offset:3px}
.pd-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.pd-demo .pd-demo__head{margin-bottom:28px;max-width:800px}.pd-demo .pd-eyebrow{font-size:12px;letter-spacing:.08em;color:var(--brand-muted,#b2b8b0)}
.pd-demo .pd-demo__title{margin-top:12px;font-size:clamp(26px,3vw,38px);line-height:1.35;letter-spacing:-.04em;color:var(--pd-shell-ink)}
.pd-demo .pd-demo__lede{margin-top:14px;color:var(--pd-shell-mut);font-size:16px;line-height:1.8;max-width:62ch}
.pd-demo .pd-badge{display:block;margin-top:16px;padding:0;border:0;background:none;font-size:12px;color:var(--pd-shell-mut)}
.pd-demo .pd-shell{width:100%;max-width:none;border:1px solid var(--pd-shell-line);border-radius:var(--pd-radius);overflow:hidden;background:var(--pd-shell);color:var(--pd-ink);box-shadow:none}
.pd-demo .pd-shell__bar{display:flex;align-items:center;gap:12px;min-height:68px;padding:16px 24px;border-bottom:1px solid var(--pd-shell-line);background:var(--pd-shell-bar);color:var(--pd-shell-ink)}
.pd-demo .pd-shell__bar .ob-product-mark{width:24px;height:24px;color:var(--brand-text,#eeeae0)}
.pd-demo .pd-shell__addr{flex:1;min-width:0;font-size:17px;letter-spacing:-.025em}.pd-demo .pd-shell__addr b{font-weight:400;color:var(--pd-shell-mut);margin-left:5px}
.pd-demo .pd-shell__meta{font-size:12px;color:var(--pd-shell-mut)}
.pd-demo .pd-shell__body{display:grid;grid-template-columns:190px minmax(0,1fr);padding:0;gap:0;align-items:stretch}
.pd-demo .pd-shell__body--stack{grid-template-columns:1fr}.pd-demo .pd-shell__foot{padding:13px 24px;border-top:1px solid var(--pd-shell-line);font-size:12px;color:var(--pd-shell-mut);background:var(--pd-shell-bar)}
.pd-demo .pd-rail{padding:26px 18px;border-right:1px solid var(--pd-shell-line);color:var(--pd-shell-mut);background:var(--pd-shell)}
.pd-demo .pd-rail__cap{font-size:13px;color:var(--pd-shell-ink)}.pd-demo .pd-rail__note{display:block;margin-top:5px;font-size:12px;color:var(--pd-shell-mut)}
.pd-demo .pd-rail__list{display:grid;gap:4px;margin-top:28px;list-style:none}.pd-demo .pd-rail__item{padding:12px 10px;font-size:14px;border:0;line-height:1.5}
.pd-demo .pd-rail__item.pd-is-current{background:var(--brand-raised,#252c27);color:var(--brand-text,#eeeae0);box-shadow:inset 3px 0 var(--brand-accent,#94b8aa)}
.pd-demo .pd-rail__foot{margin-top:64px;padding-top:20px;border-top:1px solid var(--pd-shell-line);font-size:12px;color:var(--pd-shell-mut)}.pd-demo .pd-rail__foot b{display:inline-block;margin-top:5px;font-size:14px;font-weight:500;color:var(--pd-shell-ink)}
.pd-demo .pd-main{min-width:0;padding:28px;background:var(--pd-paper);color:var(--pd-ink)}
.pd-demo .pd-workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--pd-line)}
.pd-demo .pd-workspace-heading p{font-size:12px;color:var(--pd-mut)}.pd-demo .pd-workspace-heading h3{margin-top:5px;font-size:24px;line-height:1.35;letter-spacing:-.035em;color:var(--pd-ink)}
.pd-demo .pd-workspace-heading>span{flex:none;font-size:12px;color:var(--pd-mut)}
.pd-demo .pd-tabs{display:flex;gap:24px;margin-bottom:28px;padding:0;border:0;border-bottom:1px solid var(--pd-line);background:none;border-radius:0;list-style:none}
.pd-demo .pd-tab{position:relative;min-height:var(--brand-control-h,44px);padding:12px 3px;border:0;border-radius:0;background:none;color:var(--pd-mut);font:600 15px/1.4 var(--brand-font,Pretendard,system-ui,sans-serif);cursor:pointer;box-shadow:none}
.pd-demo .pd-tab:hover{color:var(--pd-ink);background:none}.pd-demo .pd-tab[aria-selected="true"]{color:var(--pd-ink);box-shadow:inset 0 -3px var(--pd-action);background:none}
.pd-demo .pd-panel{min-width:0}.pd-demo .pd-panel:focus-visible{outline-offset:6px}
.pd-demo .pd-card{min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.pd-demo .pd-card+.pd-card{margin-top:32px}
.pd-demo .pd-card__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;padding:0 0 16px;border:0;background:none}
.pd-demo .pd-card__title{font-size:18px;line-height:1.5;font-weight:650;letter-spacing:-.025em;color:var(--pd-ink)}
.pd-demo .pd-card__note{font-size:12px;color:var(--pd-mut)}.pd-demo .pd-card__body{padding:0;min-width:0}
.pd-demo .pd-heading-unit{margin-left:7px;font-size:13px;font-weight:400;color:var(--pd-mut)}
.pd-demo .pd-grid{display:grid;gap:24px;min-width:0}.pd-demo .pd-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));margin:32px 0}.pd-demo .pd-grid--2>.pd-card{margin:0}.pd-demo .pd-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pd-demo .pd-field{display:flex;flex-direction:column;gap:8px;min-width:0}.pd-demo .pd-field--inline{max-width:430px;margin-bottom:24px}
.pd-demo .pd-label{font-size:13px;font-weight:600;color:var(--pd-ink)}.pd-demo .pd-unit{font-size:12px;color:var(--pd-mut)}
.pd-demo .pd-select,.pd-demo .pd-input{display:block;width:100%;min-width:0;min-height:var(--brand-control-h,44px);padding:10px 12px;border:1px solid var(--pd-line);border-radius:var(--pd-radius);background:#f8f7f2;color:var(--pd-ink);font:14px/1.5 var(--brand-font,Pretendard,system-ui,sans-serif);font-variant-numeric:tabular-nums;box-shadow:none}
.pd-demo .pd-select{padding-right:30px}.pd-demo .pd-select:hover,.pd-demo .pd-input:hover{border-color:var(--pd-mut)}
.pd-demo .pd-hint{font-size:12px;line-height:1.6;color:var(--pd-mut)}
.pd-demo .pd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}
.pd-demo .pd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--brand-control-h,44px);padding:11px 18px;border:1px solid var(--pd-line);border-radius:var(--pd-radius);font:600 14px/1.4 var(--brand-font,Pretendard,system-ui,sans-serif);text-align:center;cursor:pointer;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s}
.pd-demo .pd-btn--primary{background:var(--pd-action);border-color:var(--pd-action);color:#fff}.pd-demo .pd-btn--primary:hover:not(:disabled){background:var(--pd-hover);border-color:var(--pd-hover)}
.pd-demo .pd-btn--ghost{background:transparent;color:var(--pd-ink)}.pd-demo .pd-btn--ghost:hover:not(:disabled){background:#e2e4dc;border-color:var(--pd-mut)}
.pd-demo .pd-btn:disabled{background:#e1e2da;border-color:#c6ccc4;color:#697269;cursor:not-allowed;opacity:1}
.pd-demo .pd-status{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding:0;background:none;border:0;font-size:13px;color:var(--pd-mut)}
.pd-demo .pd-status__dot{flex:none;width:6px;height:6px;margin-top:8px;background:var(--pd-mut);border-radius:50%}.pd-demo .pd-status__text{min-width:0;line-height:1.65}
.pd-demo .pd-is-busy .pd-status__dot{background:var(--brand-warning,#996029)}.pd-demo .pd-is-done .pd-status__dot{background:var(--brand-success,#346e52)}.pd-demo .pd-status.pd-is-error{color:var(--brand-danger,#a13f3c)}.pd-demo .pd-is-error .pd-status__dot{background:var(--brand-danger,#a13f3c)}
.pd-demo .pd-progress{display:block;height:3px;margin-top:12px;overflow:hidden;background:var(--pd-line)}.pd-demo .pd-progress__bar{display:block;width:40%;height:100%;background:var(--pd-action);animation:pd-run 1s linear infinite}
@keyframes pd-run{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
.pd-demo .pd-results{margin-top:32px;padding-top:24px;border-top:1px solid var(--pd-line)}.pd-demo .pd-results__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-bottom:18px}.pd-demo .pd-results__label{font-size:18px;font-weight:650}.pd-demo .pd-results__meta{font-size:12px;color:var(--pd-mut)}
.pd-demo .pd-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:20px 0}.pd-demo .pd-kpis--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pd-demo .pd-kpi{display:flex;flex-direction:column;gap:6px;min-width:0;padding:0 16px;border:0;border-left:1px solid var(--pd-line);background:none;border-radius:0}.pd-demo .pd-kpi:first-child{padding-left:0;border-left:0}
.pd-demo .pd-kpi__label{font-size:13px;color:var(--pd-mut)}.pd-demo .pd-kpi__value{font-size:clamp(19px,2vw,25px);line-height:1.3;font-weight:550;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:var(--pd-ink)}.pd-demo .pd-kpi__sub{font-size:12px;color:var(--pd-mut)}
.pd-demo .pd-table__wrap{max-width:100%;overflow:auto;overscroll-behavior-x:contain;border-top:1px solid var(--pd-line);border-bottom:1px solid var(--pd-line)}
.pd-demo .pd-table{width:100%;margin:0;border:0;border-collapse:collapse;background:none;font-size:14px;line-height:1.5;white-space:normal}
.pd-demo .pd-table :is(th,td){padding:14px 12px;border:0;border-bottom:1px solid var(--pd-line);background:none;color:var(--pd-ink);vertical-align:middle;text-align:left;font-variant-numeric:tabular-nums}
.pd-demo .pd-table thead th{padding-top:11px;padding-bottom:11px;background:#e5e6de;color:var(--pd-mut);font-size:12px;font-weight:600;white-space:nowrap}
.pd-demo .pd-table tbody th{font-weight:550}.pd-demo .pd-table tbody tr:last-child>*{border-bottom:0}.pd-demo .pd-table--numeric :is(th:not(:first-child),td){text-align:right}
.pd-demo .pd-table tbody tr:hover{background:#e7e9e1}.pd-demo .pd-cellsub{display:block;margin-top:3px;color:var(--pd-mut);font-size:12px}
.pd-demo .pd-chip{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;border-radius:0;background:none;font-size:12px;white-space:nowrap;color:var(--pd-mut)}.pd-demo .pd-chip::before{content:"";width:5px;height:5px;flex:none;background:currentColor;border-radius:50%}
.pd-demo .pd-chip--run,.pd-demo .pd-chip--done{color:var(--brand-success,#346e52)}.pd-demo .pd-chip--wait{color:var(--brand-warning,#996029)}.pd-demo .pd-chip--hold{color:var(--brand-danger,#a13f3c)}
.pd-demo .pd-meter{display:block;height:5px;background:#d5dbd0;overflow:hidden}.pd-demo .pd-meter__fill{display:block;height:100%;background:var(--pd-action);transition:width .2s}
.pd-demo .pd-meterline{display:grid;grid-template-columns:auto minmax(70px,1fr) auto;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--pd-line);font-size:13px;color:var(--pd-mut)}.pd-demo .pd-meterline__value{font-variant-numeric:tabular-nums;color:var(--pd-ink)}
.pd-demo .pd-quotas{list-style:none}.pd-demo .pd-quota{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,1fr);align-items:center;gap:9px 18px;padding:17px 0;border-bottom:1px solid var(--pd-line)}.pd-demo .pd-quota:first-child{padding-top:12px}.pd-demo .pd-quota__name{font-size:14px}.pd-demo .pd-quota__num{grid-column:2;text-align:right;font-size:12px;color:var(--pd-mut);font-variant-numeric:tabular-nums}
.pd-demo .pd-note{margin-top:18px;font-size:12px;line-height:1.8;color:var(--pd-mut)}.pd-demo .pd-panel>.pd-note{margin-top:24px}.pd-demo .pd-empty{padding:24px 0;font-size:14px;color:var(--pd-mut)}
.pd-demo .pd-chart{margin:0}.pd-demo .pd-chart__svg{display:block;width:100%;height:auto;max-height:280px}.pd-demo .pd-chart__grid line{stroke:var(--pd-line);stroke-width:1}.pd-demo .pd-chart__ylab text,.pd-demo .pd-chart__xlab text{fill:var(--pd-mut);font:12px var(--brand-font,Pretendard,system-ui,sans-serif)}.pd-demo .pd-chart__ylab text{text-anchor:end}.pd-demo .pd-chart__xlab text{text-anchor:middle}.pd-demo .pd-chart__area{fill:var(--pd-action);opacity:.06}.pd-demo .pd-chart__line{fill:none;stroke:var(--pd-action);stroke-width:2.5;stroke-linejoin:round}.pd-demo .pd-chart__dots circle{fill:var(--pd-paper);stroke:var(--pd-action);stroke-width:2}.pd-demo .pd-chart__dots .pd-chart__dot--last{fill:var(--pd-action)}.pd-demo .pd-chart__cap{margin-top:12px;font-size:12px;line-height:1.7;color:var(--pd-mut)}
@media(max-width:1050px){.pd-demo .pd-shell__body{grid-template-columns:150px minmax(0,1fr)}.pd-demo .pd-main{padding:24px}.pd-demo .pd-grid--3{grid-template-columns:1fr}.pd-demo .pd-grid--2{grid-template-columns:1fr}.pd-demo .pd-grid--2>.pd-card+.pd-card{margin-top:12px}.pd-demo .pd-kpis--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.pd-demo .pd-kpi:nth-child(odd){border:0;padding-left:0}}
@media(max-width:760px){.pd-demo .pd-shell__body{grid-template-columns:1fr}.pd-demo .pd-rail{padding:12px 20px;border-right:0;border-bottom:1px solid var(--pd-shell-line)}.pd-demo .pd-rail__cap,.pd-demo .pd-rail__foot{display:none}.pd-demo .pd-rail__list{display:flex;flex-wrap:wrap;gap:2px 12px;margin:0}.pd-demo .pd-rail__item{padding:8px 0;font-size:12px}.pd-demo .pd-rail__item.pd-is-current{box-shadow:none;background:none;color:var(--brand-text,#eeeae0);text-decoration:underline;text-underline-offset:6px}.pd-demo .pd-shell__meta{max-width:115px;text-align:right}.pd-demo .pd-workspace-heading{align-items:flex-start}.pd-demo .pd-workspace-heading h3{font-size:22px}.pd-demo .pd-table{min-width:470px}}
@media(max-width:430px){.pd-demo .pd-shell__bar{padding:16px}.pd-demo .pd-shell__addr{font-size:16px}.pd-demo .pd-shell__meta{font-size:12px;max-width:95px}.pd-demo .pd-main{padding:22px 16px}.pd-demo .pd-workspace-heading{display:block}.pd-demo .pd-workspace-heading>span{display:block;margin-top:8px}.pd-demo .pd-actions{display:grid;grid-template-columns:1fr 1fr}.pd-demo .pd-actions .pd-btn:last-child{grid-column:1/-1}.pd-demo .pd-btn{padding:11px 12px}.pd-demo .pd-kpi{padding-right:0}.pd-demo .pd-kpi__value{font-size:21px}.pd-demo .pd-meterline{grid-template-columns:1fr auto}.pd-demo .pd-meterline__label{grid-column:1/-1}.pd-demo .pd-shell__foot{padding:13px 16px}}
@media(prefers-reduced-motion:reduce){.pd-demo .pd-progress__bar{animation:none;width:100%;opacity:.5}.pd-demo .pd-meter__fill,.pd-demo .pd-btn{transition:none}}