/* Live record screens: approved navy/teal workspace tokens.
   Keep the v18 list/detail/mobile structure; source: measurement-analysis-review/preview/measurement-workspace.html.
   A single row becomes a card on mobile; actions and record IDs are not duplicated. */
#xf3.records-screen{--record-paper:var(--db-paper,#fff);--record-soft:var(--db-soft,#edf0f4);--record-line:var(--db-line,#dce1e7);--record-ink:var(--db-ink,#29303a);--record-muted:var(--db-muted,#68727f);--record-accent:var(--product-accent,#69d7d1);--record-on-accent:var(--product-on-accent,#103332);--record-navy:var(--product-navy,#aec9f2);--record-on-navy:#152b45;--record-bg:var(--product-bg,#121a27);--record-warn:var(--product-warn,#ffd18a);--record-warn-soft:var(--product-warn-soft,#463620);--record-danger:var(--product-danger,#ffb9c3);--record-danger-soft:var(--product-danger-soft,#442835);--record-accent-soft:var(--product-accent-soft,#173e40);color:var(--record-ink);font:400 14px/1.6 "Pretendard","Malgun Gothic",sans-serif;min-width:0}
#xf3.records-screen #xonic-pages{min-width:0}
#xf3.records-screen h1{font-size:28px;line-height:1.4;font-weight:500;letter-spacing:-.025em;margin:0 0 6px;overflow-wrap:anywhere}
#xf3.records-screen h2{font-size:18px;line-height:1.5;font-weight:500;margin:22px 0 12px}
#xf3.records-screen h3{font-size:15px;font-weight:500;margin:16px 0 8px}
#xf3.records-screen p{margin:8px 0;overflow-wrap:anywhere}
#xf3.records-screen strong{font-weight:500}
#xf3.records-screen .record-page-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px}
#xf3.records-screen .record-page-top .fw-toolbar{margin:0}
#xf3.records-screen .record-intro{font-size:12px;color:var(--record-muted);margin:0}
#xf3.records-screen .record-eyebrow{font-size:11px;letter-spacing:.1em;color:var(--record-accent);margin:0 0 6px}
#xf3.records-screen :is(h1,h2,h3){color:var(--record-navy)}
#xf3.records-screen .record-detail-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 18px;font-size:12px;color:var(--record-muted)}
#xf3.records-screen .fw-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:14px 0}
#xf3.records-screen :is(button,input,select,textarea){font:inherit;max-width:100%;border:1px solid var(--record-line);border-radius:7px;color:var(--record-ink);background:var(--record-paper);min-width:0}
#xf3.records-screen :is(button,input,select){min-height:38px;padding:8px 10px}
#xf3.records-screen button{cursor:pointer;line-height:1.4;overflow-wrap:anywhere}
#xf3.records-screen button:hover:not(:disabled){background:var(--record-bg);border-color:var(--record-accent)}
#xf3.records-screen :is(button.primary,form>.fw-toolbar>button:not([type]),form>button:not([type])){background:var(--record-accent);color:var(--record-on-accent);border-color:var(--record-accent)}
#xf3.records-screen button.primary:hover:not(:disabled),#xf3.records-screen form>.fw-toolbar>button:not([type]):hover{background:color-mix(in srgb,var(--record-accent) 88%,var(--record-ink))}
#xf3.records-screen button:disabled{opacity:.45;cursor:default}
#xf3.records-screen :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--record-accent);outline-offset:3px}
#xf3.records-screen input[type=checkbox]{width:16px;height:16px;min-height:0;padding:0;accent-color:var(--record-accent);flex:none}
#xf3.records-screen :is(input,select,textarea){width:100%}
#xf3.records-screen textarea{padding:10px;min-height:100px;resize:vertical}
#xf3.records-screen label{display:grid;gap:5px;font-size:12px;min-width:0}
#xf3.records-screen label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:8px;font-size:12px}
#xf3.records-screen label:has(input[type=checkbox]) input{margin-top:3px;width:16px}
#xf3.records-screen .fw-form{display:grid;gap:14px;margin-top:14px}
#xf3.records-screen .notice{padding:11px 13px;background:var(--record-soft);border:1px solid var(--record-line);border-radius:6px;margin:12px 0;font-size:12px;overflow-wrap:anywhere}
#xf3.records-screen .notice[role=alert]{background:var(--record-danger-soft);color:var(--record-danger);border-color:var(--record-danger)}
#xf3.records-screen .fw-meta{font-size:12px;color:var(--record-muted);line-height:1.75;overflow-wrap:anywhere}
#xf3.records-screen .fw-copy{overflow-wrap:anywhere;word-break:break-all}
#xf3.records-screen .record-filters{display:block;background:var(--record-bg);border:1px solid var(--record-line);border-radius:7px;padding:14px;margin:0 0 16px}
#xf3.records-screen :is(.record-filter-main,.record-filter-extra){display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
#xf3.records-screen :is(.record-filter-main,.record-filter-extra)>label{flex:1 1 130px}
#xf3.records-screen .record-filter-main>label:first-child{flex:2 1 220px}
#xf3.records-screen .record-filter-main>button{flex:none}
#xf3.records-screen .record-advanced{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--record-line)}
#xf3.records-screen .record-advanced summary{font-size:12px;color:var(--record-muted);cursor:pointer;padding:2px 0}
#xf3.records-screen .record-filter-extra{padding-top:12px}
#xf3.records-screen .record-period-filters{margin-top:12px;border-top:1px solid var(--record-line)}
#xf3.records-screen .record-scope-tabs{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:14px;border-bottom:1px solid var(--record-line)}
#xf3.records-screen .record-scope-tabs button{border:0;border-radius:5px 5px 0 0;background:transparent;padding:9px 18px;min-height:40px;color:var(--record-muted);border-bottom:2px solid transparent}
#xf3.records-screen .record-scope-tabs button[aria-pressed=true]{background:var(--record-navy);color:var(--record-on-navy);border-color:var(--record-navy);border-radius:7px;font-weight:500}
#xf3.records-screen .record-list-count{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:16px 0 12px;font-size:12px}
#xf3.records-screen .record-list-count>span{color:var(--record-muted);font-size:11px}
#xf3.records-screen .record-list{border:1px solid var(--record-line);border-radius:7px;background:var(--record-paper);overflow:hidden;min-height:180px}
#xf3.records-screen :is(.record-table-head,.record-row.file-row){display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.1fr) minmax(0,.8fr) minmax(0,1.5fr) 52px;gap:12px;align-items:start;padding:14px;margin:0;border:0;border-bottom:1px solid var(--record-line);min-width:0}
#xf3.records-screen .record-table-head{background:var(--record-bg);font-size:12px;color:var(--record-muted);padding-top:11px;padding-bottom:11px;align-items:center}
#xf3.records-screen .record-row.file-row:last-child{border-bottom:0}
#xf3.records-screen .record-row.file-row:hover{background:var(--record-soft)}
#xf3.records-screen .record-row>*{min-width:0;overflow-wrap:anywhere}
#xf3.records-screen .record-row>.record-button{justify-self:end;min-height:31px;padding:6px 9px;font-size:12px}
#xf3.records-screen .record-title{display:grid;gap:5px}
#xf3.records-screen .record-title a{display:grid;gap:3px;color:var(--record-ink);text-decoration:none}
#xf3.records-screen .record-title a:hover strong{text-decoration:underline;text-underline-offset:3px}
#xf3.records-screen .record-title small{font-size:12px;color:var(--record-muted)}
#xf3.records-screen .record-title strong{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
#xf3.records-screen .record-state{display:flex;flex-wrap:wrap;align-content:start;align-items:center;gap:6px}
#xf3.records-screen .record-state>.fw-meta{flex-basis:100%}
#xf3.records-screen .record-badge{display:inline-block;width:fit-content;padding:2px 6px;border-radius:3px;background:var(--record-soft);color:var(--record-muted);font-size:12px;line-height:1.65}
#xf3.records-screen .record-badge:is([data-state=PARTIAL],[data-state=PARTIAL_FAILURE],[data-state=AWAITING_VERIFICATION]){background:var(--record-warn-soft);color:var(--record-warn)}
#xf3.records-screen .record-badge:is([data-state=IN_PROGRESS],[data-state=INVESTIGATING]){background:var(--record-soft);color:var(--record-navy)}
#xf3.records-screen .record-badge:is([data-state=RECEIVED],[data-state=CONFIRMED],[data-state=RESOLVED]){background:var(--record-accent-soft);color:var(--record-accent)}
#xf3.records-screen .record-badge:is([data-state=FAILED],[data-state=LOCKED]){background:var(--record-danger-soft);color:var(--record-danger)}
#xf3.records-screen :is([data-diag=delete],[data-log=delete]){color:var(--record-danger);border-color:var(--record-danger)}
#xf3.records-screen .record-priority{font-size:12px;color:var(--record-muted)}
#xf3.records-screen .record-priority:is([data-priority=URGENT],[data-priority=HIGH]){color:var(--record-danger)}
#xf3.records-screen .record-check{flex-basis:100%;color:var(--record-muted)}
#xf3.records-screen .diagnostics-list :is(.record-table-head,.record-row.file-row){grid-template-columns:95px minmax(0,2fr) minmax(0,1.25fr) minmax(0,1.7fr) 52px}
#xf3.records-screen .measurements-list :is(.record-table-head,.record-row.file-row){grid-template-columns:minmax(0,1.8fr) minmax(0,1.25fr) minmax(0,1.6fr) minmax(0,1.4fr) 52px}
#xf3.records-screen .issues-list :is(.record-table-head,.record-row.file-row){grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr) minmax(0,.6fr) minmax(0,.85fr) minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr);gap:10px}
#xf3.records-screen .record-number a{font-size:12px;color:var(--record-muted);text-decoration:none}
#xf3.records-screen .record-number a:hover{text-decoration:underline}
#xf3.records-screen .issues-list .record-title>.record-button{justify-self:start;min-height:27px;padding:4px 8px;font-size:11px}
#xf3.records-screen .record-empty{display:grid;align-content:center;min-height:180px;padding:25px;text-align:center;color:var(--record-muted)}
#xf3.records-screen .record-empty .notice{background:transparent;border:0;margin:0}
#xf3.records-screen .record-pagination{justify-content:flex-end;font-size:12px;gap:10px;margin:18px 0 0}
#xf3.records-screen .report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
#xf3.records-screen .report-metrics button{display:grid;gap:5px;text-align:left;padding:14px;background:var(--record-paper);border:1px solid var(--record-line);border-radius:7px}
#xf3.records-screen .report-metrics strong{font-size:30px;line-height:1.3;color:var(--record-ink);font-variant-numeric:tabular-nums}
#xf3.records-screen .report-metrics button[aria-pressed=true]{border-color:var(--record-accent);box-shadow:inset 0 0 0 1px var(--record-accent);background:var(--record-accent-soft)}
#xf3.records-screen dl{margin:18px 0;background:var(--record-paper);border:1px solid var(--record-line);border-radius:7px;overflow:hidden}
#xf3.records-screen dl>div{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,3fr);gap:14px;border-bottom:1px solid var(--record-line);padding:13px 16px}
#xf3.records-screen dl>div:last-child{border-bottom:0}
#xf3.records-screen dt{color:var(--record-muted);font-size:12px}
#xf3.records-screen dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
#xf3.records-screen details:not(.record-advanced){margin:16px 0}
#xf3.records-screen summary{cursor:pointer;overflow-wrap:anywhere}
#xf3.records-screen :is(#diag-extra,#issue-extra,#log-extra){border-top:1px solid var(--record-line);margin-top:20px;padding-top:2px}
#xf3.records-screen :is(#diag-extra,#issue-extra,#log-extra):empty{display:none}
#xf3.records-screen .verify-item{display:block;padding:12px 0;border-bottom:1px solid var(--record-line);overflow-wrap:anywhere}
#xf3.records-screen .verify-item>.record-button{margin:5px 6px 0 0}
#xf3.records-screen .report-raw{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:11px/1.8 monospace;background:var(--record-soft);padding:12px;border-radius:5px}
#xf3.records-screen .report-events{display:grid;gap:12px;margin:14px 0}
#xf3.records-screen .report-event{border-left:2px solid var(--record-line);padding-left:12px;font-size:12px}
#xf3.records-screen .report-notes{border-top:1px solid var(--record-line);padding:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#xf3.records-screen .record-drop{display:grid;gap:7px;text-align:center;border:1px dashed var(--record-muted);background:var(--record-bg);border-radius:6px;padding:24px 15px;margin:16px 0}
#xf3.records-screen .record-drop>span{font-size:12px;color:var(--record-muted)}
#xf3.records-screen .record-drop input{margin-top:8px;background:var(--record-paper);padding:10px}
#xf3.records-screen .record-upload-card.verify-item{display:block;border:1px solid var(--record-line);border-radius:6px;padding:14px;margin:12px 0;background:var(--record-paper)}
#xf3.records-screen .record-upload-card>label{margin:10px 0}
#xf3.records-screen .record-upload-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
#xf3.records-screen .record-upload-context>label:has(textarea),#xf3.records-screen .record-upload-context>label:last-child{grid-column:1/-1}
#xf3.records-screen .record-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(465px,540px);gap:18px;align-items:start}
#xf3.records-screen .record-context{min-width:0}
#xf3.records-screen .record-context-heading{margin-bottom:18px}
#xf3.records-screen .record-context-heading h2{font-size:23px;margin:0 0 6px;line-height:1.4}
#xf3.records-screen .record-context-heading p{font-size:12px;color:var(--record-muted);margin:0}
#xf3.records-screen .record-context-list{background:var(--record-paper);border:1px solid var(--record-line);border-radius:7px;overflow:hidden}
#xf3.records-screen .record-context-item{display:grid;gap:5px;padding:14px;border-bottom:1px solid var(--record-line);font-size:14px;color:var(--record-ink);text-decoration:none;overflow-wrap:anywhere}
#xf3.records-screen .record-context-item:last-child{border-bottom:0}
#xf3.records-screen .record-context-item:is(:hover,[aria-current=true]){background:var(--record-soft)}
#xf3.records-screen .record-context-item[aria-current=true]{box-shadow:inset 3px 0 var(--record-accent)}
#xf3.records-screen .record-context-item :is(small,span){font-size:12px;color:var(--record-muted)}
#xf3.records-screen .record-context-return{display:inline-block;padding:8px 10px;border:1px solid var(--record-line);border-radius:7px;color:var(--record-ink);background:var(--record-paper);font-size:12px;text-decoration:none}
#xf3.records-screen .record-detail-pane{min-width:0;background:var(--record-paper);border:1px solid var(--record-line);border-radius:7px;padding:22px;box-shadow:-5px 0 18px rgb(35 45 58 / 4%)}
#xf3.records-screen .record-detail-pane>.fw-toolbar:first-child{margin-top:0;padding-bottom:14px;border-bottom:1px solid var(--record-line)}
#xf3.records-screen .record-detail-pane h1{font-size:20px}
#xf3.records-screen .record-detail-pane h2{font-size:18px}
#xf3.records-screen .record-detail-pane dl{border-left:0;border-right:0;border-radius:0}
#xf3.records-screen .record-detail-pane dl>div{grid-template-columns:1fr;gap:5px;padding:12px 0}
dialog:has(.records-screen){width:min(850px,calc(100vw - 32px));padding:24px;border:1px solid var(--product-line,#384b64);border-radius:9px;background:var(--product-paper,#1b2637);color:var(--product-ink,#edf4ff)}
dialog:has(.records-screen)::backdrop{background:rgb(0 0 0 / 28%)}
dialog #xf3.records-screen #xonic-pages>h2:first-child{margin-top:0;padding-bottom:12px;border-bottom:1px solid var(--record-line)}
@media(max-width:1000px){#xf3.records-screen .record-detail-layout{grid-template-columns:minmax(0,1fr)}#xf3.records-screen .record-context{display:none}#xf3.records-screen .record-detail-pane{padding:20px;box-shadow:none}}
@media(max-width:700px){
 #xf3.records-screen .record-page-top{display:block;margin-bottom:18px}
 #xf3.records-screen .record-page-top .fw-toolbar{margin-top:12px}
 #xf3.records-screen .record-filters{padding:12px}
 #xf3.records-screen .record-filter-main>label:first-child{flex-basis:100%}
 #xf3.records-screen :is(.record-filter-main,.record-filter-extra)>label{flex:1 1 120px}
 #xf3.records-screen .record-filter-main>button{flex-basis:100%}
 #xf3.records-screen .record-table-head{display:none!important}
 #xf3.records-screen :is(.record-row.file-row,.diagnostics-list .record-row.file-row,.issues-list .record-row.file-row,.measurements-list .record-row.file-row){grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:14px}
 #xf3.records-screen .record-row>.record-title{grid-column:1;grid-row:1}
 #xf3.records-screen .record-row>.record-button{grid-column:2;grid-row:1;align-self:start}
 #xf3.records-screen .record-row>:not(.record-title,.record-button){grid-column:1/-1}
 #xf3.records-screen .record-state{display:flex;gap:7px}
 #xf3.records-screen .record-check{flex-basis:auto}
 #xf3.records-screen .record-title strong{font-size:14px}
 #xf3.records-screen .record-owner{font-size:12px;color:var(--record-muted)}
 #xf3.records-screen .record-owner:before{content:'담당 · '}
 #xf3.records-screen .record-impact:before{content:'영향 · '}
 #xf3.records-screen .record-updated:before{content:'갱신 · '}
 #xf3.records-screen .issues-list .record-row>.record-title{grid-column:1/-1;grid-row:auto}
 #xf3.records-screen .record-row .fw-meta{font-size:12px}
 #xf3.records-screen .report-metrics{grid-template-columns:1fr;gap:8px}
 #xf3.records-screen .report-metrics button{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px}
 #xf3.records-screen .report-metrics .fw-meta{grid-column:1;grid-row:2}
 #xf3.records-screen .report-metrics strong{grid-column:2;grid-row:1/3;font-size:23px}
 #xf3.records-screen dl>div{grid-template-columns:1fr;gap:5px;padding:12px}
 #xf3.records-screen .record-detail-pane{padding:14px}
 #xf3.records-screen .record-upload-context{grid-template-columns:1fr}
 #xf3.records-screen :is(input,select,textarea){font-size:16px}
 dialog:has(.records-screen){width:calc(100vw - 24px);padding:18px 14px;border-radius:7px}
}
@media(pointer:coarse){#xf3.records-screen :is(button,.record-context-return,summary){min-height:44px}#xf3.records-screen summary{display:list-item;align-content:center;padding:9px 0}#xf3.records-screen .record-row>.record-button,#xf3.records-screen .issues-list .record-title>.record-button{min-height:44px}}