.bo-dashboard{width:min(100%, var(--backoffice-content-max));gap:var(--jdsc-space-3);margin:0 auto;display:grid}.bo-dashboard :where(time,strong){font-variant-numeric:tabular-nums}.bo-dashboard-warning{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);border-left-width:4px}.bo-dashboard-warning ul{gap:var(--jdsc-space-1);margin:var(--jdsc-space-1) 0 0;padding-left:var(--jdsc-space-5);display:grid}.bo-dashboard-priority{border-radius:var(--radius-sm);padding:var(--jdsc-space-4);color:var(--color-text-inverse);background:var(--backoffice-brand-deep);overflow:hidden}.bo-dashboard-priority-heading,.bo-dashboard-priority-heading>div,.bo-dashboard-priority-item-label,.bo-dashboard-section-heading,.bo-dashboard-content-qa-head,.bo-dashboard-content-qa-table>a{align-items:center;display:flex}.bo-dashboard-priority-heading{justify-content:space-between;gap:var(--jdsc-space-3);min-height:32px;margin-bottom:var(--jdsc-space-3)}.bo-dashboard-priority-heading>div{gap:var(--jdsc-space-4);min-width:0}.bo-dashboard-priority-heading h2,.bo-dashboard-priority-group h3,.bo-dashboard-section-heading h2{margin:0}.bo-dashboard-priority-heading h2{font-size:var(--jdsc-fs-h3);line-height:var(--jdsc-lh-h3)}.bo-dashboard-priority-heading time{color:var(--backoffice-brand-inverse-muted);font-size:var(--jdsc-fs-xs)}.bo-dashboard-refresh{justify-content:center;align-items:center;gap:var(--jdsc-space-1);border:1px solid var(--backoffice-brand-inverse-border);border-radius:var(--radius-sm);min-height:30px;padding:0 var(--jdsc-space-2);color:var(--color-text-inverse);font-size:var(--jdsc-fs-xs);font-weight:var(--jdsc-fw-semibold);background:0 0;text-decoration:none;display:inline-flex}.bo-dashboard-priority-layout{gap:var(--jdsc-space-3);grid-template-columns:minmax(260px,.92fr) minmax(420px,1.55fr) minmax(190px,.58fr);display:grid}.bo-dashboard-priority-group,.bo-dashboard-oldest{border:1px solid var(--backoffice-brand-inverse-border);border-radius:var(--radius-sm);background:var(--backoffice-brand-inverse-soft);min-width:0}.bo-dashboard-priority-group{gap:var(--jdsc-space-2);padding:var(--jdsc-space-3);display:grid}.bo-dashboard-priority-group h3{color:var(--backoffice-brand-inverse-muted);font-size:var(--jdsc-fs-xs);line-height:var(--jdsc-lh-xs)}.bo-dashboard-priority-items{gap:var(--jdsc-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bo-dashboard-priority-group:nth-child(2) .bo-dashboard-priority-items{grid-template-columns:repeat(3,minmax(0,1fr))}.bo-dashboard-priority-item{gap:var(--jdsc-space-2);border:1px solid var(--backoffice-brand-inverse-border);border-radius:var(--radius-sm);min-width:0;min-height:70px;padding:var(--jdsc-space-2) var(--jdsc-space-3);color:var(--color-text-inverse);transition:background-color var(--jdsc-dur-fast) var(--jdsc-ease);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;text-decoration:none;display:grid;position:relative}.bo-dashboard-priority-item:hover,.bo-dashboard-oldest:hover{background:var(--backoffice-brand-inverse-hover)}.bo-dashboard-priority-item-label{gap:var(--jdsc-space-2);min-width:0;color:var(--backoffice-brand-inverse-muted);font-size:var(--jdsc-fs-xs)}.bo-dashboard-priority-item-label>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bo-dashboard-priority-item-label svg{flex:none}.bo-dashboard-priority-item-label i{border-radius:var(--radius-pill);background:var(--color-warning);flex:none;width:6px;height:6px}.bo-dashboard-priority-item-label i.danger{background:var(--color-danger)}.bo-dashboard-priority-item>strong{align-self:end;font-size:20px;line-height:1}.bo-dashboard-priority-item>svg{color:var(--backoffice-brand-inverse-muted);grid-area:2/2;align-self:end}.bo-dashboard-oldest{align-content:center;gap:var(--jdsc-space-1);min-height:106px;padding:var(--jdsc-space-3) var(--jdsc-space-4);color:var(--color-text-inverse);text-decoration:none;display:grid;position:relative}.bo-dashboard-oldest>span,.bo-dashboard-oldest small{color:var(--backoffice-brand-inverse-muted);font-size:var(--jdsc-fs-xs)}.bo-dashboard-oldest strong{color:var(--color-warning);font-size:27px;line-height:1.1}.bo-dashboard-oldest>svg{right:var(--jdsc-space-3);bottom:var(--jdsc-space-3);color:var(--backoffice-brand-inverse-muted);position:absolute}.bo-dashboard-metrics{gap:var(--jdsc-space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.bo-dashboard-metric{align-items:center;gap:var(--jdsc-space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;min-height:102px;padding:var(--jdsc-space-4);color:var(--color-text-strong);background:var(--color-surface);transition:border-color var(--jdsc-dur-fast) var(--jdsc-ease);grid-template-columns:36px minmax(0,1fr);text-decoration:none;display:grid}.bo-dashboard-metric:hover{border-color:var(--color-border-strong)}.bo-dashboard-metric-icon{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-brand);background:var(--color-panel);justify-content:center;align-items:center;display:inline-flex}.bo-dashboard-metric.warning .bo-dashboard-metric-icon,.bo-dashboard-metric.warning .bo-dashboard-metric-copy strong{color:var(--color-warning-strong)}.bo-dashboard-metric.danger .bo-dashboard-metric-icon,.bo-dashboard-metric.danger .bo-dashboard-metric-copy strong{color:var(--color-danger)}.bo-dashboard-metric.info .bo-dashboard-metric-icon,.bo-dashboard-metric.info .bo-dashboard-metric-copy strong{color:var(--color-info)}.bo-dashboard-metric-copy{gap:2px;min-width:0;display:grid}.bo-dashboard-metric-label,.bo-dashboard-metric-copy>span:last-child{color:var(--color-text-muted);font-size:var(--jdsc-fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bo-dashboard-metric-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:23px;line-height:1.25;overflow:hidden}.bo-dashboard-workspace{gap:var(--jdsc-space-3);grid-template-columns:minmax(0,2.05fr) minmax(292px,.82fr);align-items:stretch;display:grid}.bo-dashboard-queue{flex-direction:column;min-height:100%;display:flex}.bo-dashboard-queue>.bo-dashboard-state{flex:1;place-items:center;display:grid}.bo-dashboard-rail{gap:var(--jdsc-space-3);display:grid}.bo-dashboard-surface{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-width:0;overflow:hidden}.bo-dashboard-section-heading{justify-content:space-between;gap:var(--jdsc-space-3);border-bottom:1px solid var(--color-border);min-height:48px;padding:0 var(--jdsc-space-4)}.bo-dashboard-section-heading h2{font-size:var(--jdsc-fs-body);line-height:var(--jdsc-lh-body)}.bo-dashboard-section-heading>:where(span,a){color:var(--color-text-muted);font-size:var(--jdsc-fs-xs);text-decoration:none}.bo-dashboard-queue-tabs{border-bottom:1px solid var(--color-border-soft);max-width:100%;padding:var(--jdsc-space-2) var(--jdsc-space-4);display:flex;overflow-x:auto}.bo-dashboard-queue-tabs :where(span,a){align-items:center;gap:var(--jdsc-space-2);border:1px solid var(--color-border);min-height:34px;padding:0 var(--jdsc-space-3);color:var(--color-text-muted);background:var(--color-surface);font-size:var(--jdsc-fs-xs);white-space:nowrap;border-right:0;text-decoration:none;display:inline-flex}.bo-dashboard-queue-tabs :where(span,a):first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.bo-dashboard-queue-tabs :where(span,a):last-child{border-right:1px solid var(--color-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.bo-dashboard-queue-tabs .summary{border-color:var(--color-brand);color:var(--color-text-inverse);background:var(--color-brand)}.bo-dashboard-queue-tabs a:hover{color:var(--color-brand);background:var(--color-brand-soft)}.bo-dashboard-table-wrap{max-width:100%;overflow-x:auto}.bo-dashboard-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:810px}.bo-dashboard-table th,.bo-dashboard-table td{border-bottom:1px solid var(--color-border-soft);height:44px;padding:var(--jdsc-space-2) var(--jdsc-space-3);color:var(--color-text-muted);text-align:left;vertical-align:middle;font-size:12px}.bo-dashboard-table th{height:36px;color:var(--color-text-muted);background:var(--color-panel);font-size:var(--jdsc-fs-xs);font-weight:var(--jdsc-fw-semibold)}.bo-dashboard-table th:first-child{width:14%}.bo-dashboard-table th:nth-child(2){width:23%}.bo-dashboard-table th:nth-child(3),.bo-dashboard-table th:nth-child(4){width:15%}.bo-dashboard-table th:nth-child(5){width:11%}.bo-dashboard-table th:nth-child(6){width:10%}.bo-dashboard-table th:nth-child(7){width:12%}.bo-dashboard-table tbody tr:hover{background:var(--color-panel)}.bo-dashboard-table tbody tr.oldest{background:var(--color-warning-soft)}.bo-dashboard-table tbody tr:last-child td{border-bottom:0}.bo-dashboard-kind,.bo-dashboard-waiting-status{border-radius:var(--radius-sm);min-height:24px;padding:0 var(--jdsc-space-2);color:var(--color-text-subtle);background:var(--color-surface-muted);font-size:var(--jdsc-fs-xs);font-weight:var(--jdsc-fw-semibold);white-space:nowrap;align-items:center;display:inline-flex}.bo-dashboard-kind.info{color:var(--color-info);background:var(--color-info-soft)}.bo-dashboard-kind.danger{color:var(--color-danger);background:var(--color-danger-soft)}.bo-dashboard-target a{color:var(--color-text-strong);font-weight:var(--jdsc-fw-semibold);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;display:block;overflow:hidden}.bo-dashboard-table strong.warning,.bo-dashboard-panel strong.warning,.bo-dashboard-content-qa-table .warning{color:var(--color-warning-strong)}.bo-dashboard-panel strong.danger{color:var(--color-danger)}.bo-dashboard-content-qa-table .success{color:var(--color-success)}.bo-dashboard-waiting-status{color:var(--color-warning-strong);background:var(--color-warning-soft)}.bo-dashboard-waiting-status.reviewing{color:var(--color-info);background:var(--color-info-soft)}.bo-dashboard-action-cell{text-align:right}.bo-dashboard-row-action{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:30px;padding:0 var(--jdsc-space-3);color:var(--color-text-strong);background:var(--color-surface);font-size:var(--jdsc-fs-xs);font-weight:var(--jdsc-fw-semibold);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.bo-dashboard-row-action:hover{border-color:var(--color-border-strong);background:var(--color-panel)}.bo-dashboard-panel ul{margin:0;padding:0;list-style:none;display:grid}.bo-dashboard-panel li a{align-items:center;gap:var(--jdsc-space-2);border-bottom:1px solid var(--color-border-soft);min-height:54px;padding:var(--jdsc-space-2) var(--jdsc-space-4);color:var(--color-text-strong);font-size:var(--jdsc-fs-sm);grid-template-columns:minmax(0,1fr) auto 16px;text-decoration:none;display:grid}.bo-dashboard-panel li:last-child a{border-bottom:0}.bo-dashboard-panel li a:hover,.bo-dashboard-content-qa-table>a:hover,.bo-dashboard-activity-list>:where(a,div):hover{background:var(--color-panel)}.bo-dashboard-panel li a>span{min-width:0;display:grid}.bo-dashboard-panel li small{color:var(--color-text-muted);font-size:var(--jdsc-fs-xs)}.bo-dashboard-panel li svg{color:var(--color-text-placeholder)}.bo-dashboard-content-qa-head,.bo-dashboard-content-qa-table>a{gap:var(--jdsc-space-2);grid-template-columns:minmax(0,1.15fr) .65fr minmax(105px,1fr) 16px;display:grid}.bo-dashboard-content-qa-head{min-height:32px;padding:0 var(--jdsc-space-4);color:var(--color-text-muted);background:var(--color-panel);font-size:var(--jdsc-fs-xs);grid-template-columns:minmax(0,1.15fr) .65fr minmax(105px,1fr)}.bo-dashboard-content-qa-table>a{border-top:1px solid var(--color-border-soft);min-height:58px;padding:var(--jdsc-space-2) var(--jdsc-space-4);color:var(--color-text-muted);font-size:var(--jdsc-fs-xs);text-decoration:none}.bo-dashboard-content-qa-table>a>strong{color:var(--color-text-strong);font-size:var(--jdsc-fs-sm)}.bo-dashboard-activity-list{display:grid}.bo-dashboard-activity-list>:where(a,div){align-items:center;gap:var(--jdsc-space-3);border-bottom:1px solid var(--color-border-soft);min-height:40px;padding:0 var(--jdsc-space-4);color:var(--color-text-muted);font-size:var(--jdsc-fs-xs);grid-template-columns:120px minmax(130px,.85fr) minmax(180px,1fr) minmax(210px,1.35fr) minmax(160px,1fr) 16px;text-decoration:none;display:grid}.bo-dashboard-activity-list>:where(a,div):last-child{border-bottom:0}.bo-dashboard-activity-list strong{color:var(--color-text-strong)}.bo-dashboard-activity-list span,.bo-dashboard-activity-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bo-dashboard-state{max-width:none;padding:var(--jdsc-space-8) var(--jdsc-space-4);color:var(--color-text-muted);font-size:var(--jdsc-fs-sm);text-align:center;margin:0}.bo-dashboard :where(a,button):focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:0}@media (max-width:1220px){.bo-dashboard-priority-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.bo-dashboard-oldest{grid-column:1/-1;min-height:82px}.bo-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.bo-dashboard-workspace{grid-template-columns:1fr}.bo-dashboard-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px),(max-width:1024px) and (max-height:640px){.bo-dashboard{gap:var(--jdsc-space-3)}.bo-dashboard-priority{padding:var(--jdsc-space-3)}.bo-dashboard-priority-heading{align-items:flex-start}.bo-dashboard-priority-heading>div{gap:2px;display:grid}.bo-dashboard-priority-layout{scroll-snap-type:x proximity;scrollbar-width:none;display:flex;overflow-x:auto}.bo-dashboard-priority-layout::-webkit-scrollbar{display:none}.bo-dashboard-priority-group{scroll-snap-align:start;flex:0 0 min(78vw,390px)}.bo-dashboard-priority-group:nth-child(2){flex-basis:min(90vw,430px)}.bo-dashboard-priority-group:nth-child(2) .bo-dashboard-priority-items{grid-template-columns:repeat(3,minmax(92px,1fr))}.bo-dashboard-oldest{scroll-snap-align:start;flex:0 0 min(58vw,250px);min-height:auto}.bo-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.bo-dashboard-metric{min-height:96px;padding:var(--jdsc-space-3);grid-template-columns:32px minmax(0,1fr)}.bo-dashboard-metric-icon{width:32px;height:32px}.bo-dashboard-metric-copy strong{font-size:20px}.bo-dashboard-rail{grid-template-columns:1fr}.bo-dashboard-queue-tabs{padding:var(--jdsc-space-2) var(--jdsc-space-3)}.bo-dashboard-refresh,.bo-dashboard-queue-tabs :where(span,a){min-height:var(--jdsc-touch-target-min)}.bo-dashboard-table-wrap{overflow:visible}.bo-dashboard-table,.bo-dashboard-table tbody,.bo-dashboard-table tr,.bo-dashboard-table td{width:100%;min-width:0;display:block}.bo-dashboard-table thead{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.bo-dashboard-table tbody tr{gap:var(--jdsc-space-2) var(--jdsc-space-3);border-bottom:1px solid var(--color-border);padding:var(--jdsc-space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.bo-dashboard-table tbody tr:last-child{border-bottom:0}.bo-dashboard-table td{border:0;height:auto;padding:0}.bo-dashboard-table td:first-child{grid-area:1/1}.bo-dashboard-table td:nth-child(2){grid-area:2/1}.bo-dashboard-table td:nth-child(3){color:var(--color-text-muted);grid-area:3/1}.bo-dashboard-table td:nth-child(4){display:none}.bo-dashboard-table td:nth-child(5){grid-area:4/1}.bo-dashboard-table td:nth-child(5):before{color:var(--color-text-placeholder);content:"대기 "}.bo-dashboard-table td:nth-child(6){grid-area:1/2}.bo-dashboard-table td:nth-child(7){grid-area:2/2/span 3;align-self:end}.bo-dashboard-row-action{min-width:60px;min-height:var(--jdsc-touch-target-min)}.bo-dashboard-activity-list>:where(a,div){gap:var(--jdsc-space-1) var(--jdsc-space-3);padding:var(--jdsc-space-3);grid-template-columns:minmax(0,1fr) auto}.bo-dashboard-activity-list time{grid-area:4/1}.bo-dashboard-activity-list strong{grid-area:1/1}.bo-dashboard-activity-list span:first-of-type{color:var(--color-text-strong);grid-area:2/1}.bo-dashboard-activity-list span:nth-of-type(2){grid-area:3/1}.bo-dashboard-activity-list span:nth-of-type(3){display:none}.bo-dashboard-activity-list svg{grid-area:1/2/span 4}}@media (max-width:520px){.bo-dashboard-metric{min-height:84px}}@media (max-width:360px){.bo-dashboard-metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.bo-dashboard *{scroll-behavior:auto;transition-duration:.01ms!important}}
