/* Check documents (October 2026): examine a presentation against an established LC. Colours come from the theme variables. */
body { margin: 0; background: var(--bg-secondary, #F3F5F8); color: var(--text-primary, #1A1A1A); font-family: var(--font-body, 'Montserrat'), 'Segoe UI', sans-serif; }
[hidden] { display: none !important; }
#cdApp { max-width: 1440px; margin: 0 auto; padding: 24px 32px 48px; display: flex; flex-direction: column; gap: 16px; box-sizing: border-box; }
#cdApp *, #cdApp *::before, #cdApp *::after { box-sizing: border-box; }
#cdApp .cd-head { display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
#cdApp .cd-head h1 { margin: 0; font-size: 24px; color: var(--primary); }
#cdApp .cd-head p { margin: 4px 0 0; color: var(--text-secondary, #5B6470); font-size: 14px; max-width: 72ch; }
#cdApp .cd-grow { flex: 1; }
#cdApp .cd-note { margin: 0; font-size: 12px; color: var(--text-secondary, #5B6470); line-height: 1.5; }
#cdApp .cd-step { display: flex; flex-direction: column; gap: 16px; }

/* steps */
#cdApp .cd-steps { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; counter-reset: s; }
#cdApp .cd-steps li { counter-increment: s; display: flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px; font-size: 12px; font-weight: 600; color: var(--text-secondary, #5B6470); background: #fff; border: 1px solid #E3E6EA; }
#cdApp .cd-steps li::before { content: counter(s); display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #EEF1F4; font-size: 11px; }
#cdApp .cd-steps li.on { color: var(--primary); border-color: var(--primary); }
#cdApp .cd-steps li.on::before { background: var(--primary); color: #fff; }
#cdApp .cd-steps li.done::before { content: '✓'; background: #E5F5EC; color: #12784A; }

/* cards and layouts */
#cdApp .cd-card { background: #fff; border: 1px solid #E3E6EA; border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
#cdApp .cd-card.cd-flush { padding: 0; gap: 0; }
#cdApp .cd-pad { padding: 14px 16px 6px; }
#cdApp .cd-card h3, #cdApp .cd-docs h3 { margin: 0; font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--text-secondary, #5B6470); }
#cdApp .cd-card h4 { margin: 4px 0 0; font-size: 12px; font-weight: 700; }
#cdApp #cdLcDetail h3 { font-size: 18px; letter-spacing: 0; text-transform: none; color: var(--primary); }
#cdApp .cd-pick, #cdApp .cd-upload { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 16px; align-items: start; }
#cdApp .cd-cols { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; align-items: start; }
#cdApp .cd-side { display: flex; flex-direction: column; gap: 16px; }
#cdApp .cd-row-gap { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#cdApp .cd-lcbar { padding: 10px 16px; font-size: 13px; }
#cdApp .cd-kv { display: grid; grid-template-columns: 140px 1fr; gap: 6px 10px; margin: 0; font-size: 13px; }
#cdApp .cd-kv dt { color: var(--text-secondary, #5B6470); }
#cdApp .cd-kv dd { margin: 0; font-weight: 600; }
#cdApp .cd-ol { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 13px; }

/* inputs and buttons (override the workspace theme) */
#cdApp .cd-input { font: inherit; font-size: 13px !important; padding: 8px 10px !important; border: 1px solid #CDD3DA !important; border-radius: 8px !important; background: #fff !important; color: inherit; min-height: 0 !important; height: auto !important; }
#cdApp .cd-input:focus { outline: 2px solid var(--primary); outline-offset: 0; border-color: var(--primary) !important; }
#cdApp .cd-field { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; }
#cdApp .cd-btn { all: unset; display: inline-flex !important; align-items: center; gap: 6px; height: 34px; padding: 0 14px !important; border-radius: 8px !important; border: 1px solid #CDD3DA !important; background: #fff !important; color: #3A424C !important; font-weight: 600 !important; font-size: 13px !important; cursor: pointer; white-space: nowrap; box-shadow: none !important; }
#cdApp .cd-btn:hover { border-color: var(--primary) !important; color: var(--primary) !important; }
#cdApp .cd-btn.primary { background: var(--primary) !important; border-color: var(--primary) !important; color: #fff !important; }
#cdApp .cd-btn.primary:hover { background: var(--primary-hover, var(--primary)) !important; color: #fff !important; }
#cdApp .cd-btn[disabled] { opacity: .45; pointer-events: none; }
#cdApp .cd-btn:focus-visible, #cdApp .cd-link:focus-visible, #cdApp .cd-icon:focus-visible { outline: 2px solid var(--primary); outline-offset: 1px; }
#cdApp .cd-link { all: unset; color: var(--primary) !important; font-weight: 600; font-size: 12px; cursor: pointer; background: none !important; border: 0 !important; padding: 0 !important; height: auto !important; box-shadow: none !important; }
#cdApp .cd-link:hover { text-decoration: underline; }
#cdApp .cd-icon { all: unset; display: inline-flex !important; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 6px; color: #5B6470; cursor: pointer; background: none !important; border: 0 !important; padding: 0 !important; }
#cdApp .cd-icon:hover { background: #EEF1F4 !important; color: var(--primary); }

/* tables */
#cdApp .cd-tablewrap { overflow-x: auto; }
#cdApp .cd-table { width: 100%; border-collapse: collapse; font-size: 13px; }
#cdApp .cd-table th { text-align: left; font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--text-secondary, #5B6470); padding: 8px 10px; border-bottom: 1px solid #E3E6EA; white-space: nowrap; background: #FAFBFC; }
#cdApp .cd-table td { padding: 10px; border-bottom: 1px solid #F0F2F4; vertical-align: top; }
#cdApp .cd-table .num { white-space: nowrap; }
#cdApp #cdLcTable tbody tr { cursor: pointer; }
#cdApp #cdLcTable tbody tr:hover { background: #F7F9FB; }
#cdApp #cdLcTable tbody tr.sel { background: color-mix(in srgb, var(--primary) 8%, white); box-shadow: inset 3px 0 0 var(--primary); }
#cdApp #cdLcTable tbody tr:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }

/* upload */
#cdApp .cd-drop { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 36px 16px; border: 2px dashed #CDD3DA; border-radius: 12px; text-align: center; cursor: pointer; color: var(--text-secondary, #5B6470); font-size: 13px; }
#cdApp .cd-drop i { font-size: 34px; color: var(--primary); }
#cdApp .cd-drop b { color: var(--text-primary, #1A1A1A); font-size: 15px; }
#cdApp .cd-drop.over, #cdApp .cd-drop:hover { border-color: var(--primary); background: color-mix(in srgb, var(--primary) 4%, white); }
#cdApp .cd-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }
#cdApp .cd-files { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
#cdApp .cd-files li { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 8px; background: #F7F9FB; font-size: 13px; }
#cdApp .cd-files li span:first-of-type { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cdApp .cd-files .mdi-file-pdf-box { color: #C4320A; font-size: 18px; }
#cdApp .cd-stagebar { display: flex; gap: 6px; list-style: none; margin: 4px 0 6px; padding: 0; }
#cdApp .cd-stagebar li { flex: 1; font-size: 11px; font-weight: 600; color: var(--text-secondary, #5B6470); padding-top: 8px; border-top: 4px solid #E3E6EA; }
#cdApp .cd-stagebar li.done { border-color: #12B76A; }
#cdApp .cd-stagebar li.on { border-color: var(--primary); color: var(--primary); animation: cdPulse 1.4s ease-in-out infinite; }
@keyframes cdPulse { 50% { opacity: .55; } }
@media (prefers-reduced-motion: reduce) { #cdApp .cd-stagebar li.on { animation: none; } }

/* status dots, pills */
#cdApp .cd-line { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; padding: 3px 0; }
#cdApp .cd-dot { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; font-size: 11px; font-weight: 800; }
#cdApp .cd-dot.ok { background: #E5F5EC; color: #12784A; }
#cdApp .cd-dot.bad { background: #FDECEA; color: #B42318; }
#cdApp .cd-dot.warn { background: #FEF3E2; color: #B54708; }
#cdApp .cd-dot.muted { background: #F2F4F7; color: #5B6470; }
#cdApp .cd-pill { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 99px; font-size: 11.5px; font-weight: 700; background: #F2F4F7; color: #5B6470; white-space: nowrap; }
#cdApp .cd-pill.ok { background: #E5F5EC; color: #12784A; }
#cdApp .cd-pill.bad { background: #FDECEA; color: #B42318; }
#cdApp .cd-pill.warn { background: #FEF3E2; color: #B54708; }

/* examination */
#cdApp .cd-exam { display: flex; flex-direction: column; gap: 12px; }
#cdApp .cd-exam-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; }
#cdApp #cdPresentations { max-width: 340px; }
#cdApp .cd-verdict { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: #fff; border: 1px solid #E3E6EA; border-radius: 12px; padding: 14px 16px; }
#cdApp .cd-big { font-size: 20px; font-weight: 800; }
#cdApp .cd-big.ok { color: #12784A; }
#cdApp .cd-big.bad { color: #B42318; }
#cdApp .cd-big.warn { color: #B54708; }
#cdApp .cd-tabs { display: flex; gap: 4px; border-bottom: 1px solid #E3E6EA; }
#cdApp .cd-tabs [role="tab"] { all: unset; padding: 10px 16px; font-size: 13px; font-weight: 700; color: var(--text-secondary, #5B6470); cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -1px; background: none !important; box-shadow: none !important; height: auto !important; }
#cdApp .cd-tabs [role="tab"][aria-selected="true"] { color: var(--primary); border-bottom-color: var(--primary); }
#cdApp .cd-tabs [role="tab"]:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }
#cdApp .cd-tabs em { font-style: normal; margin-left: 6px; padding: 1px 7px; border-radius: 99px; background: #FDECEA; color: #B42318; font-size: 11px; }

#cdApp .cd-req { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 12px 16px; border-top: 1px solid #F0F2F4; font-size: 13px; }
#cdApp .cd-reqtext summary { font-size: 12px; color: var(--primary); cursor: pointer; margin-top: 4px; }
#cdApp .cd-reqtext p { margin: 4px 0 0; font-size: 12px; color: var(--text-secondary, #5B6470); white-space: pre-wrap; }
#cdApp .cd-findwrap { padding: 0 16px 12px 46px; }
#cdApp .cd-find { border: 1px solid #F3C9C4; border-left: 4px solid #D92D20; border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; background: #fff; font-size: 13px; }
#cdApp .cd-find.minor { border-color: #F7DDB5; border-left-color: #F79009; }
#cdApp .cd-find.done { border-color: #E3E6EA; border-left-color: #12B76A; opacity: .8; }
#cdApp .cd-find + .cd-find { margin-top: 8px; }
#cdApp .cd-find-head { display: flex; align-items: flex-start; gap: 8px; }
#cdApp .cd-find-head b { flex: 1; }
#cdApp .cd-state { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 99px; background: #FDECEA; color: #B42318; white-space: nowrap; }
#cdApp .cd-state.accepted { background: #E5F5EC; color: #12784A; }
#cdApp .cd-state.waiver_requested { background: #FEF3E2; color: #B54708; }
#cdApp .cd-state.refused { background: #F2F4F7; color: #3A424C; }
#cdApp .cd-cmp { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#cdApp .cd-cmp div { background: #F7F9FB; border-radius: 8px; padding: 8px 10px; font-size: 12.5px; word-break: break-word; }
#cdApp .cd-cmp span { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--text-secondary, #5B6470); margin-bottom: 2px; }
#cdApp .cd-rules code { font-size: 11px; background: #EEF1F4; border-radius: 4px; padding: 1px 6px; color: #3A424C; }

#cdApp .cd-matrix td, #cdApp .cd-matrix th { min-width: 140px; }
#cdApp .cd-matrix td:first-child { min-width: 120px; }
#cdApp .cd-cell.ok { background: #F3FBF6; }
#cdApp .cd-cell.bad { background: #FDECEA; color: #B42318; font-weight: 600; cursor: pointer; }
#cdApp .cd-cell.bad:focus-visible { outline: 2px solid #B42318; outline-offset: -2px; }
#cdApp .cd-cell.na { color: #A0A7B0; }

#cdApp .cd-docpick { display: flex; gap: 6px; flex-wrap: wrap; }
#cdApp .cd-docpick button { all: unset; padding: 6px 12px; border-radius: 99px; border: 1px solid #CDD3DA; background: #fff !important; font-size: 12.5px; font-weight: 600; cursor: pointer; color: #3A424C; height: auto !important; box-shadow: none !important; }
#cdApp .cd-docpick button[aria-pressed="true"] { border-color: var(--primary); color: var(--primary); background: color-mix(in srgb, var(--primary) 8%, white) !important; }
#cdApp .cd-docpick button:focus-visible { outline: 2px solid var(--primary); outline-offset: 1px; }
#cdApp .cd-docpick .n { margin-left: 4px; padding: 0 6px; border-radius: 99px; background: #FDECEA; color: #B42318; font-size: 11px; }
#cdApp .cd-docs { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
#cdApp .cd-docs > div:not(.cd-card) { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
#cdApp .cd-paper, #cdApp .cd-mt { margin: 0; background: #fff; border: 1px solid #E3E6EA; border-radius: 12px; padding: 16px; font: 12px/1.6 ui-monospace, 'Cascadia Mono', Consolas, monospace; white-space: pre-wrap; word-break: break-word; max-height: 640px; overflow: auto; }
#cdApp .cd-mt { background: #FAFBFC; }
#cdApp mark { background: #FDE68A; color: inherit; border-radius: 3px; padding: 0 2px; }
#cdApp mark.on { background: #FCA5A5; outline: 2px solid #D92D20; }

/* dialog */
#cdApp .cd-dialog { position: fixed; inset: 0; background: rgba(15, 23, 42, .45); display: flex; align-items: center; justify-content: center; z-index: 2000; padding: 16px; }
#cdApp .cd-dialog-box { background: #fff; border-radius: 14px; width: min(760px, 100%); padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 20px 50px rgba(0,0,0,.25); }
#cdApp .cd-dialog-box h3 { margin: 0; font-size: 17px; }
#cdApp #cdNoticeText { width: 100%; font: 12.5px/1.55 ui-monospace, Consolas, monospace !important; resize: vertical; }
#cdApp .cd-seg { display: inline-flex; border: 1px solid #CDD3DA; border-radius: 8px; overflow: hidden; }
#cdApp .cd-seg button { all: unset; padding: 6px 12px; font-size: 12.5px; font-weight: 600; cursor: pointer; color: #3A424C; background: #fff !important; height: auto !important; box-shadow: none !important; }
#cdApp .cd-seg button.on { background: var(--primary) !important; color: #fff; }

@media (max-width: 1200px) {
    #cdApp .cd-docs { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    #cdApp .cd-docs > .cd-card { grid-column: 1 / -1; }
}
@media (max-width: 960px) {
    #cdApp { padding: 16px; }
    #cdApp .cd-pick, #cdApp .cd-upload, #cdApp .cd-cols, #cdApp .cd-docs { grid-template-columns: 1fr; }
    #cdApp .cd-cmp { grid-template-columns: 1fr; }
}

/* notes worth a look (not discrepancies) and results set aside */
#cdApp .cd-find.review { border: 1px dashed #CDD3DA; border-left: 4px solid #98A2B3; background: #FAFBFC; }
#cdApp .cd-state.look { background: #EEF1F4; color: #475467; }
#cdApp .cd-aside { font-size: 12.5px; border-top: 1px solid #F0F2F4; padding-bottom: 14px; }
#cdApp .cd-aside summary { cursor: pointer; color: var(--text-secondary, #5B6470); font-weight: 600; }
#cdApp .cd-aside ul { margin: 8px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; }

/* LC presentation screen (October 2026) */
#cdApp .cd-back { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; color: var(--text-secondary, #5B6470); text-decoration: none; margin-bottom: 6px; }
#cdApp .cd-back:hover { color: var(--primary); }
#cdApp .cd-stack { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
#cdApp .cd-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
#cdApp .cd-form .cd-field { flex-direction: column; align-items: stretch; gap: 6px; font-size: 12px; color: var(--text-secondary, #5B6470); }
#cdApp .cd-form .cd-input { width: 100%; color: var(--text-primary, #1A1A1A); }
#cdApp .cd-money { display: flex; align-items: center; border: 1px solid #CDD3DA; border-radius: 8px; overflow: hidden; background: #fff; }
#cdApp .cd-money span { padding: 0 10px; font-size: 13px; font-weight: 700; color: var(--text-primary, #1A1A1A); background: #F7F9FB; align-self: stretch; display: flex; align-items: center; border-right: 1px solid #E3E6EA; }
#cdApp .cd-money .cd-input { border: 0 !important; border-radius: 0 !important; }
#cdApp .cd-prev { all: unset; box-sizing: border-box; display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; padding: 10px 12px; border: 1px solid #E3E6EA; border-radius: 10px; cursor: pointer; font-size: 13px; width: 100%; }
#cdApp .cd-prev + .cd-prev { margin-top: 8px; }
#cdApp .cd-prev:hover, #cdApp .cd-prev.on { border-color: var(--primary); background: color-mix(in srgb, var(--primary) 5%, white); }
#cdApp .cd-prev:focus-visible { outline: 2px solid var(--primary); outline-offset: 1px; }
#cdApp .cd-prev span:not(.cd-pill) { grid-column: 1; font-size: 12px; color: var(--text-secondary, #5B6470); }
#cdApp .cd-prev .cd-pill { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
#cdApp .cd-open { width: 32px; color: #98A2B3; font-size: 18px; text-align: right; }
#cdApp #cdLcTable tbody tr:hover .cd-open { color: var(--primary); }
#cdApp .cd-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#cdApp #cdLcTitle { font-size: 22px; }
@media (max-width: 960px) { #cdApp .cd-form { grid-template-columns: 1fr; } }
#cdApp .cd-demo { border-top: 1px dashed #E3E6EA; padding-top: 10px; }
#cdApp .cd-demo a { color: var(--primary); font-weight: 600; }

/* capture window, discrepancy detail and examiner tools (October 2026) */
#cdApp .cd-capture-cta { display: flex; align-items: center; gap: 14px; padding: 14px; border: 1px dashed #CDD3DA; border-radius: 12px; }
#cdApp .cd-capture-cta > i { font-size: 30px; color: var(--primary); }
#cdApp .cd-capture-cta b { font-size: 15px; }
#cdApp .cd-capture { position: fixed; inset: 0; z-index: 3000; background: rgba(15, 23, 42, .55); display: flex; flex-direction: column; padding: 16px; gap: 0; }
#cdApp .cd-capture[hidden] { display: none !important; }
#cdApp .cd-capture-bar { display: flex; align-items: center; gap: 12px; background: #fff; border-radius: 12px 12px 0 0; padding: 10px 16px; border-bottom: 1px solid #E3E6EA; }
#cdApp .cd-capture-bar b { font-size: 14px; }
#cdApp .cd-capture iframe { flex: 1; width: 100%; border: 0; background: #fff; border-radius: 0 0 12px 12px; }
#cdApp .cd-wait { max-width: 760px; }
#cdApp .cd-find-title { all: unset; cursor: pointer; font-weight: 700; flex: 1; color: inherit !important; background: none !important; border: 0 !important; padding: 0 !important; height: auto !important; box-shadow: none !important; }
#cdApp .cd-find-title:hover { color: var(--primary) !important; text-decoration: underline; }
#cdApp .cd-find-title:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
#cdApp .cd-examnote { background: #F7F9FB; border-radius: 8px; padding: 6px 8px; margin: 0; }
#cdApp .cd-due { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: #3A424C; background: #F2F4F7; border-radius: 99px; padding: 4px 10px; }
#cdApp .cd-due.bad { background: #FDECEA; color: #B42318; }
#cdApp .cd-outcome { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; width: 100%; border-top: 1px solid #F0F2F4; padding-top: 10px; }
#cdApp .cd-detail { position: fixed; top: 0; right: 0; bottom: 0; width: min(620px, 100%); z-index: 2500; background: #fff; border-left: 1px solid #E3E6EA; box-shadow: -16px 0 40px rgba(0,0,0,.14); display: flex; flex-direction: column; }
#cdApp .cd-detail[hidden] { display: none !important; }
#cdApp .cd-detail-head { display: flex; align-items: flex-start; gap: 10px; padding: 16px 18px; border-bottom: 1px solid #E3E6EA; }
#cdApp .cd-detail-head h3 { margin: 2px 0 0; font-size: 16px; text-transform: none; letter-spacing: 0; color: var(--text-primary, #1A1A1A); }
#cdApp .cd-detail-body { overflow: auto; padding: 16px 18px 28px; display: flex; flex-direction: column; gap: 16px; font-size: 13px; }
#cdApp .cd-detail-body h4 { margin: 0 0 6px; font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--text-secondary, #5B6470); }
#cdApp .cd-detail-body p { margin: 0; line-height: 1.55; }
#cdApp .cd-rule { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: baseline; padding: 4px 0; }
#cdApp .cd-rule code { font-size: 11.5px; background: #EEF1F4; border-radius: 4px; padding: 1px 6px; white-space: nowrap; }
#cdApp .cd-cmp2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#cdApp .cd-cmp2 > div { background: #F7F9FB; border-radius: 10px; padding: 10px 12px; overflow-wrap: anywhere; }
#cdApp .cd-mini th { width: 40%; text-transform: none; letter-spacing: 0; font-size: 12px; }
#cdApp .cd-mini tr.bad td, #cdApp .cd-mini tr.bad th { color: #B42318; background: #FDECEA; }
#cdApp .cd-page { margin: 0; display: flex; flex-direction: column; gap: 4px; }
#cdApp .cd-page + .cd-page { margin-top: 14px; }
#cdApp .cd-pageimg { position: relative; border: 1px solid #E3E6EA; border-radius: 6px; overflow: hidden; background: #fff; }
#cdApp .cd-pageimg img { display: block; width: 100%; height: auto; }
#cdApp .cd-mark { position: absolute; background: rgba(242, 179, 25, .28); outline: 2px solid #D99A00; border-radius: 3px; pointer-events: none; }
#cdApp #cdDocPages { max-height: 900px; overflow: auto; }
#cdApp .cd-docs { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
#cdApp .cd-check { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 13px; }
#cdApp .cd-kv-tight { grid-template-columns: 160px 1fr; font-size: 12px; margin-top: 8px; }
#cdApp .cd-timeline { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
#cdApp .cd-timeline li { display: grid; grid-template-columns: 130px 1fr; gap: 2px 12px; padding: 10px 0; border-bottom: 1px solid #F0F2F4; font-size: 13px; }
#cdApp .cd-timeline li > :not(:first-child) { grid-column: 2; }
#cdApp .cd-snippet { max-height: 280px; }
@media (max-width: 960px) { #cdApp .cd-cmp2 { grid-template-columns: 1fr; } #cdApp .cd-docs { grid-template-columns: 1fr; } }

/* examiner tools: examined counter, history kinds */
#cdApp .cd-docpick { align-items: center; }
#cdApp .cd-docpick .cd-examined { margin-left: auto; }
#cdApp .cd-timeline li { border-left: 3px solid transparent; padding-left: 10px; }
#cdApp .cd-timeline li.cd-h-outcome { border-left-color: var(--primary); }
#cdApp .cd-timeline li.cd-h-decision { border-left-color: #F0B429; }
#cdApp .cd-timeline li.cd-h-exam, #cdApp .cd-timeline li.cd-h-fields { border-left-color: #8A94A6; }
#cdApp .cd-timeline li.cd-h-doc { border-left-color: #2E9D6A; }
#cdApp .cd-timeline pre.cd-paper { max-height: 240px; overflow: auto; white-space: pre-wrap; font-size: 12px; }

/* stamps, signatures and endorsements located on the page */
#cdApp .cd-mark-stamp, #cdApp .cd-mark-signature, #cdApp .cd-mark-signing_line, #cdApp .cd-mark-endorsement { background: transparent; outline: none; border-width: 2px; border-style: dashed; border-radius: 6px; }
#cdApp .cd-mark-stamp { border-color: #2187ed; }
#cdApp .cd-mark-signature, #cdApp .cd-mark-signing_line { border-color: #1F6FD1; }
#cdApp .cd-mark-endorsement { border-color: #2E9D6A; }
#cdApp .cd-mark.current { border-style: solid; border-width: 3px; box-shadow: 0 0 0 4px rgba(31, 111, 209, .18); }
#cdApp .cd-mark-tag { position: absolute; left: -2px; top: -20px; padding: 1px 6px; border-radius: 4px; background: #1B2430; color: #fff; font-size: 11px; font-weight: 600; white-space: nowrap; }
#cdApp .cd-pageimg { overflow: visible; }

/* embedded in the capture window (?embed=1): the examination of one presentation, no app shell */
html.cd-embed body { padding: 0 !important; margin: 0; background: #F6F7F9; }
html.cd-embed #cdApp { margin: 0 !important; padding: 14px 18px 24px !important; max-width: none !important; width: auto !important; }
html.cd-embed #cdApp #cdListHead, html.cd-embed #cdApp #cdLcHead, html.cd-embed #cdApp #cdPresentations, html.cd-embed #cdApp [data-cd="new"] { display: none !important; }
html.cd-embed .cd-exam-bar { padding-top: 0; }

/* Consistency: rearranging and hiding document columns */
#cdApp .cd-colbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 2px 2px 10px; }
#cdApp .cd-colchip { all: unset; display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 99px; border: 1px dashed #B9C0CA; font-size: 12px; font-weight: 600; color: #3A424C; cursor: pointer; }
#cdApp .cd-colchip:hover, #cdApp .cd-colchip:focus-visible { border-style: solid; border-color: var(--primary); color: var(--primary); }
#cdApp th.cd-colhead { cursor: grab; position: relative; }
#cdApp .cd-colhead-top { display: flex; align-items: center; gap: 4px; }
#cdApp .cd-grip { color: #A3ABB6; margin-left: -6px; }
#cdApp .cd-colacts { display: inline-flex; gap: 1px; opacity: 0; transition: opacity .12s; }
#cdApp th.cd-colhead:hover .cd-colacts, #cdApp th.cd-colhead:focus-within .cd-colacts { opacity: 1; }
#cdApp .cd-colacts button { all: unset; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 5px; color: #5B6470; cursor: pointer; font-size: 15px; }
#cdApp .cd-colacts button:hover, #cdApp .cd-colacts button:focus-visible { background: #E9EDF2; color: #1B2230; }
#cdApp .cd-colacts button:disabled { opacity: .3; cursor: default; background: none; }
#cdApp th.cd-dragging { opacity: .45; }
#cdApp th.cd-dropbefore { box-shadow: inset 3px 0 0 var(--primary); }
#cdApp th.cd-colmoved { animation: cdColFlash 1.2s ease-out; }
@keyframes cdColFlash { from { background: color-mix(in srgb, var(--primary) 18%, white); } to { background: transparent; } }
@media (hover: none) { #cdApp .cd-colacts { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #cdApp th.cd-colmoved { animation: none; } }