/* Static Digital component styles; no generated isolation bundle required. */
@scope (.report-detail-page) {
:scope { min-height: 100%; padding: 0; background: var(--digital-page-bg); color: var(--digital-text); }
.report-detail-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px 12px; background: var(--digital-surface); }
.report-detail-header h1 { margin: 4px 0 0; font-size: 1.45rem; }
.eyebrow,.card-label { color: var(--digital-text-muted); font-size: .7rem; letter-spacing: .045em; }
.report-detail-actions { display: flex; gap: 10px; }
.report-detail-tabs { padding: 0 22px; border-bottom: 1px solid var(--digital-border); background: var(--digital-surface); }
.report-detail-tabs span { display: inline-block; padding: 10px 4px; color: var(--digital-text); border-bottom: 2px solid var(--digital-text); font-size: .82rem; }
.report-detail-state { display: flex; place-content: center; align-items: center; gap: 10px; min-height: 320px; }
.report-detail-content { width: min(1080px, calc(100% - 32px)); display: grid; gap: 10px; margin: 42px auto; }
.report-overview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.report-overview-card,.report-collapse,.report-step-card { border: 1px solid var(--digital-border); border-radius: 8px; background: var(--digital-surface); box-shadow: 0 1px 2px rgb(15 23 42 / 3%); }
.report-overview-card { min-height: 170px; padding: 16px; }
dl { margin: 9px 0 0; }
dl div { display: flex; align-items: baseline; gap: 8px; min-height: 27px; }
dt { color: var(--digital-text-muted); }
dd { display: inline-flex; align-items: center; gap: 5px; margin: 0; color: var(--digital-text); overflow-wrap: anywhere; }
code { padding: 1px 5px; border-radius: 4px; background: var(--digital-surface-subtle); color: var(--digital-text); font-family: inherit; }
.report-state-icon { color: #2f6ff3; margin-right: 4px; vertical-align: middle; }
.report-state-icon.paused { color: #f3b61f; }
.report-state-icon.problem { color: var(--digital-error); }
.report-state-icon.failed { color: var(--digital-error); }
.report-state-icon.done { color: var(--digital-success); }
.report-state-icon.cancelled { color: #98a4b5; }
.report-step-total { display: block; margin-top: 8px; font-size: .86rem; }
.report-detail-progress { height: 4px; margin: 6px 0 7px; overflow: hidden; background: var(--digital-surface-subtle); }
.report-detail-progress i { display: block; height: 100%; background: #2f6ff3; }
.report-detail-progress.paused i { background: #e5a400; }
.report-detail-progress.problem i,.report-detail-progress.failed i { background: #e5484d; }
.report-detail-progress.done i { background: #35a66e; }
.mandatory-count { padding: 1px 5px; border-radius: 4px; background: var(--digital-secondary-soft); }.mandatory-mark { color: var(--digital-mandatory-text); font-size: 1.25rem; }
.failed-row dt,.failed-row dd { color: var(--digital-error); }
.report-collapse > button { width: 100%; min-height: 44px; display: flex; align-items: center; justify-content: flex-start; gap: 3px; padding: 0 15px; border: 0; background: transparent; color: var(--digital-text); font: inherit; font-size: .76rem; text-align: left; cursor: pointer; }
.report-information-list { padding: 15px; border-top: 1px solid var(--digital-border); }
.report-information-list div { min-height: 29px; }
.report-step-list { display: grid; gap: 10px; margin-top: 26px; }
.report-step-card { overflow: hidden; border-color: var(--digital-border); }
.report-step-summary { width: 100%; min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 15px; border: 0; background: var(--digital-surface); color: var(--digital-text); font: inherit; cursor: pointer; }
.report-step-name { display: flex; align-items: center; gap: 12px; text-align: left; }.report-step-name > span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 6px; background: var(--digital-primary-soft); }
.report-step-results { display: flex; align-items: center; gap: 24px; color: var(--digital-text-muted); font-size: .77rem; }.report-step-results > span { display: inline-flex; align-items: center; gap: 5px; }.report-step-results .failed { color: var(--digital-error); }.report-step-results .passed { color: var(--digital-text); }
.report-step-body { display: grid; gap: 14px; padding: 14px; border-top: 1px solid var(--digital-border); background: var(--digital-page-bg); }
.report-step-body .worker-interaction-list { gap: 16px; }
.report-step-body .checklist-interaction-shell.expanded { gap: 8px; }
.report-step-body .checklist-preview-control {
    margin: 0 0 0 52px;
    padding: 10px;
    border: 1px solid var(--digital-border);
    border-radius: 8px;
    background: var(--digital-surface-subtle);
    box-sizing: border-box;
}
.report-step-body .worker-interaction-row { border-radius: 8px; }
@media (max-width: 720px) {
    .report-step-body { padding: 10px; gap: 12px; }
    .report-step-body .checklist-preview-control { margin-left: 0; padding: 8px; }
}
@media (max-width: 720px) { .report-detail-header { padding: 14px 12px 10px; }.report-detail-content { width: calc(100% - 20px); margin: 20px auto; }.report-overview-grid { grid-template-columns: 1fr; }.report-step-summary { align-items: flex-start; flex-direction: column; }.report-step-results { width: 100%; justify-content: space-between; gap: 8px; flex-wrap: wrap; } }
}