/* DD Raport — high-contrast pass (Aug 2026): brighter text, stronger borders/accents. */
/* Prevent the Step 6 full-bleed negative margins from triggering a horizontal
scrollbar on wide displays. */
html,
body {
overflow-x: clip;
}
/* ── Preview selection overlay (OCR zone picker) ─────────────────────── */
.dd-preview-wrapper {
display: flex;
flex-direction: column;
gap: 0.4rem;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
}
.dd-preview-header {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 0.55rem;
flex: 0 0 auto;
flex-wrap: wrap;
}
.dd-preview-zoom {
display: inline-flex;
align-items: center;
gap: 0.2rem;
margin-right: auto;
}
.dd-preview-zoom-btn {
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.7rem;
height: 1.7rem;
padding: 0 0.4rem;
border: 1px solid var(--er-accent-border-strong);
border-radius: 0.4rem;
background: var(--er-accent-soft);
color: var(--er-text);
font-size: 0.92rem;
line-height: 1;
cursor: pointer;
}
.dd-preview-zoom-btn:hover {
background: var(--er-accent-border-strong);
}
.dd-preview-zoom-btn svg {
width: 0.95rem;
height: 0.95rem;
display: block;
}
.dd-preview-pan-hint {
cursor: grab;
}
.dd-preview-zoom-label {
appearance: none;
min-width: 3.1rem;
height: 1.7rem;
padding: 0 0.35rem;
border: 0;
background: transparent;
color: var(--er-text-secondary);
font-family: "Fira Code", monospace;
font-size: 0.72rem;
cursor: pointer;
}
.dd-preview-zoom-label:hover {
color: var(--er-text);
}
.dd-preview-zoom-sizer {
position: relative;
min-width: 100%;
}
.btn-select-region {
border: 1px solid var(--er-accent-border-strong);
background: var(--er-accent-soft);
color: var(--er-text-secondary);
border-radius: 0.45rem;
padding: 0.28rem 0.75rem;
font-size: 0.78rem;
cursor: pointer;
transition: background 0.15s ease;
}
.btn-select-region:hover:not(:disabled) {
background: var(--er-accent-border-strong);
color: var(--er-text);
}
.btn-select-region:disabled {
opacity: 0.55;
cursor: crosshair;
}
.btn-extract-all-text {
border-color: rgba(45, 212, 191, 0.55);
background: rgba(20, 184, 166, 0.16);
color: var(--er-text);
}
.btn-extract-all-text:hover:not(:disabled) {
background: rgba(20, 184, 166, 0.32);
color: var(--er-text);
}
.btn-extract-all-text:disabled {
cursor: wait;
}
.dd-preview-body {
flex: 1 1 auto;
min-height: 0;
overflow: auto;
overscroll-behavior: contain;
cursor: grab;
user-select: none;
}
.dd-preview-body.is-panning,
.dd-preview-body.is-panning * {
cursor: grabbing !important;
}
/* Grows with all PDF pages / the image so the OCR overlay covers the full
document, not just the visible viewport of .dd-preview-body. */
.dd-preview-pages {
position: relative;
width: 100%;
}
.dd-preview-body canvas.dd-preview-page,
.dd-preview-body img {
max-width: 100%;
display: block;
margin: 0 auto 0.5rem;
border-radius: 0.4rem;
}
.dd-preview-note {
color: var(--er-text-muted);
font-size: 0.78rem;
margin: 0.35rem 0 0;
}
.dd-preview-overlay {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
cursor: default;
}
.dd-preview-overlay.is-selecting {
cursor: crosshair;
background: var(--er-accent-soft);
}
.dd-preview-rect {
position: absolute;
border: 2px dashed var(--er-accent);
background: var(--er-accent-border);
pointer-events: none;
}
/* ── OCR modal (zonă selectată din preview) ──────────────────────────── */
.dd-ocr-modal {
position: fixed;
inset: 0;
z-index: 95;
display: grid;
place-items: center;
padding: 1.25rem;
}
.dd-ocr-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(2, 6, 23, 0.72);
backdrop-filter: blur(2px);
}
.dd-ocr-modal-card {
position: relative;
width: min(92vw, 46rem);
max-height: calc(100vh - 2.5rem);
overflow: auto;
border-radius: 1rem;
border: 1px solid var(--er-accent-border-strong);
background: var(--er-panel-strong);
box-shadow: 0 22px 56px rgba(0, 0, 0, 0.55);
padding: 1rem 1rem 1.1rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.dd-ocr-modal-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.dd-ocr-modal-title {
margin: 0;
font-size: 1rem;
color: var(--er-text);
}
.dd-ocr-modal-close {
border: 1px solid var(--er-accent-border-strong);
border-radius: 0.5rem;
background: var(--er-accent-soft);
color: var(--er-text-secondary);
width: 2rem;
height: 2rem;
font-size: 1.2rem;
line-height: 1;
cursor: pointer;
}
.dd-ocr-modal-close:hover {
background: var(--er-accent-border);
}
.dd-ocr-modal-image-wrap {
border: 1px solid var(--er-accent-border);
border-radius: 0.6rem;
background: rgba(0, 0, 0, 0.45);
padding: 0.5rem;
display: flex;
justify-content: center;
max-height: 22rem;
overflow: auto;
}
.dd-ocr-modal-image {
max-width: 100%;
max-height: 20rem;
object-fit: contain;
border-radius: 0.35rem;
}
.dd-ocr-modal-actions {
display: flex;
justify-content: flex-end;
}
.dd-ocr-modal-run {
border: 1px solid var(--er-accent-border-strong);
background: var(--er-accent-border);
color: var(--er-text-secondary);
border-radius: 0.5rem;
padding: 0.4rem 1.4rem;
font-size: 0.88rem;
font-weight: 600;
letter-spacing: 0.02em;
cursor: pointer;
transition: background 0.15s ease;
}
.dd-ocr-modal-run:hover {
background: var(--er-accent-border-strong);
}
.dd-ocr-modal-text {
width: 100%;
border: 1px solid var(--er-accent-border-strong);
border-radius: 0.6rem;
background: var(--er-input-bg);
color: var(--er-text);
font-family: "Fira Code", monospace;
font-size: 0.82rem;
line-height: 1.55;
padding: 0.65rem 0.75rem;
resize: vertical;
}
.archive-panel {
border-radius: 1.25rem;
padding: 1.5rem;
background: var(--er-panel-strong);
border: 1px solid var(--er-nav-border);
box-shadow: var(--er-shadow);
}
.archive-input-label {
display: inline-block;
margin: 0.6rem 0 0.5rem;
font-weight: 600;
color: var(--er-text-secondary);
font-size: 0.85rem;
letter-spacing: 0.02em;
}
/* Full-area invisible file control so clicks hit the native picker (not only programmatic .click()). */
.archive-dropzone #archive-input {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
opacity: 0;
cursor: pointer;
z-index: 1;
font-size: 2rem;
}
.archive-dropzone .dropzone-title,
.archive-dropzone .dropzone-subtitle {
position: relative;
z-index: 0;
pointer-events: none;
}
.archive-dropzone {
position: relative;
display: block;
border: 1.5px dashed var(--er-input-border);
border-radius: 0.9rem;
padding: 1.6rem 1.1rem;
text-align: center;
background: var(--er-panel);
cursor: pointer;
transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease, background 0.22s ease;
}
.archive-dropzone:hover {
transform: translateY(-2px);
border-color: var(--er-accent);
background: var(--er-accent-soft);
}
.archive-dropzone:focus-visible {
outline: 2px solid var(--er-accent);
outline-offset: 3px;
}
.archive-dropzone.is-drag-over {
border-color: var(--er-cta);
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.25), 0 0 32px var(--er-accent-border-strong);
background: var(--er-accent-soft);
}
.dropzone-title {
margin: 0;
font-weight: 700;
color: var(--er-text);
font-size: 1rem;
}
.dropzone-subtitle {
margin: 0.35rem 0 0;
color: var(--er-text-muted);
font-size: 0.85rem;
}
.archive-status {
margin: 0.9rem 0 0.4rem;
color: var(--er-text-secondary);
font-size: 0.9rem;
font-family: 'Fira Code', monospace;
}
.archive-summary {
margin: 0 0 0.9rem;
color: var(--er-text-muted);
font-size: 0.84rem;
}
.archive-search {
width: 100%;
margin-top: 0.35rem;
border: 1px solid var(--er-input-border);
border-radius: 0.7rem;
background: var(--er-input-bg);
color: var(--er-text);
padding: 0.65rem 0.85rem;
font: inherit;
font-size: 0.9rem;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.archive-search:focus {
outline: none;
border-color: var(--er-accent);
box-shadow: 0 0 0 3px var(--er-accent-soft);
}
.archive-search::placeholder {
color: var(--er-text-faint);
}
.dd-step1-project-field {
margin: 0.25rem 0 0.9rem;
}
.dd-step1-project-field .archive-input-label {
display: block;
margin: 0 0 0.35rem;
color: var(--er-text-secondary);
}
.dd-step1-project-field .archive-search {
width: 100%;
}
/* Change-archive mode: show only the dropzone, keep the project name hidden
so the user can swap the archive while keeping the current project name. */
.dd-step1-fields.dd-step1-change-mode > .archive-input-label:first-child,
.dd-step1-fields.dd-step1-change-mode .dd-step1-project-field {
display: none;
}
.classifier-controls {
margin-top: 0.9rem;
display: grid;
gap: 0.45rem;
}
.classifier-hint {
margin: 0.35rem 0 0;
font-size: 0.85rem;
color: var(--er-text-muted);
line-height: 1.35;
}
.classify-btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
justify-self: start;
margin-top: 0.6rem;
padding: 0.7rem 1.25rem;
border-radius: 0.8rem;
border: 1px solid rgba(239, 68, 68, 0.45);
background: linear-gradient(90deg, var(--er-accent), var(--er-cta));
color: var(--er-on-accent);
font-weight: 700;
font-size: 0.88rem;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
box-shadow: 0 8px 22px rgba(239, 68, 68, 0.28);
}
.classify-btn:hover:not([disabled]) {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(239, 68, 68, 0.4);
}
.classify-btn[disabled] {
opacity: 0.55;
cursor: not-allowed;
}
.cert-extract-workspace {
margin-top: 1rem;
display: grid;
gap: 1rem;
align-items: start;
}
@media (min-width: 960px) {
.cert-extract-workspace {
grid-template-columns: minmax(0, 1fr) minmax(22rem, 1fr);
gap: 1.25rem;
}
.cert-extract-right {
position: sticky;
top: 5rem;
}
}
/* ── Pasul 1 (after upload) / Pasul 2 / Pasul 5 / Pasul 6 — "Claude-style" full-bleed
PDF preview. The whole stepper panel breaks out of the page's max-w
container and spans the viewport. The left becomes a compact sidebar;
the preview takes the rest at full viewport height. Triggers as soon as
the archive is loaded (i.e. the workspace is visible). */
@media (min-width: 880px) {
/* Break the panel out of the parent .max-w-[92rem] container so it spans
the FULL viewport width — the PDF preview will sit flush against the
screen's right edge. */
.dd-stepper-root:has(#dd-workspace:not(.dd-is-hidden))[data-current-step="1"],
.dd-stepper-root[data-current-step="2"],
.dd-stepper-root[data-current-step="5"],
.dd-stepper-root[data-current-step="6"] {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding: 0.9rem 0 1rem 1.1rem; /* zero right padding → iframe touches edge */
border-radius: 0;
border-left: 0;
border-right: 0;
}
/* Compact the step lane so it doesn't eat vertical space. */
.dd-stepper-root:has(#dd-workspace:not(.dd-is-hidden))[data-current-step="1"] .dd-stepper.dd-stepper--lane,
.dd-stepper-root[data-current-step="2"] .dd-stepper.dd-stepper--lane,
.dd-stepper-root[data-current-step="5"] .dd-stepper.dd-stepper--lane,
.dd-stepper-root[data-current-step="6"] .dd-stepper.dd-stepper--lane {
padding: 0.45rem 0.75rem 0.3rem;
margin-bottom: 0.4rem;
}
.dd-stepper-root:has(#dd-workspace:not(.dd-is-hidden))[data-current-step="1"] .dd-step-nav-row,
.dd-stepper-root[data-current-step="2"] .dd-step-nav-row,
.dd-stepper-root[data-current-step="5"] .dd-step-nav-row,
.dd-stepper-root[data-current-step="6"] .dd-step-nav-row {
margin-bottom: 0.65rem;
}
/* True 50/50 split: left tools take exactly the left half, PDF preview
takes exactly the right half of the screen. */
.dd-stepper-root:has(#dd-workspace:not(.dd-is-hidden))[data-current-step="1"] .cert-extract-workspace,
.dd-stepper-root[data-current-step="2"] .cert-extract-workspace,
.dd-stepper-root[data-current-step="5"] .cert-extract-workspace {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 0.85rem;
margin-top: 0.4rem;
}
.dd-stepper-root:has(#dd-workspace:not(.dd-is-hidden))[data-current-step="1"] .cert-extract-left,
.dd-stepper-root[data-current-step="2"] .cert-extract-left,
.dd-stepper-root[data-current-step="5"] .cert-extract-left {
max-height: none;
overflow: visible;
}
/* Pasul 6 — same draggable split as Pașii 7–8, but the workspace grows with
the left column so avize/coverage tables are not trapped in an inner scroll. */
.dd-stepper-root[data-current-step="6"] .cert-extract-workspace {
--dd-ws-left-pct: 50%;
--dd-ws-pane-height: calc(100vh - 5rem);
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0;
margin-top: 0.4rem;
height: auto;
min-height: var(--dd-ws-pane-height);
}
.dd-stepper-root[data-current-step="6"] .cert-extract-left {
flex: 0 0 var(--dd-ws-left-pct);
width: var(--dd-ws-left-pct);
max-width: 80%;
min-width: 25%;
height: auto;
max-height: none;
overflow: visible;
}
.dd-stepper-root[data-current-step="6"] .cert-extract-left .cu-table-scroller {
max-height: 30rem;
overflow-x: auto;
overflow-y: auto;
}
.dd-stepper-root[data-current-step="6"] .cert-extract-right {
flex: 1 1 auto;
min-width: 20%;
height: var(--dd-ws-pane-height);
position: sticky;
top: 5rem;
}
.dd-stepper-root[data-current-step="6"] #dd-workspace-splitter {
display: block;
}
/* Preview frame fills the viewport height end-to-end with NO chrome around
the iframe (no inner padding, no dark box, no border). Just the PDF.
Right padding is 0 so the iframe sits flush against the screen edge. */
.dd-stepper-root:has(#dd-workspace:not(.dd-is-hidden))[data-current-step="1"] .cert-extract-right .archive-preview--main,
.dd-stepper-root[data-current-step="2"] .cert-extract-right .archive-preview--main,
.dd-stepper-root[data-current-step="5"] .cert-extract-right .archive-preview--main,
.dd-stepper-root[data-current-step="6"] .cert-extract-right .archive-preview--main {
min-height: calc(100vh - 5rem);
height: calc(100vh - 5rem);
padding: 0.5rem 0 0.35rem 0.4rem;
border-right: 0;
border-radius: 0.7rem 0 0 0.7rem;
}
/* Tighten title + hint above the iframe so they take less vertical space. */
.dd-stepper-root:has(#dd-workspace:not(.dd-is-hidden))[data-current-step="1"] .cert-extract-right .archive-preview--main > h3,
.dd-stepper-root[data-current-step="2"] .cert-extract-right .archive-preview--main > h3,
.dd-stepper-root[data-current-step="5"] .cert-extract-right .archive-preview--main > h3,
.dd-stepper-root[data-current-step="6"] .cert-extract-right .archive-preview--main > h3 {
margin: 0 0 0.3rem;
font-size: 0.85rem;
}
.dd-stepper-root:has(#dd-workspace:not(.dd-is-hidden))[data-current-step="1"] .cert-extract-right .archive-preview-hint,
.dd-stepper-root[data-current-step="2"] .cert-extract-right .archive-preview-hint,
.dd-stepper-root[data-current-step="5"] .cert-extract-right .archive-preview-hint,
.dd-stepper-root[data-current-step="6"] .cert-extract-right .archive-preview-hint {
display: none;
}
/* Strip the dark inner frame so the iframe sits edge-to-edge in the panel. */
.dd-stepper-root:has(#dd-workspace:not(.dd-is-hidden))[data-current-step="1"] .cert-extract-right .preview-content,
.dd-stepper-root[data-current-step="2"] .cert-extract-right .preview-content,
.dd-stepper-root[data-current-step="5"] .cert-extract-right .preview-content,
.dd-stepper-root[data-current-step="6"] .cert-extract-right .preview-content {
min-height: 0;
height: 100%;
flex: 1 1 auto;
padding: 0;
border: 0;
border-radius: 0.55rem;
background: transparent;
overflow: hidden;
display: flex;
flex-direction: column;
}
.dd-stepper-root:has(#dd-workspace:not(.dd-is-hidden))[data-current-step="1"] .cert-extract-right .preview-content iframe,
.dd-stepper-root[data-current-step="2"] .cert-extract-right .preview-content iframe,
.dd-stepper-root[data-current-step="5"] .cert-extract-right .preview-content iframe,
.dd-stepper-root[data-current-step="6"] .cert-extract-right .preview-content iframe {
width: 100%;
height: 100%;
flex: 1 1 auto;
min-height: calc(100vh - 7.5rem);
border-radius: 0.55rem 0 0 0.55rem;
}
.dd-stepper-root:has(#dd-workspace:not(.dd-is-hidden))[data-current-step="1"] .cert-extract-right .preview-content img,
.dd-stepper-root[data-current-step="2"] .cert-extract-right .preview-content img,
.dd-stepper-root[data-current-step="5"] .cert-extract-right .preview-content img,
.dd-stepper-root[data-current-step="6"] .cert-extract-right .preview-content img {
max-height: calc(100vh - 8rem);
}
}
.cert-extract-left {
display: flex;
flex-direction: column;
gap: 1rem;
min-width: 0;
}
/* Pasul 2: Certificate în sesiune, then prelungiri, then identity. */
.cert-extract-left > .cu-session-panel { order: 1; }
.cert-extract-left > .cu-extensions-panel { order: 2; }
.cert-extract-left > .cu-identity-panel { order: 3; }
.cert-extract-left > .cu-classify-panel { order: 4; }
.cert-extract-left > .cu-panel { order: 5; }
.cert-extract-left > .archive-files-panel { order: 6; }
.cu-session-panel {
padding: 1rem 1.1rem;
border-radius: 0.95rem;
border: 1px solid var(--er-accent-border);
background: var(--er-input-bg);
}
.cu-session-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
margin: 0 0 0.35rem;
font-family: 'Fira Code', monospace;
font-size: 1rem;
color: var(--er-text);
}
.cu-session-title-text {
min-width: 0;
}
.cu-step-status {
flex: 0 0 auto;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 0.18rem 0.55rem;
border-radius: 999px;
line-height: 1.2;
}
.cu-step-panel--pending {
border-color: rgba(248, 113, 113, 0.7) !important;
box-shadow:
0 0 0 1px rgba(127, 29, 29, 0.35),
0 0 18px rgba(239, 68, 68, 0.12);
}
.cu-step-panel--pending .cu-session-title-text {
color: #fca5a5;
}
.cu-step-panel--pending .cu-step-status {
color: #fecaca;
background: rgba(127, 29, 29, 0.5);
border: 1px solid rgba(248, 113, 113, 0.6);
}
.cu-step-panel--active {
border-color: rgba(250, 204, 21, 0.75) !important;
box-shadow:
0 0 0 1px rgba(133, 77, 14, 0.4),
0 0 18px rgba(250, 204, 21, 0.16);
}
.cu-step-panel--active .cu-session-title-text {
color: #fde047;
}
.cu-step-panel--active .cu-step-status {
color: #fef9c3;
background: rgba(113, 63, 18, 0.55);
border: 1px solid rgba(250, 204, 21, 0.65);
}
.cu-step-panel--unvalidated {
border-color: rgba(251, 146, 60, 0.75) !important;
box-shadow:
0 0 0 1px rgba(154, 52, 18, 0.4),
0 0 18px rgba(249, 115, 22, 0.16);
}
.cu-step-panel--unvalidated .cu-session-title-text {
color: #fdba74;
}
.cu-step-panel--unvalidated .cu-step-status {
color: #ffedd5;
background: rgba(124, 45, 18, 0.55);
border: 1px solid rgba(251, 146, 60, 0.7);
}
.cu-step-panel--done {
border-color: rgba(74, 222, 128, 0.7) !important;
box-shadow:
0 0 0 1px rgba(6, 78, 59, 0.4),
0 0 18px rgba(34, 197, 94, 0.12);
}
.cu-step-panel--done .cu-session-title-text {
color: #86efac;
}
.cu-step-panel--done .cu-step-status {
color: #d1fae5;
background: rgba(6, 78, 59, 0.55);
border: 1px solid rgba(52, 211, 153, 0.6);
}
.cu-session-hint {
margin: 0 0 0.85rem;
font-size: 0.82rem;
color: var(--er-text-muted);
line-height: 1.45;
}
.cu-ext-legend {
padding: 0.45rem 0.6rem;
border-radius: 0.5rem;
border: 1px solid rgba(96, 165, 250, 0.25);
background: rgba(96, 165, 250, 0.07);
}
.cu-ext-legend-from { color: #fcd34d; }
.cu-ext-legend-to { color: #6ee7b7; }
.cu-session-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.65rem 1rem;
margin: 0 0 0.85rem;
}
.cu-urbanism-rerun-btn {
appearance: none;
border: 1px solid rgba(251, 191, 36, 0.45);
background: var(--er-accent-soft);
color: var(--er-text);
border-radius: 0.5rem;
padding: 0.35rem 0.75rem;
font-size: 0.8rem;
font-family: 'Fira Code', monospace;
cursor: pointer;
}
.cu-urbanism-rerun-btn:hover:not(:disabled) {
border-color: rgba(251, 191, 36, 0.75);
background: var(--er-accent-soft);
}
.cu-urbanism-rerun-btn:disabled {
opacity: 0.55;
cursor: not-allowed;
}
.cu-session-validate-btn:not(.dd-is-hidden) {
border-color: rgba(52, 211, 153, 0.45);
background: rgba(6, 78, 59, 0.45);
}
.cu-session-validate-btn:hover:not(:disabled) {
border-color: rgba(52, 211, 153, 0.75);
background: rgba(6, 95, 70, 0.55);
}
.cu-identity-panel {
margin: 0 0 1.1rem;
padding: 1rem 1.1rem 1.15rem;
border-radius: 0.85rem;
border: 1px solid rgba(251, 191, 36, 0.28);
background: var(--er-panel);
}
.cu-identity-table-wrap {
overflow-x: auto;
margin: 0 0 0.85rem;
}
.cu-identity-table {
width: 100%;
border-collapse: collapse;
font-size: 0.82rem;
}
.cu-identity-table th,
.cu-identity-table td {
border: 1px solid var(--er-accent-border);
padding: 0.45rem 0.55rem;
text-align: left;
vertical-align: middle;
}
.cu-identity-table th {
color: var(--er-text-secondary);
background: var(--er-accent-soft);
font-weight: 600;
}
.cu-identity-name {
color: var(--er-text-muted);
max-width: 18rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: normal;
cursor: pointer;
text-decoration: underline;
text-decoration-color: rgba(231, 229, 228, 0.35);
text-underline-offset: 0.15em;
}
.cu-identity-name:hover {
color: var(--er-text);
text-decoration-color: rgba(254, 243, 199, 0.7);
background: rgba(251, 191, 36, 0.06);
}
.cu-identity-cell {
color: var(--er-text);
cursor: text;
min-width: 7rem;
}
.cu-identity-title {
min-width: 12rem;
max-width: 22rem;
white-space: normal;
word-break: break-word;
line-height: 1.35;
}
.cu-identity-title .cu-identity-input {
width: 100%;
min-width: 10rem;
}
.cu-identity-validity-badge--manual {
color: #e0e7ff;
background: rgba(99, 102, 241, 0.28);
border-color: rgba(165, 180, 252, 0.42);
}
.cu-identity-cell:hover {
background: rgba(251, 191, 36, 0.08);
}
.cu-identity-cell.is-invalid,
.cu-identity-input.is-invalid {
color: var(--er-danger);
border-color: rgba(248, 113, 113, 0.75);
background: rgba(127, 29, 29, 0.28);
box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.35);
}
.cu-identity-input {
width: 100%;
box-sizing: border-box;
border: 1px solid rgba(251, 191, 36, 0.55);
border-radius: 0.35rem;
background: rgba(0, 0, 0, 0.35);
color: var(--er-text);
font: inherit;
padding: 0.2rem 0.35rem;
}
.cu-extensions-panel {
margin: 0 0 1.1rem;
padding: 1rem 1.1rem 1.15rem;
border-radius: 0.85rem;
border: 1px solid rgba(96, 165, 250, 0.32);
background: var(--er-panel);
}
/* Nouă coloane: sub ~50rem tabelul derulează orizontal în loc să taie datele. */
.cu-extensions-panel .cu-identity-table-wrap {
overflow-x: auto;
}
.cu-extensions-table {
table-layout: fixed;
min-width: 50rem;
font-size: 0.78rem;
}
.cu-extensions-table th,
.cu-extensions-table td {
padding: 0.3rem 0.34rem;
vertical-align: middle;
}
.cu-extensions-table col.cu-ext-col-file { width: 21%; }
.cu-extensions-table col.cu-ext-col-kind { width: 13%; }
.cu-extensions-table col.cu-ext-col-nr { width: 8.5%; }
.cu-extensions-table col.cu-ext-col-date { width: 9.8%; }
.cu-extensions-table col.cu-ext-col-actions {
width: 7.2rem;
}
.cu-extensions-table .cu-ext-col-actions {
width: 7.2rem;
white-space: nowrap;
}
.cu-extensions-table td.cu-identity-cell {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cu-extensions-table .cu-ext-kind-cell {
min-width: 0;
overflow: visible;
white-space: normal;
}
.cu-extensions-table .cu-identity-name {
max-width: none;
text-decoration: none;
white-space: normal;
}
/* Rămâne table-cell: `display: flex` pe td scoate celula din înălțimea rândului. */
.cu-ext-file {
min-width: 0;
}
.cu-ext-file-id {
display: flex;
align-items: center;
gap: 0.35rem;
min-width: 0;
font-weight: 600;
color: var(--er-text);
line-height: 1.25;
}
.cu-ext-file-name {
display: block;
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.78rem;
line-height: 1.25;
color: var(--er-text-secondary);
text-decoration: underline;
text-decoration-color: rgba(231, 229, 228, 0.35);
text-underline-offset: 0.12em;
}
.cu-extensions-table .cu-identity-name:hover .cu-ext-file-name {
color: var(--er-text);
text-decoration-color: rgba(254, 243, 199, 0.7);
}
.cu-ext-actions {
min-width: 0;
}
.cu-ext-validate-label {
display: flex;
align-items: center;
gap: 0.3rem;
margin-bottom: 0.2rem;
font-size: 0.72rem;
color: var(--er-text-secondary);
cursor: pointer;
user-select: none;
white-space: nowrap;
}
.cu-ext-delete-btn {
flex: 0 0 auto;
border: 1px solid rgba(248, 113, 113, 0.45);
background: rgba(127, 29, 29, 0.28);
color: var(--er-text);
border-radius: 0.35rem;
font: inherit;
font-size: 0.72rem;
padding: 0.1rem 0.4rem;
cursor: pointer;
white-space: nowrap;
width: 100%;
}
.cu-ext-delete-btn:hover:not(:disabled) {
border-color: rgba(248, 113, 113, 0.8);
}
.cu-ext-badge-manual {
display: inline-block;
flex: 0 0 auto;
font-size: 0.62rem;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #fbbf24;
border: 1px solid rgba(251, 191, 36, 0.4);
border-radius: 999px;
padding: 0.02rem 0.38rem;
line-height: 1.35;
}
/* Antetul grupat: „înainte” (chihlimbar) vs. „după” (verde). */
.cu-extensions-table th.cu-ext-group,
.cu-extensions-table th.cu-ext-sub {
text-align: center;
white-space: normal;
line-height: 1.25;
}
.cu-extensions-table th.cu-ext-sub {
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.01em;
}
.cu-extensions-table th.cu-ext-group--from,
.cu-extensions-table th.cu-ext-sub--from,
.cu-extensions-table td.cu-ext-cell--from {
background: rgba(251, 191, 36, 0.09);
}
.cu-extensions-table th.cu-ext-group--to,
.cu-extensions-table th.cu-ext-sub--to,
.cu-extensions-table td.cu-ext-cell--to {
background: rgba(52, 211, 153, 0.09);
}
.cu-extensions-table th.cu-ext-group--from {
color: #fcd34d;
}
.cu-extensions-table th.cu-ext-group--to {
color: #6ee7b7;
}
html[data-theme="light"] .cu-extensions-table th.cu-ext-group--from,
html[data-theme="light"] .cu-ext-legend-from {
color: #b45309;
}
html[data-theme="light"] .cu-extensions-table th.cu-ext-group--to,
html[data-theme="light"] .cu-ext-legend-to,
html[data-theme="light"] .cu-ext-arrow {
color: #047857;
}
/* Marchează vizual trecerea de la CU inițial la CU după prelungire. */
.cu-extensions-table th.cu-ext-divider,
.cu-extensions-table td.cu-ext-divider {
border-left: 2px solid rgba(52, 211, 153, 0.55);
}
.cu-extensions-table td.cu-ext-cu-cell {
white-space: normal;
overflow: hidden;
}
.cu-extensions-table td.cu-ext-cell--readonly {
color: var(--er-text-muted);
cursor: default;
}
.cu-ext-cu-nr {
display: flex;
align-items: baseline;
gap: 0.2rem;
font-weight: 700;
line-height: 1.25;
color: var(--er-text);
}
.cu-ext-arrow {
flex: 0 0 auto;
font-weight: 400;
color: #6ee7b7;
}
.cu-ext-cu-nr.is-orphan {
color: var(--er-danger);
}
.cu-extensions-table td.cu-ext-date-cell {
text-align: center;
font-variant-numeric: tabular-nums;
}
.cu-extensions-table td.cu-ext-date-cell.is-empty {
color: var(--er-text-muted);
}
.cu-ext-kind-select {
width: 100%;
min-width: 0;
max-width: none;
font: inherit;
font-size: 0.75rem;
color: var(--er-text);
background: var(--er-panel);
border: 1px solid rgba(148, 163, 184, 0.35);
border-radius: 0.35rem;
padding: 0.12rem 0.28rem;
cursor: pointer;
}
.cu-ext-kind-select:disabled {
opacity: 0.7;
cursor: default;
}
.cu-ext-manual-row {
flex-wrap: wrap;
align-items: flex-end;
}
.cu-ext-nomen {
display: flex;
flex-direction: column;
gap: 0.3rem;
flex: 1 1 16rem;
min-width: 14rem;
}
.cu-ext-nomen span {
font-size: 0.75rem;
font-weight: 600;
color: var(--er-text-muted);
letter-spacing: 0.02em;
}
.cu-ext-nomen select {
width: 100%;
}
.cu-ext-manual-row .cu-add-cert-btn {
flex: 0 0 auto;
min-height: 2.55rem;
}
.cu-ext-add-hint {
margin: 0.4rem 0 0;
font-size: 0.8rem;
color: var(--er-text-muted);
}
.cu-ext-add-hint:empty {
display: none;
}
.cu-ext-empty-row td {
color: var(--er-text-muted);
font-style: italic;
}
.cu-ext-row--validated {
background: rgba(6, 78, 59, 0.22);
}
.cu-ext-trees {
display: flex;
flex-direction: column;
gap: 0.65rem;
margin: 0 0 0.9rem;
}
.cu-ext-tree-empty {
color: var(--er-text-muted);
font-style: italic;
font-size: 0.85rem;
margin: 0;
padding: 0.45rem 0.2rem;
}
.cu-ext-tree {
border: 1px solid rgba(96, 165, 250, 0.32);
border-radius: 0.55rem;
background: rgba(0, 0, 0, 0.22);
padding: 0.4rem 0.55rem 0.5rem;
}
.cu-ext-tree-root,
.cu-ext-tree-child-summary {
display: flex;
align-items: center;
gap: 0.45rem;
min-width: 0;
cursor: pointer;
color: var(--er-text);
font-weight: 600;
font-size: 0.86rem;
list-style: none;
}
.cu-ext-tree-root::-webkit-details-marker,
.cu-ext-tree-child-summary::-webkit-details-marker {
display: none;
}
.cu-ext-tree-label {
display: flex;
flex-direction: column;
gap: 0.08rem;
flex: 1 1 auto;
min-width: 0;
cursor: pointer;
}
.cu-ext-tree-title,
.cu-ext-tree-file {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cu-ext-tree-file {
font-size: 0.72rem;
font-weight: 500;
color: var(--er-text-muted);
}
.cu-ext-tree-badge {
flex: 0 0 auto;
font-size: 0.68rem;
font-weight: 600;
color: #93c5fd;
border: 1px solid rgba(147, 197, 253, 0.4);
border-radius: 999px;
padding: 0.05rem 0.45rem;
white-space: nowrap;
}
.cu-ext-tree-badge.is-virtual {
color: #fbbf24;
border-color: rgba(251, 191, 36, 0.4);
}
.cu-ext-tree-badge.is-manual {
color: #fbbf24;
border-color: rgba(251, 191, 36, 0.45);
}
.cu-ext-tree-preview {
flex: 0 0 auto;
border: 1px solid rgba(96, 165, 250, 0.45);
background: rgba(30, 58, 138, 0.35);
color: var(--er-text);
border-radius: 0.35rem;
font: inherit;
font-size: 0.72rem;
font-weight: 600;
padding: 0.18rem 0.5rem;
cursor: pointer;
white-space: nowrap;
}
.cu-ext-tree-preview:hover {
border-color: rgba(147, 197, 253, 0.8);
}
.cu-ext-tree-list {
list-style: none;
margin: 0.4rem 0 0;
padding: 0 0 0 0.85rem;
border-left: 2px solid rgba(96, 165, 250, 0.28);
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.cu-ext-tree-stamp {
padding: 0.28rem 0.45rem;
border-radius: 0.4rem;
background: rgba(255, 255, 255, 0.03);
color: var(--er-text-secondary);
font-size: 0.82rem;
}
.cu-ext-tree-stamp-btn {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.08rem;
width: 100%;
min-width: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
text-decoration: underline;
text-decoration-color: rgba(147, 197, 253, 0.45);
}
.cu-ext-tree-stamp-file {
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.72rem;
color: var(--er-text-muted);
text-decoration: none;
}
.cu-ext-tree-stamp-btn:hover {
color: var(--er-text);
}
.cu-ext-tree-files {
margin: 0.15rem 0 0;
font-size: 0.75rem;
color: var(--er-text-muted);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cu-session-progress.is-warn {
color: var(--er-danger);
}
.cu-assoc-panel {
margin: 0 0 1.1rem;
padding: 1rem 1.1rem 1.15rem;
border-radius: 0.85rem;
border: 1px solid rgba(52, 211, 153, 0.35);
background: rgba(6, 28, 20, 0.55);
}
.cu-assoc-trees {
display: flex;
flex-direction: column;
gap: 0.65rem;
margin: 0 0 0.85rem;
}
.cu-assoc-tree {
border: 1px solid rgba(52, 211, 153, 0.28);
border-radius: 0.55rem;
background: rgba(0, 0, 0, 0.22);
padding: 0.35rem 0.55rem 0.5rem;
}
.cu-assoc-cu-stack {
display: flex;
flex-direction: column;
gap: 0.4rem;
margin: 0.15rem 0 0.65rem;
}
.cu-assoc-cu-chip {
display: flex;
align-items: center;
gap: 0.55rem;
min-height: 2.55rem;
padding: 0.4rem 0.55rem;
border-radius: 0.45rem;
border: 1px solid rgba(52, 211, 153, 0.28);
background: rgba(6, 28, 20, 0.45);
}
.cu-assoc-cu-chip.is-active {
border-color: rgba(52, 211, 153, 0.7);
background: rgba(52, 211, 153, 0.14);
}
.cu-assoc-cu-chip--ext {
border-color: rgba(96, 165, 250, 0.4);
background: rgba(30, 58, 95, 0.4);
}
.cu-assoc-cu-chip--ext .cu-assoc-cu-chip-label {
color: #93c5fd;
}
.cu-assoc-cu-chip-label {
flex: 1 1 auto;
min-width: 0;
color: var(--er-success);
font-weight: 600;
font-size: 0.86rem;
word-break: break-word;
}
.cu-assoc-folder-heading {
margin: 0 0 0.45rem;
color: var(--er-text);
font-size: 0.9rem;
font-weight: 650;
}
.cu-assoc-tree-root {
display: flex;
align-items: center;
gap: 0.55rem;
cursor: pointer;
color: var(--er-success);
font-weight: 600;
font-size: 0.86rem;
list-style: none;
}
.cu-assoc-tree-root::-webkit-details-marker {
display: none;
}
.cu-assoc-tree-label {
flex: 1 1 auto;
min-width: 0;
word-break: break-word;
}
.cu-assoc-preview-btn {
flex: 0 0 auto;
border: 1px solid rgba(52, 211, 153, 0.45);
background: rgba(6, 78, 59, 0.45);
color: var(--er-success);
border-radius: 0.35rem;
font: inherit;
font-size: 0.72rem;
font-weight: 600;
padding: 0.18rem 0.5rem;
cursor: pointer;
white-space: nowrap;
}
.cu-assoc-preview-btn:hover {
background: rgba(6, 95, 70, 0.65);
color: #ecfdf5;
}
.cu-assoc-tree-list {
list-style: none;
margin: 0.45rem 0 0;
padding: 0 0 0 1rem;
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.cu-assoc-unassigned-groups {
display: flex;
flex-direction: column;
gap: 0.85rem;
margin-top: 0.45rem;
}
.cu-assoc-branch-group-head {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem 0.75rem;
margin-left: 0.85rem;
}
.cu-assoc-branch-group-title {
margin: 0;
font-size: 0.92rem;
font-weight: 700;
}
.cu-assoc-newest-btn {
border: 1px solid rgba(52, 211, 153, 0.55);
background: rgba(6, 78, 59, 0.55);
color: #d1fae5;
border-radius: 999px;
padding: 0.2rem 0.7rem;
font-size: 0.75rem;
font-weight: 700;
cursor: pointer;
}
.cu-assoc-newest-btn:disabled {
opacity: 0.45;
cursor: default;
}
.cu-assoc-branch-docs {
margin-left: 0.85rem;
}
.cu-assoc-doc {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.55rem 0.75rem;
min-height: 3.15rem;
padding: 0.7rem 0.75rem;
border-radius: 0.5rem;
background: rgba(255, 255, 255, 0.03);
}
.cu-assoc-match-badge {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
gap: 0.2rem;
font-size: 0.66rem;
font-weight: 600;
padding: 0.1rem 0.4rem;
border-radius: 999px;
white-space: nowrap;
border: 1px solid transparent;
}
.cu-assoc-match-folder,
.cu-assoc-match-filename,
.cu-assoc-match-branch {
color: #34d399;
background: rgba(52, 211, 153, 0.12);
border-color: rgba(52, 211, 153, 0.35);
}
.cu-assoc-match-session-cu {
color: #fbbf24;
background: rgba(251, 191, 36, 0.14);
border-color: rgba(251, 191, 36, 0.42);
}
.cu-assoc-doc--session-cu {
background: rgba(251, 191, 36, 0.06);
box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.28);
}
.cu-assoc-match-extension {
color: #93c5fd;
background: rgba(96, 165, 250, 0.12);
border-color: rgba(96, 165, 250, 0.35);
}
.cu-assoc-match-vl,
.cu-assoc-match-detected,
.cu-assoc-match-ensemble {
color: #60a5fa;
background: rgba(96, 165, 250, 0.12);
border-color: rgba(96, 165, 250, 0.35);
}
.cu-assoc-match-title,
.cu-assoc-match-title-pick,
.cu-assoc-match-title-multi {
color: #fbbf24;
background: rgba(251, 191, 36, 0.14);
border-color: rgba(251, 191, 36, 0.42);
}
.cu-assoc-doc-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.4rem;
flex: 1 1 18rem;
min-width: 0;
}
.cu-assoc-doc-name-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem 0.5rem;
flex: 1 1 16rem;
min-width: min(100%, 16rem);
}
.cu-assoc-doc-name {
border: 0;
background: transparent;
color: var(--er-text-muted);
text-align: left;
cursor: pointer;
text-decoration: underline;
text-decoration-color: rgba(231, 229, 228, 0.3);
font: inherit;
padding: 0;
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
}
.cu-assoc-doc-name:hover {
color: var(--er-text);
}
.cu-assoc-doc-path {
flex: 0 0 100%;
font-size: 0.7rem;
line-height: 1.35;
color: var(--er-text-muted);
opacity: 0.7;
overflow-wrap: anywhere;
word-break: break-word;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.cu-assoc-doc--verifying {
border: 1px solid rgba(125, 211, 252, 0.4);
background: rgba(12, 74, 110, 0.22);
}
.cu-assoc-verify-badge {
display: inline-flex;
align-items: center;
font-size: 0.66rem;
font-weight: 700;
letter-spacing: 0.02em;
color: #e0f2fe;
background: rgba(14, 116, 144, 0.55);
border: 1px solid rgba(125, 211, 252, 0.5);
border-radius: 999px;
padding: 0.1rem 0.45rem;
white-space: nowrap;
}
.cu-assoc-doc--failed {
border: 1px solid rgba(248, 113, 113, 0.35);
background: rgba(127, 29, 29, 0.18);
}
.cu-assoc-doc-name--failed {
background: rgba(239, 68, 68, 0.38);
color: #fecaca;
text-decoration: none;
border-radius: 0.3rem;
padding: 0.12rem 0.4rem;
}
.cu-assoc-doc-name--failed:hover {
color: #fff;
background: rgba(239, 68, 68, 0.52);
}
.cu-assoc-doc--cross {
border: 1px solid rgba(251, 191, 36, 0.5);
background: rgba(120, 83, 16, 0.28);
}
.cu-assoc-doc-name--cross {
background: rgba(251, 191, 36, 0.28);
color: #fde68a;
text-decoration: none;
border-radius: 0.3rem;
padding: 0.12rem 0.4rem;
}
.cu-assoc-doc-name--cross:hover {
color: #fffbeb;
background: rgba(251, 191, 36, 0.42);
}
.cu-assoc-doc--title-ambig {
border: 1px solid rgba(251, 191, 36, 0.5);
background: rgba(120, 83, 16, 0.28);
}
.cu-assoc-doc-name--title-ambig {
background: rgba(251, 191, 36, 0.28);
color: #fde68a;
text-decoration: none;
border-radius: 0.3rem;
padding: 0.12rem 0.4rem;
}
.cu-assoc-doc-name--title-ambig:hover {
color: #fffbeb;
background: rgba(251, 191, 36, 0.42);
}
.cu-assoc-title-ambig-badge {
display: inline-flex;
align-items: center;
font-size: 0.66rem;
font-weight: 700;
letter-spacing: 0.02em;
color: #fde68a;
background: rgba(146, 64, 14, 0.72);
border: 1px solid rgba(251, 191, 36, 0.65);
border-radius: 999px;
padding: 0.1rem 0.45rem;
white-space: normal;
max-width: 28rem;
line-height: 1.35;
}
.cu-assoc-title-ambig-picker {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.28rem;
max-width: 38rem;
}
.cu-assoc-title-ambig-label {
font-size: 0.66rem;
font-weight: 700;
letter-spacing: 0.02em;
color: #fde68a;
line-height: 1.35;
}
.cu-assoc-title-hit-chips {
display: flex;
flex-wrap: wrap;
gap: 0.28rem;
}
.cu-assoc-title-hit-chip {
border: 1px solid rgba(251, 191, 36, 0.65);
background: rgba(146, 64, 14, 0.45);
color: #fde68a;
border-radius: 999px;
font: inherit;
font-size: 0.72rem;
font-weight: 700;
padding: 0.22rem 0.7rem;
cursor: pointer;
}
.cu-assoc-title-hit-chip:hover:not(:disabled) {
background: rgba(180, 83, 9, 0.7);
color: #fffbeb;
}
.cu-assoc-title-hit-chip.is-selected {
background: rgba(6, 78, 59, 0.72);
border-color: rgba(52, 211, 153, 0.7);
color: #d1fae5;
}
.cu-assoc-title-hit-chip.is-selected:hover:not(:disabled) {
background: rgba(6, 95, 70, 0.85);
}
.cu-assoc-title-hit-chip:disabled {
opacity: 0.55;
cursor: not-allowed;
}
.cu-assoc-cross-badge {
display: inline-flex;
align-items: center;
font-size: 0.66rem;
font-weight: 700;
letter-spacing: 0.02em;
color: #fde68a;
background: rgba(146, 64, 14, 0.72);
border: 1px solid rgba(251, 191, 36, 0.65);
border-radius: 999px;
padding: 0.1rem 0.45rem;
white-space: nowrap;
}
.cu-assoc-fail-badge {
display: inline-flex;
align-items: center;
font-size: 0.66rem;
font-weight: 700;
letter-spacing: 0.02em;
color: #fecaca;
background: rgba(185, 28, 28, 0.55);
border: 1px solid rgba(248, 113, 113, 0.55);
border-radius: 999px;
padding: 0.1rem 0.45rem;
white-space: normal;
max-width: 22rem;
line-height: 1.35;
}
.cu-assoc-doc--unknown-cu {
border: 1px solid rgba(248, 113, 113, 0.55);
background: rgba(127, 29, 29, 0.22);
}
.cu-assoc-doc-name--unknown-cu {
background: rgba(239, 68, 68, 0.42);
color: #fecaca;
text-decoration: none;
border-radius: 0.3rem;
padding: 0.12rem 0.4rem;
}
.cu-assoc-doc-name--unknown-cu:hover {
color: #fff;
background: rgba(239, 68, 68, 0.58);
}
.cu-assoc-doc--branch-alert {
background: rgba(120, 53, 15, 0.28);
}
.cu-assoc-branch-badge {
display: inline-flex;
align-items: center;
font-size: 0.66rem;
font-weight: 700;
letter-spacing: 0.02em;
color: #fde68a;
background: rgba(120, 53, 15, 0.82);
border: 1px solid rgba(251, 191, 36, 0.7);
border-radius: 999px;
padding: 0.12rem 0.5rem;
white-space: normal;
max-width: 32rem;
line-height: 1.35;
}
.cu-assoc-unknown-badge {
display: inline-flex;
align-items: center;
font-size: 0.66rem;
font-weight: 700;
letter-spacing: 0.02em;
color: #fecaca;
background: rgba(153, 27, 27, 0.78);
border: 1px solid rgba(248, 113, 113, 0.7);
border-radius: 999px;
padding: 0.12rem 0.5rem;
white-space: normal;
max-width: 28rem;
line-height: 1.35;
}
.cu-assoc-accept-btn {
border: 1px solid rgba(52, 211, 153, 0.5);
background: rgba(6, 78, 59, 0.45);
color: #d1fae5;
border-radius: 0.35rem;
font: inherit;
font-size: 0.78rem;
padding: 0.4rem 0.7rem;
cursor: pointer;
white-space: nowrap;
}
.cu-assoc-accept-btn:hover:not(:disabled) {
border-color: rgba(52, 211, 153, 0.8);
background: rgba(6, 95, 70, 0.65);
color: #ecfdf5;
}
.cu-assoc-accept-btn:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.cu-assoc-doc-meta {
flex: 0 0 auto;
color: var(--er-text-muted);
font-size: 0.72rem;
white-space: nowrap;
}
.cu-assoc-change-btn {
border: 1px solid rgba(251, 191, 36, 0.45);
background: var(--er-accent-soft);
color: var(--er-text-secondary);
border-radius: 0.35rem;
font: inherit;
font-size: 0.78rem;
padding: 0.4rem 0.7rem;
cursor: pointer;
white-space: nowrap;
}
.cu-assoc-change-btn:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.cu-assoc-move-select {
flex: 1 1 10rem;
max-width: 16rem;
min-width: min(100%, 10rem);
border: 1px solid rgba(52, 211, 153, 0.45);
background: rgba(6, 28, 20, 0.75);
color: var(--er-text);
border-radius: 0.35rem;
font: inherit;
font-size: 0.78rem;
padding: 0.35rem 0.45rem;
cursor: pointer;
}
.cu-assoc-move-select:hover:not(:disabled),
.cu-assoc-move-select:focus-visible {
border-color: rgba(52, 211, 153, 0.8);
outline: none;
}
.cu-assoc-move-select:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.cu-assoc-neimportant-btn {
border: 1px solid rgba(148, 163, 184, 0.5);
background: rgba(148, 163, 184, 0.12);
color: var(--er-text);
border-radius: 0.35rem;
font: inherit;
font-size: 0.78rem;
font-weight: 600;
padding: 0.4rem 0.7rem;
cursor: pointer;
white-space: nowrap;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.cu-assoc-neimportant-btn:hover:not(:disabled) {
border-color: rgba(148, 163, 184, 0.8);
background: rgba(148, 163, 184, 0.22);
}
.cu-assoc-neimportant-btn:focus-visible {
outline: 2px solid rgba(148, 163, 184, 0.7);
outline-offset: 2px;
}
.cu-assoc-neimportant-btn:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.cu-assoc-restore-btn {
border: 1px solid rgba(52, 211, 153, 0.45);
background: rgba(6, 78, 59, 0.35);
color: #d1fae5;
border-radius: 0.35rem;
font: inherit;
font-size: 0.78rem;
font-weight: 600;
padding: 0.4rem 0.7rem;
cursor: pointer;
white-space: nowrap;
transition: background 0.2s ease, border-color 0.2s ease;
}
.cu-assoc-restore-btn:hover:not(:disabled) {
border-color: rgba(52, 211, 153, 0.8);
background: rgba(6, 95, 70, 0.6);
}
.cu-assoc-restore-btn:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.cu-assoc-excluded {
flex: 0 0 auto;
margin: 0.75rem 0 0;
padding: 0.35rem 0.55rem;
border-radius: 0.55rem;
border: 1px solid rgba(148, 163, 184, 0.4);
background: rgba(15, 23, 42, 0.45);
min-height: 0;
max-height: none;
display: flex;
flex-direction: column;
gap: 0;
}
.cu-assoc-excluded.is-open {
padding: 0.55rem 0.65rem 0.7rem;
gap: 0.45rem;
min-height: 12.5rem;
max-height: min(24rem, 42vh);
}
.cu-assoc-excluded[hidden] {
display: none;
}
.cu-assoc-excluded-toggle,
.dd-classify-excluded-toggle {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
width: 100%;
margin: 0;
padding: 0.4rem 0.25rem;
border: 0;
background: transparent;
color: var(--er-text);
font: inherit;
text-align: left;
cursor: pointer;
border-radius: 0.35rem;
transition: background 0.2s ease;
}
.cu-assoc-excluded-toggle:hover,
.dd-classify-excluded-toggle:hover {
background: rgba(148, 163, 184, 0.12);
}
.cu-assoc-excluded-toggle:focus-visible,
.dd-classify-excluded-toggle:focus-visible {
outline: 2px solid rgba(148, 163, 184, 0.7);
outline-offset: 2px;
}
.cu-assoc-excluded-toggle-main,
.dd-classify-excluded-toggle-main {
display: inline-flex;
align-items: center;
gap: 0.45rem;
min-width: 0;
}
.cu-assoc-excluded-chevron,
.dd-classify-excluded-chevron {
width: 1.05rem;
height: 1.05rem;
flex: 0 0 auto;
color: var(--er-text-muted);
transition: transform 0.2s ease;
}
.cu-assoc-excluded.is-open .cu-assoc-excluded-chevron,
.dd-classify-excluded.is-open .dd-classify-excluded-chevron {
transform: rotate(180deg);
}
.cu-assoc-excluded-header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.75rem;
}
.cu-assoc-excluded-title,
.dd-classify-excluded-title {
margin: 0;
font-size: 0.86rem;
font-weight: 650;
color: var(--er-text);
}
.cu-assoc-excluded-count,
.dd-classify-excluded-count {
font-size: 0.75rem;
font-weight: 600;
font-variant-numeric: tabular-nums;
color: var(--er-text-muted);
}
.cu-assoc-excluded-body,
.dd-classify-excluded-body {
display: none;
flex-direction: column;
gap: 0.4rem;
min-height: 0;
flex: 1 1 auto;
}
.cu-assoc-excluded.is-open .cu-assoc-excluded-body,
.dd-classify-excluded.is-open .dd-classify-excluded-body {
display: flex;
}
.cu-assoc-excluded-hint,
.dd-classify-excluded-hint {
margin: 0;
font-size: 0.75rem;
line-height: 1.4;
color: var(--er-text-muted);
}
.cu-assoc-excluded-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.4rem;
overflow-y: auto;
flex: 1 1 auto;
min-height: 7.5rem;
overscroll-behavior: contain;
}
.cu-assoc-doc--excluded {
display: grid;
grid-template-columns: minmax(0, 1fr) auto auto;
grid-template-areas: "info badge restore";
gap: 0.4rem 0.65rem;
align-items: start;
padding: 0.45rem 0.55rem;
border-radius: 0.45rem;
border: 1px solid rgba(148, 163, 184, 0.35);
background: rgba(148, 163, 184, 0.08);
}
.cu-assoc-doc--excluded .cu-assoc-doc-name-wrap {
grid-area: info;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
gap: 0.12rem;
min-width: 0;
flex: none;
}
.cu-assoc-doc--excluded .cu-assoc-doc-name {
max-width: 100%;
}
.cu-assoc-doc--excluded .cu-assoc-doc-path {
flex: none;
width: 100%;
}
.cu-assoc-doc--excluded .cu-assoc-excluded-badge {
grid-area: badge;
align-self: center;
}
.cu-assoc-doc--excluded .cu-assoc-restore-btn {
grid-area: restore;
align-self: center;
}
.cu-assoc-excluded-badge {
display: inline-flex;
align-items: center;
padding: 0.08rem 0.4rem;
border-radius: 0.35rem;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #e2e8f0;
background: rgba(148, 163, 184, 0.22);
border: 1px solid rgba(148, 163, 184, 0.45);
white-space: nowrap;
}
.cu-assoc-class-chip {
display: inline-flex;
align-items: center;
grid-column: 1 / -1;
flex: none;
width: fit-content;
max-width: 100%;
min-width: 0;
overflow-wrap: anywhere;
word-break: break-word;
white-space: normal;
font-size: 0.72rem;
font-weight: 600;
line-height: 1.35;
padding: 0.18rem 0.55rem;
border-radius: 0.45rem;
color: #bbf7d0;
background: rgba(34, 197, 94, 0.18);
border: 1px solid rgba(34, 197, 94, 0.45);
}
@media (prefers-reduced-motion: reduce) {
.cu-assoc-excluded-chevron,
.dd-classify-excluded-chevron {
transition: none;
}
}
.cu-assoc-select {
flex: 1 1 100%;
width: 100%;
margin-top: 0.15rem;
}
.cu-assoc-multi-badge {
display: inline-block;
margin-top: 0.2rem;
padding: 0.08rem 0.4rem;
border-radius: 0.35rem;
font-size: 0.72rem;
font-weight: 600;
color: var(--er-accent);
background: var(--er-accent-soft);
border: 1px solid var(--er-accent-border);
}
.cu-assoc-multiselect {
flex: 1 1 100%;
width: 100%;
margin-top: 0.25rem;
padding: 0.45rem 0.55rem;
border: 1px solid var(--er-accent-border-strong);
border-radius: 0.45rem;
background: var(--er-surface);
display: flex;
flex-direction: column;
gap: 0.28rem;
}
.cu-assoc-multiselect-hint {
margin: 0 0 0.15rem;
font-size: 0.75rem;
color: var(--er-text-muted);
}
.cu-assoc-multiselect-option {
display: flex;
align-items: flex-start;
gap: 0.4rem;
font-size: 0.8rem;
color: var(--er-text);
cursor: pointer;
}
.cu-assoc-multiselect-option input {
margin-top: 0.15rem;
flex: 0 0 auto;
}
.cu-assoc-multiselect-none {
align-self: flex-start;
margin-top: 0.15rem;
border: 1px solid var(--er-border);
background: transparent;
color: var(--er-text-secondary);
border-radius: 0.35rem;
padding: 0.2rem 0.5rem;
font-size: 0.75rem;
cursor: pointer;
}
.cu-assoc-multiselect-none:hover {
border-color: var(--er-accent-border-strong);
color: var(--er-text);
}
.cu-assoc-empty {
color: var(--er-text-faint);
font-size: 0.78rem;
padding: 0.2rem 0.35rem;
}
.cu-session-progress {
margin: -0.4rem 0 0.85rem;
font-size: 0.88rem;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
color: var(--er-warning);
line-height: 1.4;
}
.cu-session-validated-status {
display: flex;
align-items: center;
gap: 0.4rem;
margin: -0.55rem 0 0.85rem;
color: #34d399;
}
.cu-session-validated-status[hidden] {
display: none !important;
}
.cu-session-validated-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 1.15rem;
width: 1.15rem;
height: 1.15rem;
border-radius: 999px;
border: 1.5px solid rgba(52, 211, 153, 0.7);
background: rgba(6, 78, 59, 0.55);
color: #6ee7b7;
}
.cu-session-validated-icon svg {
width: 0.72rem;
height: 0.72rem;
}
#cu-session-picker.dd-cu-section-hidden {
display: none !important;
}
.cu-session-errors {
margin: 0 0 0.85rem;
padding: 0;
list-style: none;
max-height: 8rem;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.cu-session-errors:empty {
display: none;
}
.cu-session-error-item {
margin: 0;
padding: 0.4rem 0.55rem;
border-radius: 0.45rem;
border: 1px solid rgba(248, 113, 113, 0.45);
background: rgba(127, 29, 29, 0.35);
color: var(--er-danger);
font-size: 0.78rem;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
line-height: 1.35;
word-break: break-all;
}
.dd-cu-section-hidden {
display: none !important;
}
.cu-cert-list {
list-style: none;
margin: 0;
padding: 0.1rem 0.15rem;
display: flex;
flex: 1 1 auto;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
gap: 0.45rem;
min-width: 0;
max-height: none;
overflow-x: auto;
overflow-y: hidden;
overscroll-behavior: contain;
scrollbar-width: thin;
}
.cu-cert-list:empty {
display: none;
}
.cu-cert-item {
display: flex;
width: auto;
flex: 0 1 auto;
max-width: min(18rem, 42vw);
min-width: 0;
min-height: 2.25rem;
align-items: stretch;
border-radius: 0.55rem;
border: 1px solid var(--er-accent-border-strong);
background: var(--er-panel);
overflow: hidden;
box-sizing: border-box;
}
.cu-cert-item.is-active {
border-color: var(--er-accent);
box-shadow: 0 0 0 1px var(--er-accent-border-strong);
}
.cu-cert-item--chain {
max-width: min(28rem, 70vw);
}
.cu-cert-item--nr {
max-width: none;
flex: 0 0 auto;
}
.cu-cert-item--nr .cu-cert-select {
overflow: visible;
text-overflow: clip;
}
.cu-cert-select {
border: 0;
background: transparent;
color: var(--er-text-secondary);
font-family: 'Fira Code', monospace;
font-size: 0.78rem;
padding: 0.4rem 0.65rem;
cursor: pointer;
flex: 1 1 auto;
min-width: 0;
max-width: none;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cu-cert-item.is-active .cu-cert-select {
color: #fff;
background: var(--er-accent-border);
}
.cu-cert-remove {
border: 0;
border-left: 1px solid var(--er-accent-border);
background: rgba(0, 0, 0, 0.25);
color: var(--er-danger);
width: 2rem;
font-size: 1.1rem;
line-height: 1;
cursor: pointer;
transition: background 0.15s ease;
}
.cu-cert-remove:hover {
background: rgba(239, 68, 68, 0.25);
color: #fff;
}
.cu-cert-remove:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.cu-cert-remove:disabled:hover {
background: rgba(0, 0, 0, 0.25);
color: var(--er-danger);
}
.cu-cert-add-row {
display: flex;
gap: 0.5rem;
align-items: stretch;
flex-wrap: wrap;
}
.cu-add-pdf-select {
flex: 1;
min-width: 12rem;
}
.cu-add-cert-btn {
border: 1px solid var(--er-accent-border-strong);
background: var(--er-accent-soft);
color: var(--er-text-secondary);
padding: 0.55rem 1rem;
border-radius: 0.65rem;
font-weight: 600;
font-size: 0.85rem;
cursor: pointer;
white-space: nowrap;
transition: background 0.18s ease, color 0.18s ease;
}
.cu-add-cert-btn:hover:not([disabled]) {
background: var(--er-accent-border);
color: #fff;
}
.cu-add-cert-btn[disabled] {
opacity: 0.45;
cursor: not-allowed;
}
.cu-cert-suggestions {
margin: 1rem 0 0;
padding: 0.75rem 0.8rem 0.85rem;
border-radius: 0.7rem;
border: 1px solid rgba(251, 191, 36, 0.28);
background: var(--er-panel);
}
.cu-cert-suggestions-head {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 0.35rem 0.75rem;
margin-bottom: 0.25rem;
}
.cu-cert-suggestions-head .archive-input-label {
margin: 0;
}
.cu-cert-suggestions-hint {
margin: 0 0 0.55rem;
font-size: 0.78rem;
color: var(--er-text-muted);
line-height: 1.4;
}
.cu-cert-suggestions-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.4rem;
max-height: 14rem;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
.cu-cert-suggestions-list:empty {
display: none;
}
.cu-cert-suggestion-item {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0.4rem 0.55rem;
align-items: center;
min-height: 2.15rem;
padding: 0.35rem 0.45rem 0.35rem 0.55rem;
border-radius: 0.5rem;
border: 1px solid var(--er-accent-border);
background: var(--er-panel);
box-sizing: border-box;
}
.cu-cert-suggestion-name {
border: 0;
background: transparent;
color: var(--er-text-secondary);
font-family: "Fira Code", monospace;
font-size: 0.76rem;
text-align: left;
cursor: pointer;
padding: 0;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-decoration: underline;
text-decoration-color: rgba(253, 230, 138, 0.3);
text-underline-offset: 0.12em;
}
.cu-cert-suggestion-name:hover {
color: #fff;
text-decoration-color: rgba(255, 255, 255, 0.55);
}
.cu-cert-suggestion-add {
border: 1px solid var(--er-accent-border-strong);
background: var(--er-accent-soft);
color: var(--er-text-secondary);
border-radius: 0.4rem;
padding: 0.28rem 0.55rem;
font-size: 0.74rem;
font-weight: 600;
cursor: pointer;
white-space: nowrap;
}
.cu-cert-suggestion-add:hover:not(:disabled) {
background: var(--er-accent-border-strong);
color: #fff;
}
.cu-cert-suggestion-add:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.cu-cert-suggestions-empty {
margin: 0;
font-size: 0.78rem;
color: var(--er-text-faint);
font-style: italic;
}
.cu-cert-suggestions-empty[hidden] {
display: none;
}
.archive-files-panel {
padding-top: 0.25rem;
}
.archive-files-title {
margin: 0 0 0.5rem;
font-family: 'Fira Code', monospace;
font-size: 0.95rem;
color: var(--er-text);
}
/* ── Step 1: duplicates panel ─────────────────────────────────────────── */
.dd-duplicates-panel {
margin: 0 0 0.6rem;
border: 1px solid var(--er-accent-border);
border-radius: 0.6rem;
background: var(--er-accent-soft);
overflow: hidden;
}
.dd-duplicates-panel.dd-is-hidden {
display: none;
}
.dd-duplicates-toggle {
width: 100%;
display: flex;
align-items: center;
gap: 0.5rem;
padding: 0.45rem 0.6rem;
border: none;
background: transparent;
color: var(--er-text);
font: inherit;
font-weight: 600;
font-size: 0.82rem;
cursor: pointer;
text-align: left;
}
.dd-duplicates-toggle:hover {
background: rgba(255, 255, 255, 0.04);
}
.dd-duplicates-toggle-text {
flex: 1 1 auto;
}
.dd-duplicates-count {
flex: 0 0 auto;
font-family: 'Fira Code', monospace;
font-size: 0.72rem;
font-weight: 600;
color: var(--er-text-muted);
background: rgba(255, 255, 255, 0.06);
border: 1px solid var(--er-accent-border-strong);
border-radius: 999px;
padding: 0.05rem 0.45rem;
}
.dd-duplicates-caret {
flex: 0 0 auto;
font-size: 0.7rem;
color: var(--er-text-muted);
}
.dd-duplicates-hint {
margin: 0;
padding: 0 0.45rem 0.45rem;
font-size: 0.72rem;
line-height: 1.35;
color: var(--er-text-faint);
}
.dd-duplicates-body {
padding: 0 0.5rem 0.5rem;
max-height: 22rem;
overflow: auto;
display: flex;
flex-direction: column;
gap: 0.45rem;
}
.dd-duplicates-body.dd-is-hidden {
display: none;
}
.dd-duplicates-group {
border: 1px solid var(--er-accent-border);
border-radius: 0.45rem;
background: var(--er-panel);
padding: 0.35rem 0.45rem 0.4rem;
}
.dd-duplicates-group-head {
display: flex;
align-items: baseline;
gap: 0.45rem;
margin-bottom: 0.2rem;
}
.dd-duplicates-group-name {
font-size: 0.8rem;
font-weight: 700;
color: var(--er-text);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
.dd-duplicates-group-meta {
flex: 0 0 auto;
font-size: 0.7rem;
color: var(--er-text-muted);
}
.dd-duplicates-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.15rem;
}
.dd-duplicates-item {
min-width: 0;
}
.dd-duplicates-option {
display: flex;
align-items: center;
gap: 0.4rem;
padding: 0.2rem 0.25rem;
border-radius: 0.3rem;
cursor: pointer;
min-width: 0;
}
.dd-duplicates-option:hover {
background: rgba(255, 255, 255, 0.04);
}
.dd-duplicates-option input[type="radio"] {
flex: 0 0 auto;
accent-color: var(--er-success, #22c55e);
}
.dd-duplicates-path {
flex: 1 1 auto;
min-width: 0;
font-family: 'Fira Code', monospace;
font-size: 0.72rem;
color: var(--er-text-secondary);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-duplicates-badge {
flex: 0 0 auto;
font-size: 0.66rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
padding: 0.04rem 0.35rem;
border-radius: 999px;
border: 1px solid transparent;
}
.dd-duplicates-badge--active {
color: #bbf7d0;
background: rgba(34, 197, 94, 0.18);
border-color: rgba(34, 197, 94, 0.5);
}
.dd-duplicates-badge--muted {
color: var(--er-text-muted);
background: rgba(255, 255, 255, 0.04);
border-color: var(--er-accent-border);
}
:is(body.dd-view-only, body.is-doc-visitor) .dd-duplicates-option input[type="radio"] {
cursor: not-allowed;
}
.cert-extract-right .archive-preview--main {
min-height: min(75vh, 52rem);
}
.archive-preview-hint {
margin: -0.35rem 0 0.65rem;
font-size: 0.78rem;
color: var(--er-text-muted);
line-height: 1.35;
}
/* Pasul 1–2 — rotate all PDF pages and save the file on disk. */
.dd-pdf-rotate-bar {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.55rem 0.75rem;
margin: 0 0 0.65rem;
}
.dd-pdf-rotate-label {
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--er-text-muted);
}
.dd-pdf-rotate-actions {
display: inline-flex;
align-items: center;
gap: 0.4rem;
}
.dd-pdf-rotate-btn {
display: inline-flex;
align-items: center;
gap: 0.4rem;
border: 1px solid var(--er-accent-border-strong);
background: transparent;
color: var(--er-text-secondary);
padding: 0.4rem 0.8rem;
border-radius: 0.55rem;
font-size: 0.8rem;
font-family: "Fira Code", monospace;
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
.dd-pdf-rotate-btn:hover:not([disabled]) {
background: var(--er-accent-soft);
color: var(--er-text);
border-color: var(--er-accent);
}
.dd-pdf-rotate-btn svg {
width: 0.95rem;
height: 0.95rem;
flex: none;
}
.dd-pdf-rotate-btn[disabled] {
opacity: 0.45;
cursor: not-allowed;
}
.dd-pdf-rotate-status {
flex: 1 1 12rem;
margin: 0;
font-size: 0.75rem;
line-height: 1.4;
color: var(--er-text-secondary);
}
.dd-pdf-rotate-status.is-ok {
color: #34d399;
}
.dd-pdf-rotate-status.is-warn {
color: #fbbf24;
}
.dd-pdf-rotate-status.is-error {
color: #f87171;
}
/* Pasul 2 „Modifică document” — page interval sent to the AI steps. */
.dd-page-range-bar {
position: relative;
margin: 0 0 0.65rem;
}
.dd-page-range-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.6rem;
flex-wrap: wrap;
}
.dd-page-range-badge {
font-size: 0.75rem;
font-family: 'Fira Code', monospace;
color: var(--er-text-muted);
padding: 0.28rem 0.6rem;
border-radius: 999px;
border: 1px solid var(--er-accent-soft);
background: var(--er-input-bg);
}
.dd-page-range-badge.is-trimmed {
color: #fbbf24;
border-color: rgba(251, 191, 36, 0.45);
background: rgba(251, 191, 36, 0.12);
}
.dd-page-range-toggle {
display: inline-flex;
align-items: center;
gap: 0.4rem;
border: 1px solid var(--er-accent-border-strong);
background: transparent;
color: var(--er-text-secondary);
padding: 0.4rem 0.8rem;
border-radius: 0.55rem;
font-size: 0.8rem;
font-family: 'Fira Code', monospace;
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
.dd-page-range-toggle:hover {
background: var(--er-accent-soft);
color: var(--er-text);
border-color: var(--er-accent);
}
.dd-page-range-toggle svg {
width: 0.95rem;
height: 0.95rem;
flex: none;
}
.dd-page-range-menu {
position: absolute;
right: 0;
top: calc(100% + 0.4rem);
z-index: 30;
width: min(26rem, calc(100vw - 3rem));
padding: 0.85rem 0.9rem;
border-radius: 0.75rem;
border: 1px solid var(--er-accent-border-strong);
background: var(--er-panel);
box-shadow: 0 1.1rem 2.4rem rgba(0, 0, 0, 0.45);
}
.dd-page-range-menu-hint {
margin: 0 0 0.7rem;
font-size: 0.75rem;
line-height: 1.45;
color: var(--er-text-muted);
}
.dd-page-range-fields {
display: flex;
align-items: flex-end;
gap: 0.6rem;
flex-wrap: wrap;
}
.dd-page-range-field {
display: flex;
flex-direction: column;
gap: 0.25rem;
font-size: 0.72rem;
color: var(--er-text-muted);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.dd-page-range-field input {
width: 6rem;
padding: 0.42rem 0.55rem;
border-radius: 0.5rem;
border: 1px solid var(--er-accent-soft);
background: var(--er-input-bg);
color: var(--er-text);
font-size: 0.85rem;
font-family: 'Fira Code', monospace;
text-transform: none;
letter-spacing: normal;
}
.dd-page-range-field input:focus {
outline: none;
border-color: var(--er-accent);
}
.dd-page-range-total {
font-size: 0.75rem;
font-family: 'Fira Code', monospace;
color: var(--er-text-muted);
padding-bottom: 0.5rem;
}
.dd-page-range-status {
margin: 0.7rem 0 0;
font-size: 0.75rem;
line-height: 1.4;
color: var(--er-text-secondary);
}
.dd-page-range-status.is-ok {
color: #34d399;
}
.dd-page-range-status.is-warn {
color: #fbbf24;
}
.dd-page-range-status.is-error {
color: #f87171;
}
.dd-page-range-actions {
display: flex;
align-items: center;
gap: 0.5rem;
flex-wrap: wrap;
margin-top: 0.8rem;
}
.dd-page-range-apply,
.dd-page-range-reset {
border-radius: 0.55rem;
padding: 0.45rem 0.9rem;
font-size: 0.8rem;
font-family: 'Fira Code', monospace;
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
.dd-page-range-apply {
border: 1px solid var(--er-accent-border-strong);
background: var(--er-accent-soft);
color: var(--er-text);
font-weight: 600;
}
.dd-page-range-apply:hover:not([disabled]) {
background: var(--er-accent-border);
color: #fff;
}
.dd-page-range-reset {
border: 1px solid var(--er-accent-soft);
background: transparent;
color: var(--er-text-secondary);
}
.dd-page-range-reset:hover:not([disabled]) {
border-color: var(--er-accent);
color: var(--er-text);
}
.dd-page-range-apply[disabled],
.dd-page-range-reset[disabled] {
opacity: 0.45;
cursor: not-allowed;
}
.cert-extract-right .preview-content {
min-height: min(65vh, 44rem);
}
.cert-extract-right .preview-content iframe {
min-height: min(62vh, 40rem);
}
/* Larger PDF preview on Pasul 2 (CU), Pasul 5 (clasificare) and Pasul 6 (avize). */
.dd-stepper-root[data-current-step="2"] .cert-extract-right .archive-preview--main,
.dd-stepper-root[data-current-step="5"] .cert-extract-right .archive-preview--main,
.dd-stepper-root[data-current-step="6"] .cert-extract-right .archive-preview--main {
min-height: min(88vh, 64rem);
}
/* Pasul 1–2: ascunde panoul de extragere avize până la Pasul 6. */
.dd-stepper-root[data-current-step="1"] .cu-panel,
.dd-stepper-root[data-current-step="2"] .cu-panel {
display: none !important;
}
/* Pasul 5 — clasificare: fără sesiune CU / identitate / prelungiri / avize. */
.dd-stepper-root[data-current-step="5"] .cu-session-panel,
.dd-stepper-root[data-current-step="5"] .cu-extensions-panel,
.dd-stepper-root[data-current-step="5"] .cu-identity-panel,
.dd-stepper-root[data-current-step="5"] .cu-panel {
display: none !important;
}
/* Pasul 6 — avize: fără sesiune / identitate / clasificare / lista arhivă. */
.dd-stepper-root[data-current-step="6"] .cu-session-panel,
.dd-stepper-root[data-current-step="6"] .cu-extensions-panel,
.dd-stepper-root[data-current-step="6"] .cu-identity-panel,
.dd-stepper-root[data-current-step="6"] #dd-archive-classify-panel {
display: none !important;
}
.dd-stepper-root[data-current-step="6"] #dd-archive-files-panel {
display: none !important;
}
.dd-stepper-root[data-current-step="2"] .cert-extract-right .preview-content,
.dd-stepper-root[data-current-step="5"] .cert-extract-right .preview-content,
.dd-stepper-root[data-current-step="6"] .cert-extract-right .preview-content {
min-height: min(80vh, 56rem);
}
.dd-stepper-root[data-current-step="2"] .cert-extract-right .preview-content iframe,
.dd-stepper-root[data-current-step="5"] .cert-extract-right .preview-content iframe,
.dd-stepper-root[data-current-step="6"] .cert-extract-right .preview-content iframe {
min-height: min(78vh, 54rem);
}
.dd-stepper-root[data-current-step="2"] .cert-extract-right .preview-content img,
.dd-stepper-root[data-current-step="5"] .cert-extract-right .preview-content img,
.dd-stepper-root[data-current-step="6"] .cert-extract-right .preview-content img {
max-height: min(76vh, 52rem);
}
.archive-tree {
border: 1px solid var(--er-accent-border);
border-radius: 0.9rem;
background: var(--er-panel);
padding: 0.95rem 1.05rem;
max-height: 30rem;
overflow: auto;
font-family: 'Fira Code', monospace;
}
.archive-tree-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
padding: 0 0 0.4rem 0.25rem;
margin-bottom: 0.4rem;
border-bottom: 1px solid var(--er-accent-border);
position: sticky;
top: -0.95rem;
background: var(--er-panel);
z-index: 2;
}
.archive-tree-header-doc,
.archive-tree-header-neimportant {
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--er-text-muted, var(--er-text));
}
.archive-tree-header-neimportant {
text-align: right;
min-width: 4rem;
cursor: help;
}
.archive-tree ul {
list-style: none;
margin: 0;
padding-left: 1rem;
}
.archive-tree > ul {
padding-left: 0;
}
.archive-tree li,
.archive-tree summary {
color: var(--er-text);
font-size: 0.82rem;
line-height: 1.75;
}
.archive-tree details {
margin: 0.05rem 0;
}
.archive-tree summary {
cursor: pointer;
list-style: none;
padding: 0.1rem 0.25rem;
border-radius: 0.35rem;
transition: background 0.15s ease;
}
.archive-tree summary::-webkit-details-marker {
display: none;
}
.archive-tree summary:hover {
background: var(--er-accent-soft);
}
.archive-tree .tree-folder::before {
content: "📁 ";
}
.archive-tree details[open] > summary.tree-folder::before {
content: "📂 ";
}
.archive-tree .tree-file::before {
content: "📄 ";
}
.archive-tree li.tree-file-item {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 0.4rem;
}
.archive-tree li.tree-file-item > .tree-file-button {
flex: 1 1 auto;
min-width: 0;
}
.archive-tree li.tree-file-item > .tree-class-label {
flex: 0 0 auto;
}
.archive-tree .tree-file-include {
appearance: none;
width: 0.85rem;
height: 0.85rem;
margin-left: auto;
border: 1.5px solid var(--er-accent-border-strong);
border-radius: 0.25rem;
background: var(--er-panel);
cursor: pointer;
flex: 0 0 auto;
position: relative;
}
.archive-tree .tree-file-include:checked {
background: var(--er-accent);
border-color: var(--er-accent);
}
.archive-tree .tree-file-include:checked::after {
content: "✓";
position: absolute;
inset: 0;
display: grid;
place-items: center;
color: var(--er-on-accent);
font-size: 0.65rem;
font-weight: 700;
line-height: 1;
}
.archive-tree .tree-file-include:focus-visible {
outline: 2px solid var(--er-accent);
outline-offset: 1px;
}
.archive-status--warn {
color: var(--er-warning);
}
.archive-tree li.tree-file-excluded > .tree-file-button {
opacity: 0.5;
text-decoration: line-through;
}
.archive-tree li.tree-file-excluded > .tree-file-button:hover {
opacity: 0.8;
}
.archive-tree .tree-file-button {
border: 0;
background: transparent;
color: var(--er-text);
font: inherit;
padding: 0.05rem 0.25rem;
margin-left: -0.25rem;
cursor: pointer;
text-align: left;
border-radius: 0.3rem;
transition: color 0.15s ease, background 0.15s ease;
}
.archive-tree .tree-file-button:hover {
color: var(--er-text);
background: var(--er-accent-soft);
}
.archive-tree .tree-file-button:focus-visible {
outline: 2px solid var(--er-accent);
outline-offset: 1px;
}
.archive-tree .tree-file-button.active {
color: var(--er-accent);
background: var(--er-accent-soft);
}
.archive-tree .tree-class-label {
display: inline-block;
margin-left: 0.5rem;
padding: 0.08rem 0.45rem;
border-radius: 0.45rem;
font-size: 0.7rem;
font-family: 'Fira Code', monospace;
border: 1px solid rgba(255, 255, 255, 0.18);
color: var(--er-text-muted);
background: rgba(255, 255, 255, 0.06);
}
.archive-tree .tree-class-label.success {
border-color: rgba(34, 197, 94, 0.4);
color: var(--er-success);
background: rgba(34, 197, 94, 0.14);
}
.archive-tree .tree-class-label--editable {
cursor: pointer;
font: inherit;
font-family: 'Fira Code', monospace;
font-size: 0.7rem;
line-height: inherit;
}
.archive-tree .tree-class-label--editable:hover {
border-color: rgba(34, 197, 94, 0.75);
background: rgba(34, 197, 94, 0.28);
}
.archive-tree .tree-class-label--editable:focus-visible {
outline: 2px solid rgba(34, 197, 94, 0.7);
outline-offset: 2px;
}
.archive-tree .tree-class-label.error {
border-color: rgba(248, 113, 113, 0.4);
color: var(--er-danger);
background: rgba(248, 113, 113, 0.14);
}
.archive-tree .tree-class-label.pending {
border-color: rgba(250, 204, 21, 0.4);
color: var(--er-text-secondary);
background: rgba(250, 204, 21, 0.12);
}
.archive-tree .tree-empty {
color: var(--er-text-muted);
font-style: italic;
margin: 0.5rem 0;
}
.archive-preview {
border-radius: 0.9rem;
border: 1px solid var(--er-accent-border);
background: var(--er-panel);
padding: 1rem 1.1rem;
min-height: 30rem;
display: flex;
flex-direction: column;
}
.archive-preview h3 {
margin: 0 0 0.7rem;
font-size: 0.95rem;
color: var(--er-text);
font-family: 'Fira Code', monospace;
word-break: break-all;
}
.preview-content {
border: 1px solid var(--er-accent-soft);
border-radius: 0.7rem;
background: var(--er-input-bg);
padding: 0.85rem;
min-height: 24rem;
overflow: auto;
flex: 1;
}
.preview-content pre {
margin: 0;
white-space: pre-wrap;
word-break: break-word;
color: var(--er-text);
font-size: 0.8rem;
line-height: 1.6;
font-family: 'Fira Code', monospace;
}
.preview-content iframe,
.preview-content img {
width: 100%;
border: 0;
border-radius: 0.55rem;
}
.preview-content iframe {
min-height: 560px;
}
.preview-content img {
object-fit: contain;
max-height: 32rem;
}
.preview-hint {
color: var(--er-text-muted);
font-size: 0.82rem;
margin: 0.25rem 0;
}
/* ── 2.3 / 2.4 Certificat de Urbanism analysis panel ───────────────────── */
.cu-panel {
margin-top: 1.1rem;
padding: 1.1rem 1.2rem;
border-radius: 0.95rem;
border: 1px solid var(--er-accent-border);
background: var(--er-input-bg);
}
.cu-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
margin-bottom: 0.55rem;
}
.cu-header h3 {
margin: 0;
color: var(--er-text);
font-family: 'Fira Code', monospace;
font-size: 1rem;
letter-spacing: 0.02em;
}
.cu-header-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
}
.cu-preview-btn {
border: 1px solid var(--er-accent-border-strong);
background: transparent;
color: var(--er-text-secondary);
padding: 0.4rem 0.85rem;
border-radius: 0.55rem;
font-size: 0.8rem;
font-family: 'Fira Code', monospace;
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
.cu-preview-btn:hover {
background: var(--er-accent-soft);
color: var(--er-text);
border-color: var(--er-accent);
}
.cu-status {
margin: 0 0 0.35rem;
padding: 0.55rem 0.75rem;
border-radius: 0.55rem;
font-size: 0.88rem;
font-family: 'Fira Code', monospace;
line-height: 1.45;
}
.cu-status-pending {
background: rgba(250, 204, 21, 0.08);
border: 1px solid rgba(250, 204, 21, 0.25);
color: var(--er-text-secondary);
}
.cu-status-success {
background: rgba(34, 197, 94, 0.1);
border: 1px solid rgba(34, 197, 94, 0.3);
color: var(--er-success);
}
.cu-status-warn {
background: var(--er-accent-soft);
border: 1px solid var(--er-accent-border-strong);
color: var(--er-text-secondary);
}
.cu-status-error {
background: rgba(239, 68, 68, 0.1);
border: 1px solid rgba(239, 68, 68, 0.35);
color: var(--er-danger);
}
.cu-info {
margin: 0.35rem 0 0.7rem;
color: var(--er-text-muted);
font-size: 0.85rem;
word-break: break-all;
}
.cu-info code {
background: rgba(255, 255, 255, 0.06);
padding: 0.08rem 0.35rem;
border-radius: 0.3rem;
font-family: 'Fira Code', monospace;
font-size: 0.82rem;
color: var(--er-text-secondary);
}
.cu-preview-wrap {
margin: 0.55rem 0 0.85rem;
border: 1px solid var(--er-accent-border);
border-radius: 0.7rem;
overflow: hidden;
background: var(--er-surface-solid);
}
.cu-preview-iframe {
width: 100%;
min-height: 420px;
border: 0;
display: block;
}
.is-hidden {
display: none !important;
}
.cu-avize-wrap {
margin-top: 0.75rem;
}
.cu-avize-header h4 {
margin: 0 0 0.15rem;
color: var(--er-text);
font-family: 'Fira Code', monospace;
font-size: 0.88rem;
}
.cu-avize-hint {
margin: 0 0 0.5rem;
color: var(--er-text-muted);
font-size: 0.75rem;
}
.cu-ai-list {
list-style: none;
margin: 0;
padding: 0.45rem 0.6rem;
border: 1px solid var(--er-accent-border);
border-radius: 0.7rem;
background: var(--er-panel);
display: flex;
flex-direction: column;
gap: 0.25rem;
font-size: 0.8rem;
color: var(--er-text);
}
.cu-ai-list li {
position: relative;
padding: 0.2rem 0.35rem 0.2rem 1.1rem;
border-radius: 0.3rem;
background: var(--er-accent-soft);
line-height: 1.3;
}
.cu-ai-list li::before {
content: "•";
position: absolute;
left: 0.4rem;
top: 0.15rem;
color: var(--er-text-secondary);
font-weight: 700;
}
.cu-ai-list-empty {
color: var(--er-text-muted);
font-style: italic;
background: transparent;
padding-left: 0.4rem;
}
.cu-ai-list-empty::before {
content: none;
}
.cu-table-scroller {
overflow-x: auto;
overflow-y: auto;
max-height: min(70vh, 42rem);
border: 1px solid var(--er-accent-border);
border-radius: 0.85rem;
background: var(--er-input-bg);
-webkit-overflow-scrolling: touch;
}
.cu-table {
width: 100%;
min-width: 36rem;
border-collapse: separate;
border-spacing: 0;
font-size: 0.78rem;
font-family: 'Fira Sans', system-ui, sans-serif;
color: var(--er-text);
table-layout: fixed;
background: transparent;
}
.cu-table thead th {
position: sticky;
top: 0;
z-index: 4;
background: var(--er-surface-raised);
color: var(--er-text-secondary);
text-align: left;
font-weight: 600;
padding: 0.4rem 0.45rem;
border-bottom: 1px solid var(--er-accent-border-strong);
font-family: 'Fira Code', monospace;
font-size: 0.65rem;
letter-spacing: 0.04em;
text-transform: uppercase;
white-space: nowrap;
}
.cu-table td {
padding: 0.32rem 0.45rem;
border-bottom: 1px solid var(--er-accent-soft);
vertical-align: middle;
overflow: hidden;
}
.cu-aviz-row:hover {
background: var(--er-accent-soft);
}
.cu-table .cu-col-index {
width: 3.4rem;
text-align: center;
color: var(--er-text-muted);
font-family: 'Fira Code', monospace;
font-size: 0.72rem;
white-space: nowrap;
}
.cu-table .cu-col-tip {
width: auto;
color: var(--er-text);
font-weight: 500;
}
.cu-table .cu-col-emitent {
width: 22%;
color: var(--er-text-muted);
}
.cu-table .cu-col-date {
width: 7rem;
color: var(--er-text-secondary);
font-family: 'Fira Code', monospace;
font-size: 0.72rem;
white-space: nowrap;
}
.cu-table .cu-col-val {
width: 16%;
color: var(--er-text-secondary);
font-family: 'Fira Code', monospace;
font-size: 0.72rem;
}
.cu-table .cu-col-action {
white-space: nowrap;
width: 7.5rem;
}
/* Pasul 6: emitent / dată / valabilitate remain in data, not in this table. */
.cu-table th.cu-col-emitent,
.cu-table td.cu-col-emitent,
.cu-table th.cu-col-date,
.cu-table td.cu-col-date,
.cu-table th.cu-col-val,
.cu-table td.cu-col-val {
display: none;
}
.cu-table .cu-col-validate {
width: 4.5rem;
text-align: center;
white-space: nowrap;
}
.cu-table .cu-col-delete {
width: 3.25rem;
text-align: center;
white-space: nowrap;
}
/* When `CU_SHOW_SUGESTII_COLUMN` is false, cu-analyzer.js adds this class. */
.cu-avize-wrap.cu-suggestii-column-hidden th.cu-col-action,
.cu-avize-wrap.cu-suggestii-column-hidden td.cu-col-action {
display: none;
}
/* ── Editable cells (Tip / Emitent / Data / Valabilitate) ───────────────── */
/* Same chrome on every row — avoid mixed “boxed” vs plain placeholders. */
.cu-editable {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
box-sizing: border-box;
width: 100%;
min-height: 1.45rem;
border-radius: 0.3rem;
padding: 0.15rem 0.35rem;
margin: 0;
outline: none;
cursor: text;
border: 1px solid rgba(251, 191, 36, 0.28);
background: rgba(0, 0, 0, 0.22);
transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
line-height: 1.25;
word-break: break-word;
overflow-wrap: anywhere;
color: var(--er-text);
}
.cu-col-tip .cu-editable {
border-color: rgba(251, 191, 36, 0.18);
background: rgba(0, 0, 0, 0.12);
}
.cu-col-date .cu-editable {
display: block;
-webkit-line-clamp: unset;
line-clamp: unset;
white-space: nowrap;
text-overflow: ellipsis;
}
.cu-editable:hover {
border-color: var(--er-accent-border-strong);
background: var(--er-accent-soft);
}
.cu-editable:focus {
display: block;
-webkit-line-clamp: unset;
line-clamp: unset;
white-space: pre-wrap;
max-height: 8rem;
overflow-y: auto;
border-color: var(--er-accent-border-strong);
background: var(--er-accent-soft);
box-shadow: 0 0 0 2px var(--er-accent-border-strong);
}
/* Placeholder for empty cells (also after contenteditable inserts
). */
.cu-editable:empty::before,
.cu-editable[data-placeholder]:not(:focus):has(br:only-child)::before,
.cu-editable.is-empty:not(:focus)::before {
content: attr(data-placeholder);
color: var(--er-text-muted);
font-style: italic;
pointer-events: none;
}
/* ── Validate column (custom checkbox) ──────────────────────────────────── */
.cu-validate-label {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
user-select: none;
}
.cu-validate-checkbox {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.cu-validate-tick {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.15rem;
height: 1.15rem;
border-radius: 0.3rem;
border: 1.5px solid var(--er-accent-border-strong);
background: var(--er-panel);
color: transparent;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
.cu-validate-tick svg {
width: 0.8rem;
height: 0.8rem;
}
.cu-validate-label:hover .cu-validate-tick {
border-color: var(--er-accent);
background: var(--er-accent-soft);
}
.cu-validate-checkbox:focus-visible + .cu-validate-tick {
box-shadow: 0 0 0 3px var(--er-accent-border-strong);
}
.cu-validate-checkbox:checked + .cu-validate-tick {
background: linear-gradient(135deg, #84cc16, #22c55e);
border-color: #65a30d;
color: #0b1f00;
box-shadow: 0 0 12px rgba(132, 204, 22, 0.45);
}
.cu-aviz-row--validated {
background: rgba(34, 197, 94, 0.06);
}
.cu-aviz-row--validated .cu-col-tip,
.cu-aviz-row--validated .cu-col-emitent {
color: #d9f99d;
}
/* Edited fields (amber) are distinct from validated rows (green). A row can
be both: validated after a correction still keeps the amber cell mark. */
.cu-col--edited,
.cu-editable--edited {
/* Keep edited mark without changing the shared field chrome. */
background: rgba(251, 191, 36, 0.12);
}
.cu-editable--edited {
border-color: rgba(251, 191, 36, 0.55);
color: var(--er-text-secondary);
box-shadow: none;
}
.cu-aviz-row--edited:not(.cu-aviz-row--validated) {
box-shadow: inset 3px 0 0 rgba(251, 191, 36, 0.65);
}
.cu-manual-badge {
display: inline-block;
margin-left: 0.2rem;
padding: 0.02rem 0.28rem;
border-radius: 0.25rem;
font-size: 0.58rem;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
vertical-align: middle;
color: var(--er-text-secondary);
background: rgba(251, 191, 36, 0.16);
border: 1px solid rgba(251, 191, 36, 0.45);
}
.cu-law-badge {
display: inline-block;
margin-left: 0.2rem;
padding: 0.02rem 0.28rem;
border-radius: 0.25rem;
font-size: 0.58rem;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
vertical-align: middle;
color: #a5f3fc;
background: rgba(34, 211, 238, 0.14);
border: 1px solid rgba(34, 211, 238, 0.45);
}
/* ── Delete row button ──────────────────────────────────────────────────── */
.cu-row-delete {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.65rem;
height: 1.65rem;
border-radius: 0.35rem;
border: 1px solid rgba(239, 68, 68, 0.35);
background: rgba(239, 68, 68, 0.08);
color: var(--er-danger);
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.cu-row-delete svg {
width: 0.85rem;
height: 0.85rem;
}
.cu-row-delete:hover {
background: rgba(239, 68, 68, 0.22);
color: #fff;
border-color: var(--er-cta);
transform: translateY(-1px);
box-shadow: 0 4px 10px rgba(239, 68, 68, 0.25);
}
.cu-row-delete:focus-visible {
outline: 2px solid var(--er-cta);
outline-offset: 2px;
}
/* ── Toolbar below the avize table (validation summary chip) ────────────── */
.cu-table-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.65rem 1rem;
margin-top: 0.7rem;
}
/* ── "Validează toate" toggle button ────────────────────────────────────── */
.cu-validate-all-btn {
display: inline-flex;
align-items: center;
gap: 0.45rem;
border: 1px solid rgba(132, 204, 22, 0.45);
background: rgba(132, 204, 22, 0.08);
color: #d9f99d;
padding: 0.45rem 0.9rem;
border-radius: 0.55rem;
font-weight: 600;
font-size: 0.82rem;
font-family: 'Fira Sans', system-ui, sans-serif;
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.cu-validate-all-btn svg {
width: 0.95rem;
height: 0.95rem;
}
.cu-validate-all-btn:hover:not(:disabled) {
background: rgba(132, 204, 22, 0.18);
color: #f7fee7;
border-color: #84cc16;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(132, 204, 22, 0.25);
}
.cu-validate-all-btn:focus-visible {
outline: 2px solid #84cc16;
outline-offset: 2px;
}
.cu-validate-all-btn:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.cu-validate-all-btn.is-active,
.cu-validate-all-btn.is-cancel {
background: linear-gradient(135deg, #ef4444, #dc2626);
border-color: #b91c1c;
color: #fff;
box-shadow: 0 0 14px rgba(220, 38, 38, 0.38);
}
.cu-validate-all-btn.is-active:hover:not(:disabled),
.cu-validate-all-btn.is-cancel:hover:not(:disabled) {
background: linear-gradient(135deg, #f87171, #ef4444);
border-color: #f87171;
color: #fff;
box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35);
}
/* ── "+ Adaugă document" row: full-width add CTA inside the table ──────── */
.cu-add-row td {
padding: 0;
border-bottom: 0;
background: rgba(132, 204, 22, 0.04);
}
.cu-add-row-cell {
text-align: center;
}
.cu-add-aviz-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
width: 100%;
border: 1px dashed rgba(132, 204, 22, 0.45);
border-radius: 0;
background: transparent;
color: #bef264;
padding: 0.7rem 1rem;
font-weight: 600;
font-size: 0.88rem;
font-family: 'Fira Sans', system-ui, sans-serif;
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
.cu-add-aviz-btn svg {
width: 1.05rem;
height: 1.05rem;
}
.cu-add-aviz-btn:hover {
background: rgba(132, 204, 22, 0.12);
color: #f7fee7;
border-color: #84cc16;
border-style: solid;
}
.cu-add-aviz-btn:focus-visible {
outline: 2px solid #84cc16;
outline-offset: -2px;
}
/* No hover orange tint on the add row. */
.cu-add-row:hover td {
background: rgba(132, 204, 22, 0.08);
}
.cu-validate-summary {
font-family: 'Fira Code', monospace;
font-size: 0.8rem;
color: var(--er-text-secondary);
background: var(--er-accent-soft);
border: 1px solid var(--er-accent-border-strong);
border-radius: 0.45rem;
padding: 0.25rem 0.65rem;
}
.cu-validate-summary:empty {
display: none;
}
.cu-table-empty {
text-align: center;
color: var(--er-text-muted);
font-style: italic;
padding: 1.2rem !important;
}
.cu-suggest-toggle {
border: 1px solid var(--er-accent-border-strong);
background: var(--er-accent-soft);
color: var(--er-text-secondary);
padding: 0.35rem 0.75rem;
border-radius: 0.5rem;
font-size: 0.78rem;
font-family: 'Fira Code', monospace;
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease;
}
.cu-suggest-toggle:hover {
background: var(--er-accent-border);
color: var(--er-text);
}
.cu-suggest-row {
background: rgba(6, 2, 0, 0.6);
}
.cu-suggest-cell {
padding: 0.85rem 1rem !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.cu-suggest-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.45rem;
}
.cu-suggest-item {
display: grid;
grid-template-columns: 2.3rem minmax(0, 1fr) 4.5rem auto;
align-items: center;
gap: 0.65rem;
padding: 0.5rem 0.7rem;
border: 1px solid var(--er-accent-soft);
border-radius: 0.55rem;
background: var(--er-panel);
}
.cu-suggest-rank {
font-family: 'Fira Code', monospace;
font-weight: 700;
color: var(--er-accent);
text-align: center;
}
.cu-suggest-meta {
display: flex;
flex-direction: column;
gap: 0.1rem;
min-width: 0;
}
.cu-suggest-name {
color: var(--er-text);
font-weight: 500;
font-size: 0.88rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cu-suggest-path {
color: var(--er-text-muted);
font-size: 0.74rem;
font-family: 'Fira Code', monospace;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cu-suggest-class {
display: inline-block;
margin-top: 0.2rem;
align-self: flex-start;
font-family: 'Fira Code', monospace;
font-size: 0.72rem;
color: var(--er-text-secondary);
background: var(--er-accent-border);
border: 1px solid var(--er-accent-border-strong);
border-radius: 0.35rem;
padding: 0.1rem 0.45rem;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.cu-suggest-score {
text-align: center;
font-family: 'Fira Code', monospace;
font-size: 0.8rem;
color: var(--er-success);
background: rgba(34, 197, 94, 0.1);
border: 1px solid rgba(34, 197, 94, 0.25);
border-radius: 0.35rem;
padding: 0.15rem 0.4rem;
}
.cu-suggest-preview {
border: 1px solid var(--er-accent-border-strong);
background: linear-gradient(90deg, var(--er-accent-border-strong), rgba(239, 68, 68, 0.9));
color: var(--er-on-accent);
padding: 0.4rem 0.75rem;
border-radius: 0.5rem;
font-size: 0.78rem;
font-weight: 600;
cursor: pointer;
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.cu-suggest-preview:hover {
transform: translateY(-1px);
box-shadow: 0 6px 14px rgba(239, 68, 68, 0.3);
}
.cu-suggest-empty {
margin: 0.25rem 0;
color: var(--er-text-muted);
font-style: italic;
font-size: 0.85rem;
}
@media (max-width: 640px) {
.cu-suggest-item {
grid-template-columns: 2rem minmax(0, 1fr);
grid-template-rows: auto auto;
}
.cu-suggest-score,
.cu-suggest-preview {
grid-column: 2;
justify-self: start;
}
}
/* ── DD Raport stepper (10 steps) — capsule-rail design ─────────────────── */
.dd-is-hidden {
display: none !important;
}
/* Outer panel — soft surface; tokens flip for light/dark. */
.dd-stepper.dd-stepper--lane {
margin: 0 0 0.55rem;
padding: 0.55rem 0.85rem 0.4rem;
border-radius: 0.85rem;
background: var(--er-stepper-bg);
border: 1px solid var(--er-nav-border);
box-shadow: var(--er-shadow);
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.dd-lane-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0;
min-width: min(100%, 92rem);
margin: 0 auto;
padding: 0 0.25rem 0;
position: relative;
}
.dd-lane-step {
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 2;
}
/* Connector between steps. Default = invisible. When .is-done = white pill rail. */
.dd-lane-seg {
flex: 1 1 0;
min-width: 0.5rem;
max-width: 4.35rem;
align-self: flex-start;
height: 0.78rem;
margin-top: 0.28rem; /* aligns rail center with dot center */
border-radius: 999px;
background: transparent;
position: relative;
z-index: 0;
transition: background 0.3s ease, box-shadow 0.3s ease, margin 0.3s ease;
}
.dd-lane-seg.is-done {
background: linear-gradient(180deg, #bbf7d0 0%, #4ade80 100%);
box-shadow:
0 0 18px rgba(74, 222, 128, 0.35),
0 0 6px rgba(187, 247, 208, 0.55),
inset 0 1px 0 rgba(255, 255, 255, 0.55),
inset 0 -1px 0 rgba(0, 0, 0, 0.08);
/* Pull into the halo of adjacent .is-done dots so the rail looks continuous. */
margin-left: -0.4rem;
margin-right: -0.4rem;
}
.dd-lane-seg.is-current {
background: linear-gradient(180deg, #fde68a 0%, #fbbf24 100%);
box-shadow:
0 0 18px rgba(251, 191, 36, 0.4),
0 0 6px rgba(253, 230, 138, 0.55),
inset 0 1px 0 rgba(255, 255, 255, 0.45),
inset 0 -1px 0 rgba(0, 0, 0, 0.08);
margin-left: -0.4rem;
margin-right: -0.4rem;
}
.dd-lane-node {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.2rem;
width: 5.05rem;
max-width: 22vw;
padding: 0 0.1rem;
border: none;
background: transparent;
cursor: pointer;
font: inherit;
color: inherit;
transition: opacity 0.2s ease, transform 0.2s ease;
position: relative;
z-index: 2;
}
.dd-lane-node:not(.is-view) { opacity: 1; }
.dd-lane-node.is-view { opacity: 1; }
.dd-lane-node:hover { opacity: 1; }
.dd-lane-node:focus-visible {
outline: 2px solid var(--er-accent);
outline-offset: 3px;
border-radius: 0.5rem;
}
/* ── The dot ── */
.dd-lane-dot {
position: relative;
width: 1.05rem;
height: 1.05rem;
border-radius: 50%;
background: var(--er-panel);
border: 2px solid rgba(255, 255, 255, 0.55);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
z-index: 2;
transition: background 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
/* White halo behind each dot — invisible by default; visible for .is-done so it
merges seamlessly with the .is-done segments and forms one continuous capsule. */
.dd-lane-dot::before {
content: "";
position: absolute;
inset: -0.4rem;
border-radius: 50%;
background: transparent;
box-shadow: none;
z-index: -1;
transition: background 0.3s ease, box-shadow 0.3s ease;
}
/* DONE — green glowing dot inside a continuous white rail capsule. */
.dd-lane-node.is-done .dd-lane-dot {
background: radial-gradient(circle at 32% 28%, #ecfccb 0%, #a3e635 45%, #65a30d 92%);
border-color: rgba(255, 255, 255, 0.95);
box-shadow:
0 0 14px rgba(132, 204, 22, 0.5),
0 0 5px rgba(190, 242, 100, 0.55),
inset 0 -2px 3px rgba(0, 0, 0, 0.18),
inset 0 1px 1px rgba(255, 255, 255, 0.55);
}
.dd-lane-node.is-done .dd-lane-dot::before {
background: linear-gradient(180deg, #bbf7d0 0%, #4ade80 100%);
box-shadow:
0 0 14px rgba(74, 222, 128, 0.35),
0 0 5px rgba(187, 247, 208, 0.55),
inset 0 1px 0 rgba(255, 255, 255, 0.55);
}
/* CURRENT — yellow until the step is fully validated. */
.dd-lane-node.is-current .dd-lane-dot {
background: radial-gradient(circle at 32% 28%, #fef9c3 0%, #facc15 48%, #ca8a04 92%);
border-color: rgba(254, 240, 138, 0.95);
box-shadow:
0 0 14px rgba(250, 204, 21, 0.55),
0 0 5px rgba(253, 224, 71, 0.55),
inset 0 -2px 3px rgba(0, 0, 0, 0.18),
inset 0 1px 1px rgba(255, 255, 255, 0.45);
}
.dd-lane-node.is-current .dd-lane-dot::before {
background: linear-gradient(180deg, #fde68a 0%, #fbbf24 100%);
box-shadow:
0 0 14px rgba(251, 191, 36, 0.4),
0 0 5px rgba(253, 230, 138, 0.55),
inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
/* NOT STARTED — red. */
.dd-lane-node:not(.is-done):not(.is-current) .dd-lane-dot {
background: radial-gradient(circle at 32% 28%, #fecaca 0%, #f87171 48%, #b91c1c 92%);
border-color: rgba(254, 202, 202, 0.95);
box-shadow:
0 0 14px rgba(239, 68, 68, 0.45),
0 0 5px rgba(252, 165, 165, 0.5),
inset 0 -2px 3px rgba(0, 0, 0, 0.18),
inset 0 1px 1px rgba(255, 255, 255, 0.35);
}
.dd-lane-node:not(.is-done):not(.is-current) .dd-lane-dot::before {
background: transparent;
box-shadow: none;
}
/* ── Labels under the dot ── */
.dd-lane-title {
font-size: 0.7rem;
font-weight: 700;
color: var(--er-text);
text-align: center;
line-height: 1.15;
letter-spacing: 0.02em;
margin-top: 0;
}
@media (min-width: 900px) {
.dd-lane-title { font-size: 0.76rem; }
}
.dd-lane-sub {
font-size: 0.5rem;
font-weight: 500;
color: var(--er-text-faint);
text-align: center;
line-height: 1.2;
max-width: 4.6rem;
}
.dd-lane-node.is-done .dd-lane-title {
color: #86efac;
}
.dd-lane-node.is-current .dd-lane-title {
color: #fde047;
}
.dd-lane-node:not(.is-done):not(.is-current) .dd-lane-title {
color: #fca5a5;
}
.dd-lane-node.is-current .dd-lane-sub {
color: #fde68a;
}
.dd-lane-node:not(.is-done):not(.is-current) .dd-lane-sub {
color: #fecaca;
}
.dd-lane-node.is-done .dd-lane-sub {
color: #bbf7d0;
}
/* ── Viewing indicator: which step is currently shown (is-view) ──
The status colour (green/yellow/red) is preserved; we only add a
sky-blue ring around the dot, a soft node background, and an
"aici ești" pill under the sub-label so the user always knows which
step they're viewing — even when revisiting a previously-validated step. */
.dd-lane-node.is-view {
background: var(--er-viewing-soft);
border-radius: 0.5rem;
box-shadow: inset 0 0 0 1.5px var(--er-viewing-border);
}
.dd-lane-node.is-view .dd-lane-dot::after {
content: "";
position: absolute;
inset: -0.42rem;
border-radius: 50%;
border: 2px solid var(--er-viewing);
background: transparent;
box-shadow: 0 0 10px rgba(56, 189, 248, 0.5);
pointer-events: none;
animation: dd-lane-view-pulse 1.8s ease-in-out infinite;
}
@keyframes dd-lane-view-pulse {
0%, 100% { box-shadow: 0 0 7px rgba(56, 189, 248, 0.35); }
50% { box-shadow: 0 0 14px rgba(56, 189, 248, 0.7); }
}
.dd-lane-node.is-view .dd-lane-sub::after {
content: "AICI";
display: block;
margin: 0.18rem auto 0;
padding: 0.05rem 0.32rem;
border-radius: 0.4rem;
font-size: 0.5rem;
font-weight: 700;
letter-spacing: 0.04em;
color: var(--er-viewing);
background: var(--er-viewing-soft);
border: 1px solid var(--er-viewing-border);
max-width: 4.6rem;
}
@media (prefers-reduced-motion: reduce) {
.dd-lane-node.is-view .dd-lane-dot::after { animation: none; }
}
.dd-step-nav-row {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 0.65rem;
margin: 0 0 1.1rem;
padding: 0 0.15rem;
min-width: 0;
}
.dd-step-nav-row > .dd-step-nav-btn {
flex: 0 0 auto;
}
.dd-step-nav-row > #dd-step-next,
.dd-step-nav-row > #dd-step10-status-actions {
margin-left: auto;
}
.dd-step10-status-actions {
display: flex;
align-items: center;
gap: 0.5rem;
flex: 0 0 auto;
}
.dd-step10-status-label {
font-size: 0.75rem;
font-weight: 600;
color: var(--er-text-secondary);
white-space: nowrap;
margin-right: 0.15rem;
}
.dd-step10-status-btn.is-current,
.dd-step10-status-btn.is-current:disabled {
opacity: 1;
cursor: default;
}
.dd-step10-status-btn[data-status="InLucru"].is-current {
border-color: rgba(56, 189, 248, 0.7);
background: rgba(56, 189, 248, 0.18);
color: #7dd3fc;
box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.35);
}
.dd-step10-status-btn[data-status="Aprobat"].is-current {
border: none;
background: linear-gradient(90deg, #34d399, #10b981);
color: #064e3b;
box-shadow: 0 4px 18px rgba(16, 185, 129, 0.28);
}
.dd-step10-status-btn[data-status="Aprobat"]:hover:not(:disabled):not(.is-current) {
background: rgba(16, 185, 129, 0.16);
color: #6ee7b7;
}
.dd-step-nav-btn {
border: 1px solid var(--er-accent-border-strong);
background: var(--er-panel);
color: var(--er-text-secondary);
padding: 0.5rem 1.15rem;
border-radius: 0.65rem;
font-weight: 600;
font-size: 0.86rem;
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease, opacity 0.18s ease;
}
.dd-step-nav-btn:hover:not(:disabled) {
background: var(--er-accent-border);
color: #fff;
}
.dd-step-nav-btn:disabled {
opacity: 0.55;
cursor: not-allowed;
}
.dd-step-nav-btn--primary {
border: none;
color: var(--er-on-accent);
background: linear-gradient(90deg, #fbbf24, #f59e0b);
box-shadow: 0 4px 18px rgba(245, 158, 11, 0.28);
}
.dd-step-nav-btn--primary:hover:not(:disabled) {
background: linear-gradient(90deg, #fcd34d, #fbbf24);
color: var(--er-on-accent);
}
/* Pasul 1 — încărcare ZIP + rezumat (separat de Istoric). */
.dd-step1-zone {
display: flex;
flex-direction: column;
gap: 1.15rem;
}
.dd-step1-upload-block {
padding: 0.95rem 1rem 1rem;
border-radius: 0.85rem;
border: 1px solid var(--er-nav-border);
background: var(--er-panel);
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.dd-step1-upload-block .archive-status:empty,
.dd-step1-upload-block .archive-summary:empty {
display: none;
}
.dd-step1-upload-block .archive-status:not(:empty) {
margin: 0.15rem 0 0;
}
.dd-step1-upload-block .archive-summary:not(:empty) {
margin: 0.15rem 0 0;
}
.dd-step1-summary {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.65rem 1rem;
padding: 0.75rem 1rem;
border-radius: 0.65rem;
border: 1px solid var(--er-accent-border);
background: var(--er-panel);
margin: 0;
}
.dd-step1-summary-label {
font-size: 0.85rem;
color: var(--er-text-muted);
}
.dd-step1-summary-name {
font-family: "Fira Code", monospace;
font-size: 0.88rem;
color: var(--er-text-secondary);
}
.dd-change-archive-btn {
margin-left: auto;
border: 1px solid var(--er-accent-border-strong);
background: var(--er-accent-soft);
color: var(--er-text-secondary);
padding: 0.45rem 0.85rem;
border-radius: 0.55rem;
font-weight: 600;
font-size: 0.8rem;
cursor: pointer;
transition: background 0.18s ease, color 0.18s ease;
}
.dd-change-archive-btn:hover {
background: var(--er-accent-border);
color: #fff;
}
.dd-extract-avize-cu-tabs {
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
margin: 0 0 0.75rem;
}
.dd-extract-avize-cu-tabs.dd-is-hidden {
display: none !important;
}
.dd-extract-avize-cu-tab {
appearance: none;
border: 1px solid rgba(148, 163, 184, 0.45);
background: rgba(15, 23, 42, 0.35);
color: #e2e8f0;
border-radius: 0.55rem;
padding: 0.4rem 0.7rem;
font-size: 0.8rem;
line-height: 1.25;
cursor: pointer;
max-width: 100%;
text-align: left;
}
.dd-extract-avize-cu-tab:hover:not(:disabled) {
border-color: rgba(248, 113, 113, 0.55);
background: rgba(127, 29, 29, 0.35);
}
.dd-extract-avize-cu-tab.is-active,
.dd-extract-avize-cu-tab[aria-selected="true"] {
border-color: rgba(239, 68, 68, 0.85);
background: rgba(185, 28, 28, 0.45);
color: #fff;
}
.dd-extract-avize-cu-tab:disabled {
opacity: 0.55;
cursor: not-allowed;
}
.dd-extract-avize-block {
padding: 0.85rem 1rem 1rem;
margin: 0 0 0.85rem;
border-radius: 0.85rem;
border: 1px solid rgba(239, 68, 68, 0.28);
background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), var(--er-panel));
}
.dd-extract-hint {
margin: 0 0 0.65rem;
font-size: 0.82rem;
color: var(--er-text-muted);
line-height: 1.45;
}
.dd-extract-avize-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.55rem;
}
.dd-extract-avize-btn,
.dd-extract-avize-cache-btn {
display: inline-flex;
align-items: center;
gap: 0.45rem;
border-radius: 0.75rem;
padding: 0.65rem 1.35rem;
font-weight: 700;
font-size: 0.95rem;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease, color 0.2s ease;
}
.dd-extract-avize-btn svg,
.dd-extract-avize-cache-btn svg {
width: 1.05rem;
height: 1.05rem;
flex-shrink: 0;
}
.dd-extract-avize-btn {
border: none;
color: var(--er-on-accent);
background: linear-gradient(90deg, var(--er-cta) 0%, var(--er-accent) 100%);
box-shadow: 0 8px 22px rgba(239, 68, 68, 0.28);
}
.dd-extract-avize-btn:hover:not(:disabled) {
box-shadow: 0 12px 28px rgba(239, 68, 68, 0.4);
}
.dd-extract-avize-cache-btn {
border: 1px solid rgba(56, 189, 248, 0.5);
color: #7dd3fc;
background: rgba(14, 165, 233, 0.12);
}
.dd-extract-avize-cache-btn:hover:not(:disabled) {
color: #e0f2fe;
border-color: rgba(125, 211, 252, 0.75);
background: rgba(14, 165, 233, 0.22);
}
.dd-extract-avize-btn:disabled,
.dd-extract-avize-cache-btn:disabled {
opacity: 0.45;
cursor: not-allowed;
box-shadow: none;
}
.dd-steps-future {
margin-top: 1.25rem;
padding: 1.25rem 1.1rem;
border-radius: 1rem;
border: 1px dashed var(--er-accent-border-strong);
background: var(--er-input-bg);
}
.dd-placeholder-panel {
display: none;
max-width: 40rem;
}
.dd-placeholder-panel[data-step-panel="6"],
.dd-placeholder-panel[data-step-panel="7"] {
max-width: none;
width: 100%;
}
.dd-step6-panel {
position: relative;
}
.dd-placeholder-panel.is-active {
display: block;
animation: dd-fade-in 0.25s ease;
}
@keyframes dd-fade-in {
from {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.dd-placeholder-badge {
display: inline-block;
font-family: "Fira Code", monospace;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--er-accent-hover);
border: 1px solid rgba(251, 146, 60, 0.45);
padding: 0.2rem 0.55rem;
border-radius: 999px;
margin-bottom: 0.65rem;
}
.dd-placeholder-title {
margin: 0 0 0.5rem;
font-size: 1.25rem;
color: var(--er-text);
}
.dd-placeholder-body {
margin: 0;
font-size: 0.9rem;
line-height: 1.55;
color: var(--er-text-muted);
}
.dd-step6-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.65rem 1rem;
min-width: 0;
}
.dd-step6-head-copy {
display: flex;
align-items: center;
gap: 0.55rem 0.75rem;
min-width: 0;
flex: 1 1 auto;
}
.dd-step6-panel .dd-placeholder-badge {
margin-bottom: 0;
flex: 0 0 auto;
}
.dd-step6-panel .dd-placeholder-title {
margin: 0;
font-size: 1rem;
white-space: nowrap;
flex: 0 0 auto;
}
.dd-step6-toolbar {
margin-top: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem 0.55rem;
flex: 0 0 auto;
}
.dd-step6-status {
margin: 0;
flex: 1 1 auto;
min-width: 8rem;
color: var(--er-text-secondary);
font-family: "Fira Code", monospace;
font-size: 0.74rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-step6-status.is-busy,
.dd-step6-status.is-done {
white-space: normal;
overflow: visible;
text-overflow: unset;
}
.dd-step6-status.is-busy {
color: #fde68a;
}
.dd-step6-status.is-done {
color: var(--er-success, #22c55e);
}
.dd-step6-panel .dd-step-approve-btn {
padding: 0.35rem 0.48rem;
font-size: 0.78rem;
gap: 0.28rem;
border-radius: 0.55rem;
}
.dd-step6-panel .dd-step-approve-btn svg {
width: 0.9rem;
height: 0.9rem;
}
.dd-step6-rematch-btn {
flex: 0 0 auto;
border: 1px solid var(--er-accent-border-strong);
border-radius: 0.55rem;
background: rgba(67, 20, 7, 0.55);
color: var(--er-text-secondary);
font-size: 0.76rem;
font-weight: 600;
padding: 0.38rem 0.7rem;
cursor: pointer;
}
.dd-step6-rematch-btn:hover:not(:disabled) {
border-color: var(--er-accent-border-strong);
background: rgba(124, 45, 18, 0.55);
color: var(--er-text-secondary);
}
.dd-step6-rematch-btn:disabled {
opacity: 0.55;
cursor: not-allowed;
}
.dd-step6-rematch-btn.is-busy {
opacity: 1;
display: inline-flex;
align-items: center;
gap: 0.4rem;
color: #fde68a;
border-color: rgba(250, 204, 21, 0.55);
}
/* Pasul 7 — prima vizită: banner + pulsare buton «Asociază totul de la capăt». */
.dd-step6-initial-match-banner {
margin: 0.5rem 0 0;
padding: 0.5rem 0.7rem;
border: 1px solid rgba(250, 204, 21, 0.55);
border-radius: 0.55rem;
background: rgba(250, 204, 21, 0.12);
color: #fde68a;
font-family: "Fira Code", monospace;
font-size: 0.78rem;
line-height: 1.35;
}
.dd-step6-rematch-nudge {
animation: dd-step6-rematch-pulse 1.1s ease-in-out infinite;
border-color: rgba(250, 204, 21, 0.85);
color: #fde68a;
}
@keyframes dd-step6-rematch-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(250, 204, 21, 0.0); }
50% { box-shadow: 0 0 0 4px rgba(250, 204, 21, 0.35); }
}
@media (prefers-reduced-motion: reduce) {
.dd-step6-rematch-nudge { animation: none; }
}
.dd-step6-btn-spinner,
.dd-step6-match-spinner {
display: inline-block;
width: 0.85rem;
height: 0.85rem;
border: 2px solid rgba(253, 230, 138, 0.25);
border-top-color: #fbbf24;
border-radius: 50%;
animation: dd-step6-spin 0.7s linear infinite;
flex: 0 0 auto;
}
.dd-step6-match-spinner {
width: 2.1rem;
height: 2.1rem;
border-width: 3px;
}
.dd-step6-match-overlay {
position: absolute;
inset: 0;
z-index: 30;
display: flex;
align-items: center;
justify-content: center;
padding: 1.25rem;
background: rgba(12, 8, 6, 0.72);
backdrop-filter: blur(4px);
}
.dd-step6-match-overlay[hidden] {
display: none;
}
.dd-step6-match-overlay-card {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.7rem;
max-width: 28rem;
width: min(100%, 28rem);
padding: 1.35rem 1.5rem 1.2rem;
border-radius: 0.9rem;
border: 1px solid var(--er-accent-border-strong);
background: var(--er-input-bg, #1a120e);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
text-align: center;
}
.dd-step6-match-overlay-title {
margin: 0;
font-size: 1.02rem;
font-weight: 700;
color: var(--er-text, #f5f0eb);
}
.dd-step6-match-overlay-detail {
margin: 0;
font-size: 0.82rem;
line-height: 1.45;
color: var(--er-text-secondary, #d6c4b8);
}
.dd-step6-match-progress {
width: 100%;
height: 0.38rem;
margin-top: 0.15rem;
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
overflow: hidden;
}
.dd-step6-match-progress-bar {
height: 100%;
width: 0;
border-radius: inherit;
background: linear-gradient(90deg, #f59e0b, #fbbf24);
transition: width 0.25s ease;
}
@keyframes dd-step6-spin {
to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
.dd-step6-btn-spinner,
.dd-step6-match-spinner {
animation: none;
border-top-color: #fbbf24;
border-right-color: #fbbf24;
}
.dd-step6-match-progress-bar {
transition: none;
}
}
.dd-step6-rematch-remaining-btn {
border-color: rgba(56, 189, 248, 0.45);
background: rgba(8, 47, 73, 0.55);
color: #7dd3fc;
}
.dd-step6-rematch-remaining-btn:hover:not(:disabled) {
border-color: rgba(56, 189, 248, 0.75);
background: rgba(12, 74, 110, 0.55);
color: #e0f2fe;
}
.dd-step-approve-btn {
display: inline-flex;
align-items: center;
gap: 0.45rem;
flex: 0 0 auto;
border: none;
border-radius: 0.7rem;
padding: 0.5rem 1rem;
font-weight: 700;
font-size: 0.86rem;
cursor: pointer;
color: #052e16;
background: linear-gradient(95deg, #16a34a 0%, #22c55e 50%, var(--er-success) 100%);
box-shadow:
0 8px 18px rgba(34, 197, 94, 0.28),
inset 0 1px 0 rgba(255, 255, 255, 0.32);
transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, filter 0.18s ease;
white-space: nowrap;
}
.dd-step-approve-btn svg {
width: 1.05rem;
height: 1.05rem;
}
.dd-step-approve-btn:hover:not(:disabled) {
transform: translateY(-1px);
filter: brightness(1.05);
box-shadow:
0 12px 24px rgba(34, 197, 94, 0.38),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.dd-step-approve-btn:focus-visible {
outline: 2px solid var(--er-text-secondary);
outline-offset: 3px;
}
.dd-step-approve-btn:disabled {
opacity: 0.55;
cursor: not-allowed;
transform: none;
box-shadow: none;
filter: grayscale(0.15);
}
.dd-step-approve-btn.is-approved {
opacity: 0.95;
cursor: default;
background: linear-gradient(95deg, #15803d 0%, #16a34a 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
.dd-step-approve-btn.is-cancel,
.dd-step7-actions .dd-step-approve-btn.is-approved,
.dd-step8-actions .dd-step-approve-btn.is-approved {
cursor: pointer;
color: #fff;
background: linear-gradient(95deg, #b91c1c 0%, #dc2626 50%, #ef4444 100%);
box-shadow:
0 8px 18px rgba(220, 38, 38, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
.dd-step-approve-btn.is-cancel:hover:not(:disabled),
.dd-step7-actions .dd-step-approve-btn.is-approved:hover:not(:disabled),
.dd-step8-actions .dd-step-approve-btn.is-approved:hover:not(:disabled) {
filter: brightness(1.06);
box-shadow:
0 12px 24px rgba(220, 38, 38, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.dd-step7-actions .dd-step-approve-btn,
.dd-step8-actions .dd-step-approve-btn {
padding: 0.7rem 1.2rem;
font-size: 0.92rem;
border-radius: 0.85rem;
}
.dd-step6-grid {
--dd-step6-pane-height: min(88vh, 64rem);
--dd-step6-left-pct: 50%;
margin-top: 0.5rem;
display: flex;
flex-direction: row;
align-items: stretch;
gap: 0;
width: 100%;
max-width: 100%;
min-width: 0;
}
.dd-step6-grid .dd-step6-card-cu {
flex: 0 0 var(--dd-step6-left-pct);
width: var(--dd-step6-left-pct);
max-width: 80%;
min-width: 25%;
overflow: hidden;
}
.dd-step6-grid .dd-step6-card-preview {
flex: 1 1 auto;
min-width: 20%;
}
/* Multi-CU: pick which certificate's "Documente CU" / "Metadate documente"
columns are shown below. */
.dd-step6-cu-tabs {
margin-top: 0.45rem;
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
}
.dd-step6-cu-tab {
border: 1px solid rgba(52, 211, 153, 0.32);
border-radius: 0.5rem;
background: rgba(6, 20, 15, 0.4);
color: var(--er-success);
font-size: 0.74rem;
font-weight: 600;
padding: 0.28rem 0.6rem;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
max-width: 22rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-step6-cu-tab:hover {
border-color: rgba(52, 211, 153, 0.55);
background: rgba(52, 211, 153, 0.12);
}
.dd-step6-cu-tab.is-active {
background: rgba(52, 211, 153, 0.22);
border-color: rgba(52, 211, 153, 0.75);
color: #d1fae5;
}
.dd-step6-card.dd-step6-card-cu,
.dd-step6-card.dd-step6-card-preview {
height: var(--dd-step6-pane-height);
max-height: var(--dd-step6-pane-height);
min-height: 0;
overflow: hidden;
}
.dd-step6-card.dd-step6-card-cu {
display: flex;
flex-direction: column;
min-width: 0;
}
.dd-step6-coverage-scroller {
flex: 1 1 auto;
width: 100%;
min-width: 0;
min-height: 12rem;
overflow-x: hidden;
overflow-y: auto;
margin-top: 0.35rem;
}
.cu-table-scroller.dd-step6-coverage-scroller {
width: 100%;
max-width: 100%;
min-width: 0;
/* Clear the generic .cu-table-scroller cap (min(70vh,42rem)); here the table
must fill the card so the avize pane matches the PDF preview height. */
max-height: none;
overflow-x: hidden;
overflow-y: auto;
}
.dd-step6-coverage-scroller .cu-table,
.dd-step6-panel .dd-coverage-table,
.cu-table-scroller.dd-step6-coverage-scroller .cu-table.dd-coverage-table {
width: 100%;
max-width: 100%;
min-width: 0;
table-layout: fixed;
}
.dd-step6-inline-manual-slot {
flex: 0 0 auto;
min-height: 0;
overflow: hidden;
margin-top: 0.25rem;
display: flex;
flex-direction: column;
}
.dd-step6-inline-manual-slot:has(.dd-step6-meta-all[open]) {
flex: 1 1 0;
max-height: none;
min-height: 10rem;
}
.dd-step6-card-cu:has(.dd-step6-meta-all[open]) .dd-step6-coverage-scroller {
flex: 1 1 0;
min-height: 10rem;
}
.dd-step6-card-counts {
display: inline-flex;
align-items: center;
gap: 0.35rem;
}
/* scroll-into-view / programmatic scroll: keep metadata under step UI (viewport-relative, not a fixed px hack in JS). */
#dd-step6-meta-panel {
scroll-margin-top: clamp(3.25rem, 9vh, 6.5rem);
}
#dd-step6-meta-panel .dd-step6-item-meta-doc {
scroll-margin-top: clamp(3.25rem, 9vh, 6.5rem);
}
.dd-step6-card {
box-sizing: border-box;
border: 1px solid var(--er-accent-border-strong);
border-radius: 0.8rem;
background: var(--er-panel);
padding: 0.75rem 0.85rem;
min-height: 10rem;
display: flex;
flex-direction: column;
min-width: 0;
max-width: 100%;
}
.dd-step6-card-title {
margin: 0;
font-size: 0.88rem;
color: var(--er-text);
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
flex: 0 0 auto;
}
.dd-step6-count {
font-family: "Fira Code", monospace;
font-size: 0.74rem;
color: var(--er-text-secondary);
border: 1px solid var(--er-accent-border-strong);
border-radius: 999px;
padding: 0.1rem 0.45rem;
}
.dd-step6-list {
margin: 0.65rem 0 0;
padding: 0;
list-style: none;
display: grid;
gap: 0.45rem;
grid-auto-rows: max-content;
flex: 1 1 auto;
min-height: 0;
overflow: auto;
overscroll-behavior: contain;
}
.dd-step6-item {
border: 1px solid var(--er-accent-border);
border-radius: 0.55rem;
background: var(--er-panel);
padding: 0.45rem 0.55rem;
}
.dd-step6-item-cu {
display: flex;
flex-direction: column;
gap: 0.4rem;
cursor: default;
transition: border-color 0.15s ease, background 0.15s ease;
}
.dd-step6-item-cu-head {
cursor: pointer;
border-radius: 0.4rem;
transition: background 0.15s ease;
}
.dd-step6-item-cu-head:hover,
.dd-step6-item-cu-head:focus-visible {
outline: none;
background: var(--er-accent-soft);
}
.dd-step6-item-meta-doc {
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}
.dd-step6-item-meta-doc:hover,
.dd-step6-item-meta-doc:focus-visible {
border-color: var(--er-accent-border-strong);
background: var(--er-panel);
outline: none;
}
.dd-step6-item-cu.is-active,
.dd-step6-item-meta-doc.is-active {
border-color: rgba(251, 191, 36, 0.75);
background: var(--er-accent-soft);
}
/* CU rows that already have a metadata association persisted server-side. */
.dd-step6-item-cu.is-assigned {
border-color: rgba(34, 197, 94, 0.55);
background: rgba(20, 83, 45, 0.32);
}
.dd-step6-item-cu.is-assigned.is-active {
border-color: rgba(34, 197, 94, 0.85);
background: rgba(20, 83, 45, 0.5);
}
/* Unassigned CU rows whose Matcher top candidates were all claimed elsewhere. */
.dd-step6-item-cu.is-starved {
border-color: rgba(248, 113, 113, 0.7);
background: rgba(127, 29, 29, 0.38);
}
.dd-step6-item-cu.is-starved:hover,
.dd-step6-item-cu.is-starved:focus-visible {
border-color: rgba(252, 165, 165, 0.85);
background: rgba(153, 27, 27, 0.48);
}
.dd-step6-item-cu.is-starved.is-active {
border-color: rgba(254, 202, 202, 0.95);
background: rgba(153, 27, 27, 0.58);
box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.35);
}
.dd-step6-item-meta-doc.is-assigned {
border-color: rgba(34, 197, 94, 0.55);
background: rgba(20, 83, 45, 0.42);
cursor: default;
}
.dd-step6-item-meta-doc.is-assigned:hover,
.dd-step6-item-meta-doc.is-assigned:focus-visible {
transform: none;
background: rgba(20, 83, 45, 0.42);
border-color: rgba(34, 197, 94, 0.55);
}
.dd-step6-item-badge {
display: inline-block;
margin-left: 0.4rem;
padding: 0.05rem 0.4rem;
border-radius: 999px;
background: rgba(34, 197, 94, 0.25);
color: #bbf7d0;
font-size: 0.62rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
vertical-align: 1px;
border: 1px solid rgba(34, 197, 94, 0.45);
}
.dd-step6-item-badge--pending {
background: rgba(251, 191, 36, 0.2);
color: #fde68a;
border-color: rgba(251, 191, 36, 0.45);
}
.dd-step6-item-badge--shared {
background: rgba(245, 158, 11, 0.28);
color: #fde68a;
border-color: rgba(251, 191, 36, 0.7);
}
.dd-step6-score-badge-shared {
background: rgba(245, 158, 11, 0.22);
color: #fde68a;
border-color: rgba(251, 191, 36, 0.65);
font-weight: 800;
}
.dd-step6-score-badge-vdr {
background: rgba(251, 191, 36, 0.14);
color: #fde68a;
border-color: rgba(251, 191, 36, 0.4);
}
.dd-step6-item-meta-doc.is-shared {
box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.95);
}
.dd-step6-item-meta-doc.is-assigned.is-shared {
border-color: rgba(245, 158, 11, 0.85);
background:
linear-gradient(90deg, rgba(245, 158, 11, 0.16), transparent 2.2rem),
rgba(20, 83, 45, 0.42);
}
.dd-step6-share-warn {
margin: 0.28rem 0 0;
padding: 0.28rem 0.45rem;
border-radius: 0.4rem;
background: rgba(245, 158, 11, 0.16);
border: 1px solid rgba(251, 191, 36, 0.55);
color: #fde68a;
font-size: 0.72rem;
font-weight: 650;
line-height: 1.35;
}
.dd-step6-share-warn strong {
color: #fef3c7;
font-weight: 800;
}
.dd-step6-folder-note {
margin: 0.28rem 0 0;
padding: 0.28rem 0.45rem;
border-radius: 0.4rem;
background: rgba(125, 211, 252, 0.12);
border: 1px solid rgba(125, 211, 252, 0.4);
color: #bae6fd;
font-size: 0.72rem;
font-weight: 600;
line-height: 1.35;
}
.dd-step6-item-meta-doc.is-other-folder:not(.is-shared) {
box-shadow: inset 3px 0 0 rgba(125, 211, 252, 0.8);
}
.dd-step6-item-meta-doc.is-assigned.is-other-folder:not(.is-shared) {
border-color: rgba(125, 211, 252, 0.55);
}
.dd-step6-item-meta-doc.is-pending-share {
box-shadow: inset 3px 0 0 rgba(251, 191, 36, 0.75);
background: rgba(251, 191, 36, 0.08);
}
.dd-step6-score-group {
flex: 0 0 auto;
display: inline-flex;
flex-wrap: wrap;
gap: 0.3rem;
align-items: center;
justify-content: flex-end;
}
.dd-step6-score-badge {
flex: 0 0 auto;
display: inline-block;
padding: 0.12rem 0.5rem;
border-radius: 0.4rem;
background: rgba(251, 191, 36, 0.18);
color: var(--er-text-secondary);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.02em;
border: 1px solid rgba(251, 191, 36, 0.45);
font-variant-numeric: tabular-nums;
}
.dd-step6-score-badge-base {
background: rgba(125, 211, 252, 0.14);
color: #bae6fd;
border-color: rgba(125, 211, 252, 0.4);
}
.dd-step6-score-badge-cu {
background: rgba(74, 222, 128, 0.16);
color: #bbf7d0;
border-color: rgba(74, 222, 128, 0.45);
}
.dd-step6-inline-meta-list .dd-step6-item-title {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-step6-inline-meta-list .dd-step6-score-badge {
font-size: 0.64rem;
padding: 0.05rem 0.32rem;
letter-spacing: 0;
white-space: nowrap;
}
.dd-step6-item-copy {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.16rem;
}
.dd-step6-item-class {
display: inline-flex;
align-items: baseline;
flex-wrap: wrap;
gap: 0.28rem 0.4rem;
max-width: 100%;
margin-top: 0;
padding: 0.12rem 0.45rem;
border-radius: 0.4rem;
background: rgba(251, 191, 36, 0.12);
border: 1px solid rgba(251, 191, 36, 0.38);
color: #fde68a;
font-size: 0.72rem;
font-weight: 600;
line-height: 1.35;
word-break: break-word;
}
.dd-step6-item-class-name {
font-weight: 500;
color: #fde68a;
font-size: 0.92em;
}
.dd-step6-item-class-name::before {
content: "·";
margin: 0 0.4em;
color: var(--er-text-muted);
font-weight: 400;
}
.dd-step6-item-class-k {
color: rgba(253, 230, 138, 0.72);
font-size: 0.62rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.dd-step6-item-class--empty {
background: rgba(148, 163, 184, 0.08);
border-color: rgba(148, 163, 184, 0.28);
color: #94a3b8;
font-weight: 500;
}
.dd-step6-score-caption {
color: rgba(253, 230, 138, 0.75) !important;
font-size: 0.68rem !important;
font-style: italic;
}
.dd-step6-item-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
flex-wrap: wrap;
}
.dd-step6-inline-meta-list .dd-step6-item-row {
flex-wrap: nowrap;
align-items: flex-start;
}
.dd-step6-unassign-btn,
.dd-step6-assign-btn {
flex: 0 0 auto;
border-radius: 0.45rem;
padding: 0.25rem 0.55rem;
font-size: 0.72rem;
font-family: inherit;
font-weight: 600;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.dd-step6-unassign-btn {
background: rgba(239, 68, 68, 0.18);
color: var(--er-danger);
border: 1px solid rgba(239, 68, 68, 0.45);
}
.dd-step6-assign-btn {
background: var(--er-accent-soft);
color: var(--er-text);
border: 1px solid var(--er-accent-border-strong);
}
.dd-step6-unassign-btn:hover,
.dd-step6-unassign-btn:focus-visible {
background: rgba(239, 68, 68, 0.32);
border-color: rgba(248, 113, 113, 0.7);
outline: none;
transform: translateY(-1px);
}
.dd-step6-assign-btn:hover,
.dd-step6-assign-btn:focus-visible {
background: var(--er-accent-border);
border-color: var(--er-accent);
outline: none;
transform: translateY(-1px);
}
.dd-step6-unassign-btn:disabled,
.dd-step6-assign-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
}
.dd-step6-item-hint {
color: var(--er-text-muted);
font-size: 0.7rem;
font-style: italic;
}
.dd-step6-item-title {
display: block;
color: var(--er-text);
font-size: 0.82rem;
font-weight: 600;
line-height: 1.35;
word-break: break-word;
}
.dd-step6-item-meta {
display: block;
margin-top: 0.2rem;
color: var(--er-text-muted);
font-size: 0.75rem;
line-height: 1.35;
word-break: break-word;
}
.dd-step6-empty {
color: var(--er-text-muted);
font-size: 0.82rem;
font-style: italic;
}
.dd-step6-inline-meta-list {
margin: 0;
padding: 0.15rem 0 0 0.45rem;
list-style: none;
display: grid;
gap: 0.22rem;
border-left: 2px solid var(--er-accent-border);
position: relative;
z-index: 4;
pointer-events: auto;
}
.dd-step6-suggest-caption {
margin: 0.1rem 0 0.05rem;
padding: 0 0.15rem;
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--er-text-faint, var(--er-text-muted));
}
.dd-step6-suggest-rank {
flex: 0 0 1.15rem;
font-variant-numeric: tabular-nums;
font-size: 0.72rem;
font-weight: 700;
color: var(--er-accent, #eab308);
opacity: 0.95;
}
.dd-step6-item-meta-doc.is-best:not(.is-assigned):not(.is-active) {
border-color: rgba(234, 179, 8, 0.35);
}
.dd-step6-inline-meta-list .dd-step6-item-title {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-step6-inline-meta-list .dd-step6-item-meta {
display: none;
}
.dd-step6-item-cu.is-active .dd-step6-inline-meta-list .dd-step6-item-meta {
display: block;
}
.dd-step6-inline-meta-list .dd-step6-item-class {
display: inline-flex;
}
.dd-step6-item-cu.is-active .dd-step6-inline-meta-list .dd-step6-item-class {
display: inline-flex;
}
.dd-step6-item-cu.is-active .dd-step6-inline-meta-list {
border-left-color: rgba(251, 191, 36, 0.55);
}
.dd-step6-item-cu.is-assigned .dd-step6-inline-meta-list {
border-left-color: rgba(34, 197, 94, 0.45);
}
.dd-step6-item-cu.is-starved .dd-step6-inline-meta-list {
border-left-color: rgba(248, 113, 113, 0.55);
}
.dd-step6-inline-meta-list .dd-step6-item-meta-doc {
padding: 0.22rem 0.4rem;
position: relative;
z-index: 2;
pointer-events: auto;
cursor: pointer;
}
.dd-step6-inline-empty {
padding: 0.2rem 0.15rem;
font-size: 0.76rem;
}
.dd-step6-inline-manual-slot {
position: relative;
z-index: 1;
}
.dd-step6-inline-manual-slot:empty {
display: none;
}
.dd-step6-inline-manual-slot .dd-step6-meta-all {
margin-top: 0;
border-top: 1px dashed var(--er-accent-border);
padding-top: 0.2rem;
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
}
.dd-step6-inline-manual-slot .dd-step6-meta-all[open] {
flex: 1 1 auto;
min-height: 0;
height: 100%;
overflow: hidden;
}
/* Modern engines wrap everything after in the anonymous
::details-content box (display:block), which breaks the flex chain and
collapses the list. Make that box the flex column so the body — and the
scrollable list — actually fill the open pool. */
.dd-step6-inline-manual-slot .dd-step6-meta-all[open]::details-content {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
}
.dd-step6-inline-manual-slot .dd-step6-meta-all[open] > .dd-step6-meta-all-body {
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
}
/* Fallback for engines without ::details-content: cap the list so it still
scrolls (it just won't stretch to the very bottom of the pane). */
@supports not (selector(::details-content)) {
.dd-step6-inline-manual-slot .dd-step6-meta-all-list.dd-step6-list {
flex: 1 1 auto;
max-height: min(42vh, 26rem);
}
}
.dd-step6-meta-all {
margin-top: 0.65rem;
border-top: 1px dashed var(--er-accent-border-strong);
padding-top: 0.55rem;
}
.dd-step6-meta-all[hidden] {
display: none;
}
.dd-step6-meta-all-summary {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
padding: 0.2rem 0.15rem;
color: var(--er-text-muted);
font-size: 0.72rem;
font-weight: 600;
list-style: none;
border-radius: 0.4rem;
}
.dd-step6-meta-all-summary::-webkit-details-marker {
display: none;
}
.dd-step6-meta-all-summary::before {
content: "▸";
display: inline-block;
margin-right: 0.35rem;
transition: transform 0.15s ease;
color: rgba(251, 191, 36, 0.85);
}
.dd-step6-meta-all[open] > .dd-step6-meta-all-summary::before {
transform: rotate(90deg);
}
.dd-step6-meta-all-summary:hover,
.dd-step6-meta-all-summary:focus-visible {
background: var(--er-accent-soft);
outline: none;
}
.dd-step6-meta-all-label {
flex: 1 1 auto;
min-width: 0;
}
.dd-step6-meta-all-optional {
flex: 0 0 auto;
font-size: 0.64rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--er-text-faint, rgba(255, 255, 255, 0.38));
}
.dd-step6-meta-all-body {
margin-top: 0.35rem;
display: flex;
flex-direction: column;
gap: 0.35rem;
min-height: 0;
flex: 1 1 auto;
overflow: hidden;
}
.dd-step6-meta-all-search {
width: 100%;
padding: 0.4rem 0.55rem;
border-radius: 0.45rem;
border: 1px solid var(--er-accent-border-strong);
background: var(--er-panel);
color: var(--er-text);
font-size: 0.78rem;
font-family: inherit;
}
.dd-step6-meta-all-search::placeholder {
color: var(--er-text-muted);
}
.dd-step6-meta-all-search:focus-visible {
outline: none;
border-color: rgba(251, 191, 36, 0.7);
box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.18);
}
.dd-step6-meta-all-list {
flex: 1 1 0;
min-height: 0;
max-height: none;
overflow-x: hidden;
overflow-y: auto;
padding-right: 0.35rem;
padding-bottom: 0.35rem;
margin: 0;
scrollbar-gutter: stable;
scrollbar-width: auto;
scrollbar-color: rgba(251, 191, 36, 0.7) rgba(255, 255, 255, 0.08);
}
.dd-step6-meta-all-list::-webkit-scrollbar {
width: 10px;
}
.dd-step6-meta-all-list::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.06);
border-radius: 8px;
}
.dd-step6-meta-all-list::-webkit-scrollbar-thumb {
background: rgba(251, 191, 36, 0.55);
border-radius: 8px;
}
.dd-step6-meta-all-list::-webkit-scrollbar-thumb:hover {
background: rgba(251, 191, 36, 0.8);
}
.dd-step6-inline-manual-slot .dd-step6-meta-all-list.dd-step6-list {
display: flex;
flex-direction: column;
gap: 0.45rem;
flex: 1 1 0;
min-height: 0;
max-height: none;
overflow-x: hidden;
overflow-y: auto;
}
.dd-step6-meta-all-list .dd-step6-item-class {
display: inline-flex;
margin-top: 0.18rem;
}
.dd-step6-share-toggle {
display: flex;
align-items: center;
gap: 0.45rem;
margin: 0.05rem 0 0;
padding: 0.35rem 0.45rem;
border: 1px solid var(--er-accent-border);
border-radius: 0.45rem;
background: rgba(251, 191, 36, 0.06);
color: var(--er-text-secondary);
font-size: 0.78rem;
font-weight: 600;
cursor: pointer;
}
.dd-step6-share-toggle input {
flex: 0 0 auto;
accent-color: #eab308;
}
.dd-step6-share-toggle:hover,
.dd-step6-share-toggle:focus-within {
border-color: var(--er-accent-border-strong);
background: rgba(251, 191, 36, 0.1);
}
.dd-step6-share-hint {
margin: 0;
font-size: 0.72rem;
line-height: 1.35;
color: var(--er-text-muted);
}
.dd-step6-vdr-share {
display: flex;
flex-direction: column;
gap: 0.5rem;
min-height: 0;
}
.dd-step6-vdr-share[hidden] {
display: none;
}
.dd-step6-vdr-tree {
max-height: min(42vh, 24rem);
overflow: auto;
padding: 0.45rem 0.5rem 0.55rem;
border: 1px solid var(--er-accent-border);
border-radius: 0.55rem;
background:
linear-gradient(180deg, rgba(251, 191, 36, 0.05), transparent 3.2rem),
rgba(2, 10, 13, 0.72);
}
.dd-step6-vdr-tree ul {
margin: 0;
padding: 0 0 0 0.55rem;
list-style: none;
border-left: 1px dashed rgba(251, 191, 36, 0.22);
}
.dd-step6-vdr-tree > ul {
padding-left: 0;
border-left: 0;
}
.dd-step6-vdr-folder {
margin: 0.12rem 0;
}
.dd-step6-vdr-folder-sum {
display: flex;
align-items: center;
gap: 0.4rem;
cursor: pointer;
list-style: none;
padding: 0.22rem 0.35rem;
border-radius: 0.4rem;
color: var(--er-text-secondary);
font-size: 0.76rem;
font-weight: 650;
}
.dd-step6-vdr-folder-sum::-webkit-details-marker {
display: none;
}
.dd-step6-vdr-folder-sum:hover,
.dd-step6-vdr-folder-sum:focus-visible {
background: rgba(251, 191, 36, 0.08);
outline: none;
}
.dd-step6-vdr-chevron {
flex: 0 0 auto;
width: 0.45rem;
height: 0.45rem;
border-right: 1.5px solid rgba(251, 191, 36, 0.9);
border-bottom: 1.5px solid rgba(251, 191, 36, 0.9);
transform: rotate(-45deg);
transition: transform 0.15s ease;
margin: 0 0.1rem 0.05rem 0.05rem;
}
.dd-step6-vdr-folder > details[open] > .dd-step6-vdr-folder-sum .dd-step6-vdr-chevron {
transform: rotate(45deg);
margin-top: -0.1rem;
}
.dd-step6-vdr-folder-icon {
position: relative;
flex: 0 0 auto;
width: 0.95rem;
height: 0.72rem;
margin-top: 0.12rem;
border-radius: 0.12rem;
background: linear-gradient(180deg, #fbbf24, #d97706);
box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.25);
}
.dd-step6-vdr-folder-icon::before {
content: "";
position: absolute;
top: -0.16rem;
left: 0.02rem;
width: 0.42rem;
height: 0.2rem;
border-radius: 0.08rem 0.08rem 0 0;
background: #f59e0b;
}
.dd-step6-vdr-folder-name {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-step6-vdr-folder-count {
flex: 0 0 auto;
min-width: 1.15rem;
padding: 0.02rem 0.32rem;
border-radius: 999px;
background: rgba(251, 191, 36, 0.12);
border: 1px solid rgba(251, 191, 36, 0.28);
color: #fde68a;
font-size: 0.62rem;
font-weight: 700;
text-align: center;
font-variant-numeric: tabular-nums;
}
.dd-step6-vdr-file-item {
margin: 0.08rem 0;
}
.dd-step6-vdr-file {
display: flex;
align-items: flex-start;
gap: 0.4rem;
width: 100%;
text-align: left;
border: 1px solid transparent;
background: transparent;
color: var(--er-text);
font: inherit;
font-size: 0.76rem;
line-height: 1.3;
padding: 0.22rem 0.35rem;
border-radius: 0.4rem;
cursor: pointer;
}
.dd-step6-vdr-file-copy {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.14rem;
}
.dd-step6-vdr-file:hover,
.dd-step6-vdr-file:focus-visible {
background: rgba(251, 191, 36, 0.08);
border-color: rgba(251, 191, 36, 0.22);
outline: none;
}
.dd-step6-vdr-file.is-selected {
background: rgba(74, 222, 128, 0.14);
border-color: rgba(74, 222, 128, 0.4);
color: #bbf7d0;
}
.dd-step6-vdr-file.is-shared:not(.is-selected) {
background: rgba(167, 139, 250, 0.08);
}
.dd-step6-vdr-file-icon {
flex: 0 0 auto;
width: 0.72rem;
height: 0.9rem;
margin-top: 0.18rem;
border: 1px solid rgba(251, 191, 36, 0.5);
border-radius: 0.12rem;
background: rgba(251, 191, 36, 0.12);
position: relative;
}
.dd-step6-vdr-file-icon::after {
content: "";
position: absolute;
top: -1px;
right: -1px;
border-width: 0 0.28rem 0.28rem 0;
border-style: solid;
border-color: transparent rgba(251, 191, 36, 0.7) transparent transparent;
}
.dd-step6-vdr-file-name {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-step6-vdr-file-name .dd-step6-item-class-name {
font-size: 0.9em;
}
.dd-step6-vdr-cu-pill {
flex: 0 0 auto;
padding: 0.04rem 0.38rem;
border-radius: 999px;
background: rgba(148, 163, 184, 0.16);
border: 1px solid rgba(148, 163, 184, 0.35);
color: #cbd5e1;
font-size: 0.62rem;
font-weight: 700;
letter-spacing: 0.02em;
white-space: nowrap;
}
.dd-step6-vdr-cu-pill.is-shared {
background: rgba(167, 139, 250, 0.18);
border-color: rgba(167, 139, 250, 0.45);
color: #ddd6fe;
}
.dd-step6-share-panel {
display: flex;
flex-direction: column;
gap: 0.4rem;
padding: 0.5rem 0.55rem;
border: 1px solid var(--er-accent-border-strong);
border-radius: 0.5rem;
background: rgba(251, 191, 36, 0.06);
}
.dd-step6-share-panel[hidden] {
display: none;
}
.dd-step6-share-file {
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.28rem;
font-size: 0.8rem;
color: var(--er-text);
word-break: break-word;
}
.dd-step6-share-panel-hint {
margin: 0;
font-size: 0.72rem;
color: var(--er-text-muted);
}
.dd-step6-share-cus {
display: flex;
flex-direction: column;
gap: 0.28rem;
}
.dd-step6-share-cu {
display: flex;
align-items: flex-start;
gap: 0.4rem;
font-size: 0.76rem;
color: var(--er-text);
cursor: pointer;
}
.dd-step6-share-cu input {
margin-top: 0.12rem;
flex: 0 0 auto;
accent-color: #eab308;
}
.dd-step6-share-cu.is-current {
color: #bbf7d0;
}
.dd-step6-share-add-btn {
align-self: flex-start;
border: 1px solid rgba(74, 222, 128, 0.45);
background: rgba(74, 222, 128, 0.16);
color: #bbf7d0;
border-radius: 0.4rem;
padding: 0.35rem 0.7rem;
font: inherit;
font-size: 0.78rem;
font-weight: 700;
cursor: pointer;
}
.dd-step6-share-add-btn:hover,
.dd-step6-share-add-btn:focus-visible {
background: rgba(74, 222, 128, 0.28);
outline: none;
}
.dd-step6-share-add-btn:disabled {
opacity: 0.55;
cursor: not-allowed;
}
.dd-step6-preview-header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.65rem;
flex-wrap: wrap;
flex: 0 0 auto;
}
.dd-step6-preview-title {
margin: 0;
}
.dd-step6-preview-meta {
font-family: "Fira Code", monospace;
font-size: 0.72rem;
color: var(--er-text-muted);
word-break: break-all;
max-width: 100%;
}
.dd-step6-preview-content {
margin-top: 0.6rem;
border: 1px solid var(--er-accent-border);
border-radius: 0.6rem;
background: rgba(2, 10, 13, 0.8);
padding: 0.6rem;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
display: flex;
flex-direction: column;
}
.dd-step6-preview-content > .dd-preview-wrapper {
flex: 1 1 auto;
min-height: 0;
height: 100%;
}
.dd-step6-preview-content .dd-preview-body {
flex: 1 1 auto;
min-height: 0;
overflow: auto;
overscroll-behavior: contain;
}
.dd-step6-preview-content > .dd-step6-empty {
margin: auto;
text-align: center;
}
.dd-step6-preview-content pre {
margin: 0;
white-space: pre-wrap;
word-break: break-word;
color: var(--er-text);
font-size: 0.78rem;
line-height: 1.55;
font-family: "Fira Code", monospace;
overflow: auto;
min-height: 0;
flex: 1 1 auto;
}
.dd-step6-preview-content iframe,
.dd-step6-preview-content img {
width: 100%;
border: 0;
border-radius: 0.5rem;
}
.dd-step6-preview-content iframe {
flex: 1 1 auto;
min-height: 0;
height: 100%;
}
.dd-step6-preview-content img {
object-fit: contain;
max-height: 100%;
}
.dd-step6-preview-hint {
color: var(--er-text-muted);
font-size: 0.8rem;
margin: 0.25rem 0;
}
@media (prefers-reduced-motion: reduce) {
.dd-step6-item-meta-doc:hover,
.dd-step6-item-meta-doc:focus-visible,
.dd-step6-unassign-btn:hover,
.dd-step6-unassign-btn:focus-visible,
.dd-step6-assign-btn:hover,
.dd-step6-assign-btn:focus-visible {
transform: none;
}
}
/* On Pasul 7 view: aggregated matcher panel goes first, archive tree below.
The negative margins break out of the 92rem container and let the panel
stretch to the full viewport width (with a 1.25rem gutter on each side). */
.dd-stepper-root[data-current-step="7"] {
display: flex;
flex-direction: column;
margin-left: min(0px, calc(50% - 50vw + 1.25rem));
margin-right: min(0px, calc(50% - 50vw + 1.25rem));
}
.dd-stepper-root[data-current-step="7"] > #dd-steps-future {
order: 1;
margin-top: 0.35rem;
padding: 0.65rem 0.85rem;
}
.dd-stepper-root[data-current-step="7"] > #dd-workspace {
order: 2;
margin-top: 1.25rem;
}
@media (max-width: 1100px) {
.dd-step6-head {
flex-wrap: wrap;
}
.dd-step6-head-copy {
flex: 1 1 100%;
}
.dd-step6-toolbar {
flex-wrap: wrap;
}
.dd-step6-grid {
--dd-step6-pane-height: min(70vh, 44rem);
flex-direction: column;
}
.dd-step6-grid .dd-step6-card-cu,
.dd-step6-grid .dd-step6-card-preview {
flex: 1 1 auto;
width: 100%;
min-width: 0;
max-width: 100%;
}
.dd-step6-meta-all-list,
.dd-step6-inline-manual-slot .dd-step6-meta-all-list {
min-height: 0;
max-height: none;
}
#dd-step6-splitter {
display: none;
}
}
@media (max-width: 720px) {
.dd-step6-grid {
--dd-step6-pane-height: min(60vh, 36rem);
flex-direction: column;
}
}
/* ── Step 4 — Clasificare documente din arhivă ───────────────────────── */
/* On Step 4 we only want the file list + classification labels.
Hide the CU avize/extraction panel, the cert-in-session list, and the
preview pane; collapse the workspace to a single full-width column. */
.dd-workspace.dd-cu-collapsed .cu-panel,
.dd-workspace.dd-cu-collapsed .cu-session-panel,
.dd-workspace.dd-cu-collapsed .cu-extensions-panel,
.dd-workspace.dd-cu-collapsed .cu-identity-panel,
.dd-workspace.dd-cu-collapsed .cert-extract-right,
.dd-workspace.dd-cu-collapsed #dd-workspace-splitter {
display: none;
}
.dd-workspace.dd-cu-collapsed.cert-extract-workspace {
grid-template-columns: minmax(0, 1fr);
}
.dd-workspace.dd-cu-collapsed .cert-extract-left {
width: 100%;
flex: 1 1 auto;
max-width: none;
}
.dd-workspace.dd-cu-collapsed .archive-files-panel {
width: 100%;
max-width: none;
}
.dd-step4-zone {
margin: 1.25rem 0 1.25rem;
padding: 1.5rem 1.5rem 1.25rem;
border-radius: 1.1rem;
border: 1px solid var(--er-accent-border-strong);
background:
radial-gradient(120% 120% at 0% 0%, rgba(239, 68, 68, 0.18) 0%, transparent 55%),
radial-gradient(140% 140% at 100% 100%, var(--er-accent-border) 0%, transparent 60%),
var(--er-panel);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
animation: dd-fade-in 0.25s ease;
}
/* Clasificare arhivă — panou Pasul 3, deasupra listei de fișiere. */
.cert-extract-left .cu-classify-panel.dd-step4-zone {
margin: 0;
padding: 0.75rem 0.85rem 0.8rem;
border-radius: 0.85rem;
box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
}
.cert-extract-left .cu-classify-panel.dd-step4-zone .dd-step4-title {
font-size: 1.05rem;
}
.cert-extract-left .cu-classify-panel.dd-step4-zone .dd-step4-hero {
gap: 0.55rem 0.85rem;
align-items: flex-start;
}
.cert-extract-left .cu-classify-panel.dd-step4-zone .dd-step4-actions {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
width: auto;
max-width: none;
gap: 0.45rem;
}
.cert-extract-left .cu-classify-panel.dd-step4-zone .dd-step4-cta {
justify-content: center;
width: auto;
padding: 0.42rem 0.8rem;
font-size: 0.8rem;
border-radius: 0.65rem;
}
.cert-extract-left .cu-classify-panel.dd-step4-zone .dd-classify-results {
max-height: min(16rem, 38vh);
}
/* Pasul 5 — clasificare documente: auriu, statistici, listă înaltă. */
.dd-step3-classify.dd-step4-zone {
border-color: var(--er-accent-border-strong);
background:
radial-gradient(120% 90% at 0% 0%, var(--er-accent-soft) 0%, transparent 52%),
radial-gradient(130% 90% at 100% 100%, rgba(251, 191, 36, 0.07) 0%, transparent 58%),
var(--er-panel);
}
.dd-step3-classify .dd-placeholder-badge {
margin-bottom: 0.2rem;
}
.dd-step3-classify .dd-step4-hero-text {
flex: 1 1 14rem;
}
.dd-step3-classify .dd-step4-title {
margin: 0.15rem 0 0.2rem;
}
.dd-step3-classify .dd-step4-subtitle {
font-size: 0.8rem;
line-height: 1.4;
max-width: 38rem;
}
.dd-step3-classify .dd-step4-cta {
box-shadow:
0 6px 14px rgba(251, 191, 36, 0.22),
inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
.dd-step3-classify .dd-step4-cta:hover:not(:disabled) {
transform: translateY(-1px);
box-shadow:
0 10px 18px rgba(251, 191, 36, 0.32),
inset 0 1px 0 rgba(255, 255, 255, 0.36);
}
.dd-step3-run {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem;
}
.dd-step3-classify .dd-step4-refresh {
color: var(--er-text-muted);
background: var(--er-input-bg);
border-color: var(--er-accent-border);
padding: 0.32rem 0.6rem;
font-size: 0.74rem;
}
.dd-step3-classify .dd-step4-refresh:hover {
color: var(--er-text);
background: var(--er-accent-soft);
border-color: var(--er-accent-border-strong);
}
.dd-step3-classify .dd-step-approve-btn {
justify-content: center;
width: auto;
padding: 0.42rem 0.85rem;
font-size: 0.8rem;
border-radius: 0.65rem;
}
.dd-step3-classify .dd-step4-cta svg,
.dd-step3-classify .dd-step-approve-btn svg {
width: 0.95rem;
height: 0.95rem;
}
.dd-step3-classify .dd-step4-progress {
margin-top: 0.4rem;
gap: 0.4rem;
}
.dd-step3-classify-meter {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem 0.7rem;
margin: 0.65rem 0 0;
}
.dd-step3-classify-stats {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
margin: 0;
}
.dd-step3-stat {
display: inline-flex;
flex-direction: row;
align-items: baseline;
gap: 0.3rem;
min-width: 0;
padding: 0.22rem 0.55rem;
border-radius: 999px;
border: 1px solid var(--er-accent-border);
background: var(--er-input-bg);
}
.dd-step3-stat strong {
font-family: "Fira Code", monospace;
font-size: 0.88rem;
color: var(--er-accent-hover);
line-height: 1.1;
}
.dd-step3-stat span {
font-size: 0.62rem;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--er-text-muted);
}
.dd-step3-stat[data-stat="done"] strong {
color: var(--er-success);
}
.dd-step3-classify-stats.is-complete .dd-step3-stat[data-stat="done"] {
border-color: var(--er-success-border);
box-shadow: inset 2px 0 0 var(--er-success);
}
.dd-step3-classify-track {
flex: 1 1 8rem;
min-width: 6rem;
margin: 0;
height: 0.32rem;
border-radius: 999px;
background: rgba(251, 191, 36, 0.12);
overflow: hidden;
}
.dd-step3-classify-track-fill {
display: block;
height: 100%;
width: 0%;
border-radius: inherit;
background: linear-gradient(90deg, var(--er-cta), var(--er-accent-hover));
transition: width 0.28s ease;
}
.dd-step3-classify-empty {
margin: 0.55rem 0 0;
font-size: 0.8rem;
line-height: 1.4;
color: var(--er-text-muted);
font-style: italic;
}
.dd-step3-classify-empty[hidden] {
display: none;
}
.dd-stepper-root[data-current-step="5"] .cert-extract-left > .cu-classify-panel { order: 1; }
.dd-stepper-root[data-current-step="5"] .cert-extract-left > .archive-files-panel { order: 2; }
.dd-stepper-root[data-current-step="5"] .cert-extract-left .cu-classify-panel.dd-step4-zone .dd-classify-results {
max-height: min(48vh, 34rem);
}
.dd-stepper-root[data-current-step="5"] .cert-extract-left .cu-classify-panel.dd-step4-zone .dd-classify-multi-wrap {
max-height: min(48vh, 34rem);
}
.dd-stepper-root[data-current-step="5"] .cert-extract-left .cu-classify-panel.dd-step4-zone .dd-classify-multi-wrap .dd-classify-results {
max-height: none;
overflow: visible;
}
.dd-stepper-root[data-current-step="5"] .dd-classify-result-row {
cursor: pointer;
grid-template-columns: minmax(8rem, 1fr) auto auto;
grid-template-areas:
"name class neimp"
"path class neimp"
"alloc alloc alloc";
}
.dd-stepper-root[data-current-step="5"] .dd-classify-result-row:hover {
border-color: var(--er-accent-border-strong);
box-shadow: 0 0 0 1px var(--er-accent-soft);
}
.dd-stepper-root[data-current-step="5"] .dd-classify-result-row--previewed {
border-color: var(--er-accent-border-strong);
box-shadow: inset 3px 0 0 var(--er-accent);
}
/* ── Archive page — title moved into sticky header (.page-nav-title) ─────── */
.dd-step4-hero {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1.25rem;
}
.dd-step4-hero-text {
flex: 1 1 22rem;
min-width: 0;
}
.dd-step4-title {
margin: 0.45rem 0 0.4rem;
font-size: 1.45rem;
color: var(--er-text);
letter-spacing: -0.01em;
}
.dd-step4-subtitle {
margin: 0;
font-size: 0.92rem;
line-height: 1.55;
color: var(--er-text-muted);
max-width: 44rem;
}
.dd-step4-zone .dd-mono {
font-family: "Fira Code", monospace;
color: var(--er-accent-hover);
font-size: 0.85em;
background: var(--er-accent-soft);
padding: 0.1rem 0.35rem;
border-radius: 0.3rem;
}
.dd-step4-cta {
display: inline-flex;
align-items: center;
gap: 0.6rem;
border: none;
border-radius: 1rem;
padding: 0.95rem 1.6rem;
font-weight: 700;
font-size: 1.02rem;
letter-spacing: 0.005em;
cursor: pointer;
color: var(--er-on-accent);
background: linear-gradient(95deg, var(--er-cta) 0%, var(--er-accent) 50%, var(--er-accent-hover) 100%);
box-shadow:
0 12px 28px rgba(239, 68, 68, 0.32),
inset 0 1px 0 rgba(255, 255, 255, 0.32);
transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, filter 0.18s ease;
white-space: nowrap;
}
.dd-step4-cta svg {
width: 1.15rem;
height: 1.15rem;
}
.dd-step4-cta:hover:not(:disabled) {
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow:
0 18px 36px rgba(239, 68, 68, 0.42),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.dd-step4-cta:focus-visible {
outline: 2px solid var(--er-text-secondary);
outline-offset: 3px;
}
.dd-step4-cta:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
box-shadow: none;
filter: grayscale(0.2);
}
.dd-step4-actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.55rem;
}
.dd-step4-refresh {
display: inline-flex;
align-items: center;
gap: 0.45rem;
font-size: 0.82rem;
color: #1f2937;
background: rgba(255, 255, 255, 0.65);
border: 1px solid rgba(99, 102, 241, 0.35);
border-radius: 999px;
padding: 0.28rem 0.7rem;
cursor: pointer;
user-select: none;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.dd-step4-refresh:hover {
background: rgba(255, 255, 255, 0.9);
border-color: rgba(79, 70, 229, 0.6);
color: #1e1b4b;
}
.dd-step4-refresh input[type="checkbox"] {
margin: 0;
accent-color: #4f46e5;
cursor: pointer;
}
.dd-step4-progress {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.85rem;
margin: 1rem 0 0;
}
.dd-step4-progress .cu-status {
margin: 0;
flex: 1 1 16rem;
}
.dd-classify-summary {
font-family: "Fira Code", monospace;
font-size: 0.82rem;
color: var(--er-text-secondary);
background: var(--er-accent-soft);
border: 1px solid var(--er-accent-border-strong);
padding: 0.3rem 0.7rem;
border-radius: 999px;
min-width: 4rem;
text-align: center;
}
.dd-classify-summary:empty {
display: none;
}
.dd-classify-results {
list-style: none;
margin: 0.85rem 0 0;
padding: 0;
display: grid;
gap: 0.45rem;
max-height: 26rem;
overflow-y: auto;
overflow-x: hidden;
min-width: 0;
}
.dd-classify-results:empty {
display: none;
}
.dd-classify-multi-wrap {
display: flex;
flex-direction: column;
gap: 0.85rem;
margin: 0.85rem 0 0;
min-width: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.dd-classify-multi-wrap.dd-is-hidden,
.dd-classify-multi-wrap[hidden] {
display: none;
}
.dd-classify-cu-section {
border: 1px solid rgba(52, 211, 153, 0.28);
border-radius: 0.9rem;
background: rgba(6, 20, 15, 0.4);
padding: 0.85rem 0.9rem 0.5rem;
min-width: 0;
}
.dd-classify-cu-section--unallocated {
border-color: rgba(148, 163, 184, 0.35);
background: rgba(15, 23, 42, 0.35);
}
.dd-classify-cu-heading {
margin: 0;
color: var(--er-success);
font-size: 0.95rem;
font-weight: 700;
}
.dd-classify-cu-section--unallocated .dd-classify-cu-heading {
color: var(--er-text-secondary);
}
.dd-classify-cu-section .dd-classify-results {
margin: 0.5rem 0 0;
max-height: none;
overflow: visible;
}
.dd-classify-cu-section .dd-classify-results:empty {
display: grid;
}
.dd-classify-result-shared-badge {
display: inline-block;
margin-left: 0;
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #fde68a;
background: rgba(251, 191, 36, 0.18);
border: 1px solid rgba(251, 191, 36, 0.45);
border-radius: 0.4rem;
padding: 0.04rem 0.35rem;
vertical-align: middle;
white-space: nowrap;
}
.dd-classify-result-alloc {
grid-area: alloc;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem;
min-width: 0;
}
.dd-classify-result-alloc[hidden] {
display: none !important;
}
.dd-classify-result-alloc-select {
flex: 1 1 12rem;
max-width: 22rem;
}
.dd-classify-result-alloc .cu-assoc-multiselect {
flex: 1 1 100%;
width: 100%;
}
.dd-classify-cu-unallocated-hint {
margin: 0.35rem 0 0;
font-size: 0.78rem;
line-height: 1.35;
color: var(--er-text-muted);
}
.dd-classify-result-row {
display: grid;
grid-template-columns: auto minmax(8rem, 1fr) auto auto;
grid-template-areas:
"validate name class neimp"
"validate path class neimp";
align-items: start;
gap: 0.15rem 0.85rem;
padding: 0.55rem 0.75rem;
border-radius: 0.65rem;
border: 1px solid var(--er-accent-border);
background: var(--er-panel);
font-size: 0.85rem;
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
min-width: 0;
}
.dd-classify-result-row .dd-step-doc-validate {
grid-area: validate;
align-self: center;
}
.dd-classify-result-row--validated {
border-color: rgba(34, 197, 94, 0.5);
box-shadow: inset 3px 0 0 rgba(52, 211, 153, 0.75);
}
.dd-classify-result-name {
grid-area: name;
color: var(--er-text);
font-weight: 600;
word-break: break-word;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem;
}
.dd-classify-result-filename {
min-width: 0;
word-break: break-word;
}
.dd-classify-result-path {
grid-area: path;
font-family: "Fira Code", monospace;
font-size: 0.72rem;
color: var(--er-text-muted);
word-break: break-all;
min-width: 0;
}
/* Wrapper that groups the canonical path + alias paths within the grid "path"
area so they stack vertically without disturbing the two-column grid layout. */
.dd-classify-result-paths {
grid-area: path;
display: flex;
flex-direction: column;
gap: 0.2rem;
min-width: 0;
}
/* Individual alias path lines inside a classify / mentiuni result row.
Visually subordinate to the canonical path. */
.dd-classify-result-alias {
display: block;
font-family: "Fira Code", monospace;
font-size: 0.72rem;
color: var(--er-text-muted);
word-break: break-all;
padding-left: 0.9rem;
position: relative;
}
.dd-classify-result-alias::before {
content: "↳";
position: absolute;
left: 0;
color: var(--er-text-muted);
}
.dd-classify-result-label {
grid-area: class;
font-size: 0.78rem;
font-weight: 600;
padding: 0.25rem 0.6rem;
border-radius: 999px;
white-space: nowrap;
border: 1px solid transparent;
font-family: inherit;
line-height: inherit;
color: inherit;
background: transparent;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
justify-self: end;
}
button.dd-classify-result-label {
appearance: none;
-webkit-appearance: none;
cursor: default;
text-align: right;
}
button.dd-classify-result-label:disabled {
cursor: default;
opacity: 1;
}
button.dd-classify-result-label--editable {
cursor: pointer;
}
button.dd-classify-result-label--editable:hover {
filter: brightness(1.12);
}
button.dd-classify-result-label--editable:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.dd-classify-result-row--manual.dd-classify-result-row--success .dd-classify-result-label {
color: #ccfbf1;
background-color: rgba(20, 184, 166, 0.26);
border-color: rgba(45, 212, 191, 0.6);
}
/* Manual classification picker (nomenclator + model top-K) */
.dd-class-picker {
position: fixed;
z-index: 12000;
display: flex;
flex-direction: column;
gap: 0.45rem;
padding: 0.7rem 0.75rem 0.65rem;
border-radius: 0.65rem;
border: 1px solid rgba(255, 255, 255, 0.14);
background: #1c1917;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
color: var(--er-text-muted);
overflow: hidden;
}
.dd-class-picker__header {
display: flex;
flex-direction: column;
gap: 0.15rem;
min-width: 0;
}
.dd-class-picker__header strong {
font-size: 0.78rem;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--er-text-muted);
font-weight: 700;
}
.dd-class-picker__current {
font-size: 0.82rem;
color: var(--er-success);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dd-class-picker__search {
width: 100%;
box-sizing: border-box;
border-radius: 0.45rem;
border: 1px solid rgba(255, 255, 255, 0.14);
background: rgba(255, 255, 255, 0.04);
color: #fafaf9;
padding: 0.4rem 0.55rem;
font-size: 0.82rem;
}
.dd-class-picker__search:focus {
outline: 2px solid var(--er-accent-border-strong);
outline-offset: 1px;
}
.dd-class-picker__section-title {
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--er-text-faint);
margin-top: 0.15rem;
}
.dd-class-picker__list {
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.dd-class-picker__hint {
margin: -0.15rem 0 0.1rem;
font-size: 0.72rem;
line-height: 1.35;
color: var(--er-text-faint);
}
.dd-class-picker__list--top {
flex: 1 0 auto;
min-height: 16rem;
max-height: none;
overflow: auto;
}
.dd-class-picker__list--all {
flex: 0 1 9rem;
min-height: 4.5rem;
max-height: 9rem;
}
.dd-class-picker__option-rank {
flex: 0 0 1.35rem;
font-variant-numeric: tabular-nums;
font-size: 0.72rem;
font-weight: 700;
color: var(--er-accent, #eab308);
opacity: 0.9;
}
.dd-class-picker__option.is-best:not(.is-current) {
border-color: rgba(234, 179, 8, 0.35);
}
.dd-class-picker__option-score {
flex: 0 0 auto;
font-variant-numeric: tabular-nums;
font-size: 0.72rem;
font-weight: 700;
color: var(--er-text-muted);
}
.dd-class-picker__loading {
font-style: italic;
opacity: 0.85;
}
.dd-class-picker__option {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
text-align: left;
border: 1px solid transparent;
border-radius: 0.4rem;
background: rgba(255, 255, 255, 0.03);
color: var(--er-text-muted);
padding: 0.35rem 0.5rem;
font-size: 0.8rem;
cursor: pointer;
}
.dd-class-picker__option:hover {
background: var(--er-accent-soft);
border-color: var(--er-accent-border-strong);
}
.dd-class-picker__option.is-current {
background: rgba(34, 197, 94, 0.16);
border-color: rgba(34, 197, 94, 0.45);
color: #bbf7d0;
}
.dd-class-picker__option--neimportant {
border-color: rgba(148, 163, 184, 0.35);
background: rgba(148, 163, 184, 0.08);
color: var(--er-text);
font-weight: 600;
}
.dd-class-picker__option--neimportant:hover {
border-color: rgba(148, 163, 184, 0.55);
background: rgba(148, 163, 184, 0.14);
}
.dd-class-picker__option--neimportant.is-current {
background: rgba(148, 163, 184, 0.22);
border-color: rgba(148, 163, 184, 0.55);
color: var(--er-text);
}
.dd-class-picker__option-label {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-class-picker__option-score {
flex: 0 0 auto;
font-size: 0.72rem;
font-variant-numeric: tabular-nums;
color: var(--er-text-muted);
}
.dd-class-picker__empty {
font-size: 0.78rem;
color: var(--er-text-muted);
font-style: italic;
padding: 0.25rem 0.35rem;
}
.dd-classify-result-class-wrap {
grid-area: class;
display: inline-flex;
align-items: center;
justify-self: end;
gap: 0.35rem;
min-width: 0;
max-width: 100%;
}
.dd-classify-result-class-wrap .dd-classify-result-label {
grid-area: auto;
justify-self: auto;
}
.dd-classify-result-neimportant {
grid-area: neimp;
display: inline-flex;
align-items: center;
gap: 0.35rem;
align-self: center;
justify-self: end;
margin: 0;
padding: 0.15rem 0.1rem 0.15rem 0.45rem;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--er-text-muted);
cursor: pointer;
user-select: none;
white-space: nowrap;
}
.dd-classify-result-neimportant-cb {
width: 0.95rem;
height: 0.95rem;
margin: 0;
accent-color: #64748b;
cursor: pointer;
}
.dd-classify-result-neimportant:hover {
color: var(--er-text);
}
.dd-classify-result-score {
flex: 0 0 auto;
font-family: "Fira Code", monospace;
font-size: 0.72rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
color: var(--er-accent, #eab308);
letter-spacing: 0.01em;
}
.dd-classify-result-score:empty,
.dd-classify-result-score[hidden] {
display: none;
}
.dd-classify-result-select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 999px;
border: 1px solid transparent;
font-size: 0.78rem;
font-weight: 600;
padding: 0.25rem 1.6rem 0.25rem 0.6rem;
cursor: pointer;
background-image:
linear-gradient(45deg, transparent 50%, currentColor 50%),
linear-gradient(135deg, currentColor 50%, transparent 50%);
background-position:
calc(100% - 0.85rem) 50%,
calc(100% - 0.55rem) 50%;
background-size: 0.32rem 0.32rem, 0.32rem 0.32rem;
background-repeat: no-repeat;
}
.dd-classify-result-select:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
.dd-classify-result-select:disabled {
cursor: not-allowed;
opacity: 0.6;
}
.dd-classify-result-select option {
color: #1f1144;
background: var(--er-highlight);
font-weight: 600;
}
.dd-classify-result-row .dd-classify-result-select { display: none; }
/* Pasul 6: dropdown for manual class change — both single-CU list and
per-certificate sections in multi-CU mode. */
#dd-step7-zone .dd-classify-result-row--success .dd-classify-result-select { display: inline-flex; }
#dd-step7-zone .dd-classify-result-row--success .dd-classify-result-label { display: none; }
#dd-step7-zone .dd-classify-result-row--success .dd-classify-result-select {
color: #bbf7d0;
background-color: rgba(34, 197, 94, 0.18);
border-color: rgba(34, 197, 94, 0.5);
}
.dd-classify-result-row--manual.dd-classify-result-row--success .dd-classify-result-select {
color: #ccfbf1;
background-color: rgba(20, 184, 166, 0.26);
border-color: rgba(45, 212, 191, 0.6);
}
.dd-classify-result-row--manual {
border-color: rgba(45, 212, 191, 0.65);
background: rgba(13, 148, 136, 0.14);
box-shadow: inset 3px 0 0 #2dd4bf;
}
.dd-classify-result-manual-badge {
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #ccfbf1;
background: rgba(20, 184, 166, 0.26);
border: 1px solid rgba(45, 212, 191, 0.6);
border-radius: 0.4rem;
padding: 0.06rem 0.35rem;
}
.dd-classify-result-row--pending .dd-classify-result-label {
color: var(--er-text-secondary);
background: var(--er-accent-soft);
border-color: var(--er-accent-border-strong);
}
.dd-classify-result-row--success {
border-color: rgba(34, 197, 94, 0.45);
}
.dd-classify-result-row--success .dd-classify-result-label {
color: #bbf7d0;
background: rgba(34, 197, 94, 0.18);
border-color: rgba(34, 197, 94, 0.5);
}
.dd-classify-result-row--error {
border-color: rgba(239, 68, 68, 0.5);
}
.dd-classify-result-row--error .dd-classify-result-label {
color: var(--er-danger);
background: rgba(239, 68, 68, 0.2);
border-color: rgba(239, 68, 68, 0.55);
}
.dd-classify-result-row--excluded {
border-color: rgba(148, 163, 184, 0.45);
opacity: 0.78;
}
.dd-classify-result-row--excluded .dd-classify-result-name {
text-decoration: line-through;
color: var(--er-text-muted);
}
.dd-classify-result-row--excluded:not(.dd-classify-result-row--success):not(.dd-classify-result-row--error) .dd-classify-result-label {
color: #e2e8f0;
background: rgba(148, 163, 184, 0.22);
border-color: rgba(148, 163, 184, 0.5);
}
.dd-classify-result-row--excluded .dd-classify-result-neimportant {
color: var(--er-text);
}
.dd-classify-failed {
margin: 0.85rem 0 0;
padding: 0.55rem 0.7rem 0.7rem;
border-radius: 0.65rem;
border: 1px solid rgba(239, 68, 68, 0.55);
background: rgba(127, 29, 29, 0.22);
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.dd-classify-failed[hidden] {
display: none;
}
.dd-classify-failed-head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.75rem;
}
.dd-classify-failed-title {
font-weight: 650;
color: #fecaca;
}
.dd-classify-failed-count {
font-variant-numeric: tabular-nums;
color: #fecaca;
}
.dd-classify-failed-hint {
margin: 0;
color: var(--er-text-secondary);
font-size: 0.92rem;
}
.dd-classify-failed-list {
max-height: min(16rem, 28vh);
margin: 0.15rem 0 0;
}
.dd-classify-excluded {
margin: 0.85rem 0 0;
padding: 0.35rem 0.55rem;
border-radius: 0.65rem;
border: 1px solid rgba(148, 163, 184, 0.4);
background: rgba(15, 23, 42, 0.4);
display: flex;
flex-direction: column;
gap: 0;
}
.dd-classify-excluded.is-open {
padding: 0.55rem 0.7rem 0.7rem;
gap: 0.4rem;
}
.dd-classify-excluded[hidden] {
display: none;
}
.dd-classify-excluded-header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.75rem;
}
.dd-classify-excluded-list {
min-height: 7.5rem;
max-height: min(22rem, 36vh);
margin: 0.15rem 0 0;
}
.dd-stepper-root[data-current-step="5"] .cert-extract-left .cu-classify-panel.dd-step4-zone .dd-classify-excluded-list {
min-height: 7.5rem;
max-height: min(22rem, 36vh);
}
.dd-classify-result-row--previewed {
border-color: rgba(196, 181, 253, 0.75);
box-shadow: inset 3px 0 0 #c4b5fd;
}
/* ── Step 7 — Clasificare mențiuni raport ─────────────────────────────── */
.dd-step7-zone {
margin: 1.25rem 0 1.25rem;
padding: 1.5rem 1.5rem 1.25rem;
border-radius: 1.1rem;
border: 1px solid rgba(129, 140, 248, 0.34);
background:
radial-gradient(120% 120% at 0% 0%, rgba(99, 102, 241, 0.2) 0%, transparent 55%),
radial-gradient(140% 140% at 100% 100%, rgba(168, 85, 247, 0.18) 0%, transparent 60%),
rgba(19, 8, 33, 0.72);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
animation: dd-fade-in 0.25s ease;
overflow-x: hidden;
}
.dd-step7-hero {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1.25rem;
}
.dd-step7-hero-text {
flex: 1 1 24rem;
min-width: 0;
}
.dd-step7-title {
margin: 0.45rem 0 0.4rem;
font-size: 1.45rem;
color: var(--er-text);
letter-spacing: -0.01em;
}
.dd-step7-subtitle {
margin: 0;
font-size: 0.92rem;
line-height: 1.55;
color: var(--er-text-muted);
max-width: 50rem;
}
.dd-step7-zone .dd-mono {
font-family: "Fira Code", monospace;
color: #c4b5fd;
font-size: 0.85em;
background: rgba(99, 102, 241, 0.16);
padding: 0.1rem 0.35rem;
border-radius: 0.3rem;
}
.dd-step7-cta {
display: inline-flex;
align-items: center;
gap: 0.6rem;
border: none;
border-radius: 1rem;
padding: 0.95rem 1.6rem;
font-weight: 700;
font-size: 1.02rem;
cursor: pointer;
color: #1f1144;
background: linear-gradient(95deg, #818cf8 0%, #8b5cf6 50%, #a78bfa 100%);
box-shadow:
0 12px 28px rgba(99, 102, 241, 0.35),
inset 0 1px 0 rgba(255, 255, 255, 0.32);
transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, filter 0.18s ease;
white-space: nowrap;
}
.dd-step7-cta svg {
width: 1.15rem;
height: 1.15rem;
}
.dd-step7-cta:hover:not(:disabled) {
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow:
0 18px 36px rgba(99, 102, 241, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.dd-step7-cta:focus-visible {
outline: 2px solid var(--er-text-secondary);
outline-offset: 3px;
}
.dd-step7-cta:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
box-shadow: none;
filter: grayscale(0.2);
}
.dd-step7-actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.55rem;
}
.dd-step7-refresh {
display: inline-flex;
align-items: center;
gap: 0.45rem;
font-size: 0.82rem;
color: #1f2937;
background: rgba(255, 255, 255, 0.65);
border: 1px solid rgba(129, 140, 248, 0.35);
border-radius: 999px;
padding: 0.28rem 0.7rem;
cursor: pointer;
user-select: none;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.dd-step7-refresh:hover {
background: rgba(255, 255, 255, 0.9);
border-color: rgba(99, 102, 241, 0.6);
color: #312e81;
}
.dd-step7-refresh input[type="checkbox"] {
margin: 0;
accent-color: #6366f1;
cursor: pointer;
}
.dd-step7-progress {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.85rem;
margin: 1rem 0 0;
}
.dd-step7-progress .cu-status {
margin: 0;
flex: 1 1 16rem;
}
.dd-step7-split {
margin-top: 1rem;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 1rem;
align-items: stretch;
min-width: 0;
overflow-x: hidden;
}
@media (max-width: 720px) {
.dd-step7-split {
grid-template-columns: 1fr;
}
}
.dd-step7-left,
.dd-step7-right {
border-radius: 0.85rem;
border: 1px solid rgba(129, 140, 248, 0.22);
background: rgba(16, 9, 27, 0.72);
padding: 0.95rem 1rem 1rem;
display: flex;
flex-direction: column;
min-height: 22rem;
min-width: 0;
overflow-x: hidden;
}
.dd-step7-left-title,
.dd-step7-right-title {
margin: 0 0 0.25rem;
font-size: 1rem;
color: var(--er-text);
letter-spacing: -0.005em;
}
.dd-step7-left-hint {
margin: 0 0 0.65rem;
font-size: 0.78rem;
color: var(--er-text-muted);
line-height: 1.45;
}
.dd-step7-right-header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.65rem;
flex-wrap: wrap;
margin-bottom: 0.55rem;
}
.dd-step7-right-meta {
font-size: 0.74rem;
font-family: "Fira Code", monospace;
color: var(--er-text-muted);
}
.dd-step7-preview-content {
border: 1px solid rgba(129, 140, 248, 0.2);
border-radius: 0.6rem;
background: rgba(2, 10, 13, 0.8);
padding: 0.7rem;
min-height: 20rem;
max-height: 38rem;
overflow: hidden;
flex: 1 1 auto;
display: flex;
flex-direction: column;
min-width: 0;
}
.dd-step7-preview-content pre {
margin: 0;
white-space: pre-wrap;
word-break: break-word;
color: var(--er-text);
font-size: 0.8rem;
line-height: 1.6;
font-family: "Fira Code", monospace;
}
.dd-step7-preview-content iframe,
.dd-step7-preview-content img {
width: 100%;
border: 0;
border-radius: 0.5rem;
}
.dd-step7-preview-content iframe {
min-height: 32rem;
}
.dd-step7-preview-content img {
object-fit: contain;
max-height: 36rem;
}
.dd-step7-preview-hint {
color: var(--er-text-muted);
font-size: 0.82rem;
margin: 0.25rem 0;
}
/* Pasul 9 sandbox — classify every PDF, no CU grouping, no DB writes. */
.dd-mentiuni-test-zone {
margin-top: 1.35rem;
padding: 1.1rem 1.1rem 1rem;
border-radius: 0.95rem;
border: 1px dashed rgba(251, 191, 36, 0.55);
background: rgba(28, 18, 8, 0.45);
}
.dd-mentiuni-test-hero {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
}
.dd-mentiuni-test-hero-text {
flex: 1 1 22rem;
min-width: 0;
}
.dd-mentiuni-test-badge {
color: #fbbf24;
border-color: rgba(251, 191, 36, 0.55);
margin-bottom: 0.45rem;
}
.dd-mentiuni-test-title {
margin: 0 0 0.35rem;
font-size: 1.12rem;
color: var(--er-text);
letter-spacing: -0.01em;
}
.dd-mentiuni-test-subtitle {
margin: 0;
font-size: 0.86rem;
line-height: 1.5;
color: var(--er-text-muted);
max-width: 48rem;
}
.dd-mentiuni-test-actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.45rem;
}
.dd-mentiuni-test-cta {
background: linear-gradient(95deg, #fbbf24 0%, #f59e0b 55%, #d97706 100%);
color: #1c1408;
box-shadow:
0 10px 22px rgba(217, 119, 6, 0.28),
inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.dd-mentiuni-test-cta:hover:not(:disabled) {
box-shadow:
0 14px 28px rgba(217, 119, 6, 0.38),
inset 0 1px 0 rgba(255, 255, 255, 0.42);
}
.dd-mentiuni-test-stop {
border: 1px solid rgba(251, 191, 36, 0.4);
border-radius: 0.75rem;
padding: 0.4rem 0.9rem;
background: transparent;
color: var(--er-text-muted);
font-size: 0.82rem;
font-weight: 600;
cursor: pointer;
}
.dd-mentiuni-test-stop:hover:not(:disabled) {
color: var(--er-text);
border-color: rgba(251, 191, 36, 0.7);
}
.dd-mentiuni-test-stop:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.dd-mentiuni-test-progress {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.85rem;
margin: 0.85rem 0 0;
}
.dd-mentiuni-test-progress .cu-status {
margin: 0;
flex: 1 1 16rem;
}
.dd-mentiuni-test-split {
margin-top: 0.9rem;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 1rem;
align-items: stretch;
min-width: 0;
}
@media (max-width: 720px) {
.dd-mentiuni-test-split {
grid-template-columns: 1fr;
}
}
.dd-mentiuni-test-left,
.dd-mentiuni-test-right {
border-radius: 0.85rem;
border: 1px solid rgba(251, 191, 36, 0.22);
background: rgba(16, 9, 27, 0.55);
padding: 0.85rem 0.95rem 0.95rem;
display: flex;
flex-direction: column;
min-height: 16rem;
min-width: 0;
}
.dd-mentiuni-test-left-title {
margin: 0 0 0.55rem;
font-size: 0.92rem;
color: var(--er-text);
}
.dd-mentiuni-test-left .dd-classify-results {
max-height: 28rem;
overflow: auto;
}
.dd-mentiuni-test-zone .dd-classify-result-row {
grid-template-columns: minmax(8rem, 1fr) auto;
grid-template-areas:
"name class"
"path class";
cursor: pointer;
}
#dd-step7-zone #dd-mentiuni-test-zone .dd-classify-result-row--success .dd-classify-result-select {
display: none;
}
#dd-step7-zone #dd-mentiuni-test-zone .dd-classify-result-row--success .dd-classify-result-label {
display: inline-flex;
}
/* ── Pasul 8 — full-bleed split (sidebar list + tall PDF preview) ─────── */
@media (min-width: 880px) {
.dd-stepper-root[data-current-step="8"] {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding: 0.9rem 0.75rem 1rem;
border-radius: 0;
border-left: 0;
border-right: 0;
overflow-x: hidden;
}
.dd-stepper-root[data-current-step="9"] .dd-stepper.dd-stepper--lane {
padding: 0.45rem 0.75rem 0.3rem;
margin-bottom: 0.4rem;
}
.dd-stepper-root[data-current-step="9"] .dd-step-nav-row {
margin-bottom: 0.65rem;
}
.dd-stepper-root[data-current-step="10"] .dd-step7-zone {
margin: 0.4rem 0 0;
padding: 1rem 0.6rem 0.75rem 0.5rem;
border-radius: 0;
border-left: 0;
border-right: 0;
}
.dd-stepper-root[data-current-step="10"] .dd-step7-hero {
gap: 0.85rem;
padding-right: 0.5rem;
}
.dd-stepper-root[data-current-step="10"] .dd-step7-progress {
margin: 0.6rem 0 0;
padding-right: 0.5rem;
}
.dd-stepper-root[data-current-step="10"] .dd-step7-split {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 0.85rem;
margin-top: 0.7rem;
align-items: stretch;
height: calc(100vh - 14rem);
min-height: 32rem;
}
.dd-stepper-root[data-current-step="10"] .dd-step7-left,
.dd-stepper-root[data-current-step="10"] .dd-step7-right {
min-height: 0;
height: 100%;
padding: 0.85rem 0.9rem 0.9rem;
border-radius: 0.7rem 0 0 0.7rem;
overflow: hidden;
}
.dd-stepper-root[data-current-step="10"] .dd-step7-right {
border-radius: 0.7rem 0 0 0.7rem;
padding-right: 0;
}
.dd-stepper-root[data-current-step="10"] .dd-step7-left-title,
.dd-stepper-root[data-current-step="10"] .dd-step7-left-hint {
flex: 0 0 auto;
}
/* Stretch the document list (single or per-CU box) to the same height as the PDF pane. */
.dd-stepper-root[data-current-step="10"] #dd-mentiuni-single-wrap,
.dd-stepper-root[data-current-step="10"] #dd-mentiuni-multi-wrap {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
}
.dd-stepper-root[data-current-step="10"] .dd-step7-left .dd-mentiuni-cu-section {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
}
.dd-stepper-root[data-current-step="10"] .dd-step7-left .dd-mentiuni-cu-heading {
flex: 0 0 auto;
}
.dd-stepper-root[data-current-step="10"] #dd-mentiuni-results,
.dd-stepper-root[data-current-step="10"] .dd-step7-left .dd-classify-results {
max-height: none;
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
}
.dd-stepper-root[data-current-step="10"] .dd-step7-preview-content {
max-height: none;
height: 100%;
min-height: 0;
flex: 1 1 auto;
padding: 0;
border: 0;
border-radius: 0.55rem 0 0 0.55rem;
background: transparent;
overflow: hidden;
display: flex;
flex-direction: column;
}
.dd-stepper-root[data-current-step="10"] .dd-step7-preview-content iframe {
width: 100%;
height: 100%;
flex: 1 1 auto;
min-height: 0;
border-radius: 0.55rem 0 0 0.55rem;
}
.dd-stepper-root[data-current-step="10"] .dd-step7-preview-content img {
max-height: 100%;
}
}
/* ── Step 5 — Metadate documente ─────────────────────────────────────── */
.dd-workspace.dd-is-hidden-step5 {
display: none !important;
}
/* ── Pasul 8 — Documente rămase ──────────────────────────────────────── */
.dd-leftover-zone {
margin: 0.5rem 0 1rem;
padding: 0.75rem 0.85rem 0.95rem;
border-radius: 1.1rem;
border: 1px solid rgba(52, 211, 153, 0.28);
background:
radial-gradient(120% 120% at 0% 0%, rgba(52, 211, 153, 0.12) 0%, transparent 55%),
radial-gradient(140% 140% at 100% 100%, var(--er-accent-soft) 0%, transparent 60%),
var(--er-panel);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
animation: dd-fade-in 0.25s ease;
min-width: 0;
}
.dd-leftover-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
}
.dd-leftover-title {
margin: 0.35rem 0 0;
font-size: 1.35rem;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--er-text);
}
.dd-leftover-subtitle {
margin: 0.45rem 0 0;
max-width: 62rem;
color: var(--er-text-secondary);
font-size: 0.92rem;
line-height: 1.45;
}
.dd-leftover-status {
margin: 0.75rem 0 0;
color: var(--er-text-secondary);
font-size: 0.88rem;
}
.dd-leftover-grid {
--dd-leftover-pane-height: min(78vh, 56rem);
--dd-leftover-left-pct: 50%;
margin-top: 0.75rem;
display: flex;
flex-direction: row;
align-items: stretch;
gap: 0;
width: 100%;
min-width: 0;
}
.dd-leftover-card-list {
flex: 0 0 var(--dd-leftover-left-pct);
width: var(--dd-leftover-left-pct);
max-width: 80%;
min-width: 25%;
overflow: hidden;
}
.dd-leftover-card-preview {
flex: 1 1 auto;
min-width: 20%;
}
.dd-leftover-card {
height: var(--dd-leftover-pane-height);
max-height: var(--dd-leftover-pane-height);
min-height: 0;
overflow: hidden;
border-radius: 0.85rem;
border: 1px solid var(--er-accent-border);
background: rgba(16, 9, 5, 0.72);
padding: 0.85rem 0.95rem 0.95rem;
display: flex;
flex-direction: column;
}
.dd-leftover-card-title {
margin: 0 0 0.55rem;
font-size: 0.92rem;
font-weight: 650;
color: var(--er-text);
}
.dd-leftover-preview-header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.75rem;
flex: 0 0 auto;
}
.dd-leftover-preview-meta {
font-size: 0.75rem;
color: var(--er-text-secondary);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-leftover-list {
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
min-height: 0;
flex: 1 1 auto;
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.dd-leftover-row {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 0.65rem;
align-items: start;
padding: 0.55rem 0.65rem;
border-radius: 0.65rem;
border: 1px solid rgba(148, 163, 184, 0.18);
background: rgba(15, 23, 42, 0.35);
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease;
}
.dd-leftover-row:hover {
border-color: rgba(52, 211, 153, 0.45);
background: rgba(52, 211, 153, 0.08);
}
.dd-leftover-row.is-selected {
border-color: rgba(52, 211, 153, 0.75);
background: rgba(52, 211, 153, 0.14);
}
.dd-leftover-keep {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.2rem;
cursor: pointer;
padding-top: 0.1rem;
}
.dd-leftover-checkbox {
width: 1.05rem;
height: 1.05rem;
accent-color: #34d399;
cursor: pointer;
}
.dd-leftover-keep-label {
font-size: 0.62rem;
font-weight: 650;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--er-text-secondary);
}
.dd-leftover-file {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.15rem;
border: 0;
background: transparent;
padding: 0;
text-align: left;
cursor: pointer;
min-width: 0;
color: inherit;
}
.dd-leftover-name {
font-weight: 650;
font-size: 0.9rem;
color: var(--er-text);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.dd-leftover-path {
font-size: 0.72rem;
color: var(--er-text-secondary);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.dd-leftover-class {
font-size: 0.72rem;
font-weight: 600;
color: #6ee7b7;
}
.dd-leftover-empty-row,
.dd-leftover-empty {
margin: 0;
padding: 0.85rem 0.4rem;
color: var(--er-text-secondary);
font-size: 0.88rem;
}
.dd-leftover-preview-content {
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
display: flex;
flex-direction: column;
}
.dd-leftover-preview-content iframe,
.dd-leftover-preview-content canvas {
width: 100%;
height: 100%;
min-height: 0;
flex: 1 1 auto;
border: 0;
border-radius: 0.55rem;
}
@media (max-width: 879px) {
.dd-leftover-grid {
flex-direction: column;
--dd-leftover-pane-height: min(42vh, 28rem);
}
.dd-leftover-card-list,
.dd-leftover-card-preview {
width: 100%;
max-width: none;
flex: 1 1 auto;
}
#dd-leftover-splitter {
display: none;
}
}
/* ── Pasul 4 — Alocare fișiere per certificat ─────────────────────────── */
.dd-step-assoc-zone {
margin: 1.25rem 0 1.25rem;
padding: 0.75rem 0.85rem 0.85rem;
border-radius: 1.1rem;
border: 1px solid rgba(34, 197, 94, 0.32);
background:
radial-gradient(120% 120% at 0% 0%, rgba(34, 197, 94, 0.16) 0%, transparent 55%),
radial-gradient(140% 140% at 100% 100%, var(--er-accent-soft) 0%, transparent 60%),
var(--er-panel);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
animation: dd-fade-in 0.25s ease;
display: flex;
flex-direction: column;
min-width: 0;
}
@media (min-width: 880px) {
.dd-stepper-root[data-current-step="4"] .dd-step-assoc-zone .dd-step5-split {
--dd-step5-pane-height: min(82vh, 56rem);
height: var(--dd-step5-pane-height);
min-height: 28rem;
max-height: none;
}
.dd-stepper-root[data-current-step="4"] .dd-step-assoc-zone .dd-step5-left,
.dd-stepper-root[data-current-step="4"] .dd-step-assoc-zone .dd-step5-right {
height: 100%;
min-height: 0;
max-height: none;
}
}
.dd-step-assoc-zone .cu-assoc-panel,
.dd-step-assoc-zone .dd-step5-left {
margin: 0;
padding: 0.75rem 0.85rem 0.8rem;
min-height: 0;
max-height: none;
overflow: hidden;
display: flex;
flex-direction: column;
}
.dd-step-assoc-zone .dd-step4-hero {
flex: 0 0 auto;
gap: 0.45rem 0.75rem;
align-items: flex-start;
}
.dd-step-assoc-zone .dd-step4-hero-text {
flex: 1 1 12rem;
}
.dd-step-assoc-zone .dd-placeholder-badge {
margin-bottom: 0.15rem;
}
.dd-step-assoc-zone .dd-step4-title {
margin: 0.1rem 0 0;
font-size: 1.05rem;
}
.dd-step-assoc-zone .dd-step4-actions {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
width: auto;
max-width: none;
gap: 0.45rem;
}
.dd-step-assoc-zone .dd-step4-cta {
justify-content: center;
width: auto;
padding: 0.42rem 0.8rem;
font-size: 0.8rem;
border-radius: 0.65rem;
box-shadow:
0 6px 14px rgba(251, 191, 36, 0.22),
inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
.dd-step-assoc-zone .dd-step4-cta:hover:not(:disabled) {
transform: translateY(-1px);
}
.dd-step-assoc-zone .dd-step4-cta svg,
.dd-step-assoc-zone .dd-step-approve-btn svg {
width: 0.95rem;
height: 0.95rem;
}
.dd-step-assoc-zone .dd-step4-refresh {
color: var(--er-text-muted);
background: var(--er-input-bg);
border-color: var(--er-accent-border);
padding: 0.32rem 0.6rem;
font-size: 0.74rem;
}
.dd-step-assoc-zone .dd-step4-refresh:hover {
color: var(--er-text);
background: var(--er-accent-soft);
border-color: var(--er-accent-border-strong);
}
.dd-step-assoc-zone .dd-step-approve-btn {
justify-content: center;
width: auto;
padding: 0.42rem 0.85rem;
font-size: 0.8rem;
border-radius: 0.65rem;
}
.dd-step-assoc-zone .cu-session-progress {
flex: 0 0 auto;
margin: 0.45rem 0 0;
padding: 0.4rem 0.65rem;
border-radius: 0.55rem;
border: 1px solid rgba(34, 197, 94, 0.35);
background: rgba(6, 78, 59, 0.35);
color: #bbf7d0;
font-size: 0.78rem;
}
.dd-step-assoc-zone .cu-session-progress.is-warn {
border-color: rgba(248, 113, 113, 0.45);
background: rgba(127, 29, 29, 0.35);
color: #fecaca;
}
/* Panoul ascuns iese din flex (display:none) — fără asta rămâne o coloană goală
și preview-ul sare în stânga, deci arborii par „dispăruți”. */
.dd-step-assoc-zone .dd-step5-split:has(#cu-assoc-panel.dd-is-hidden),
.dd-step-assoc-zone .dd-step5-split:has(#cu-assoc-panel[hidden]) {
grid-template-columns: minmax(0, 1fr);
}
#dd-assoc-split:has(#cu-assoc-panel.dd-is-hidden) #dd-assoc-splitter,
#dd-assoc-split:has(#cu-assoc-panel[hidden]) #dd-assoc-splitter {
display: none;
}
#dd-assoc-split:has(#cu-assoc-panel.dd-is-hidden) .dd-step5-right,
#dd-assoc-split:has(#cu-assoc-panel[hidden]) .dd-step5-right {
flex: 1 1 auto;
width: 100%;
min-width: 0;
max-width: none;
}
.dd-step-assoc-zone .cu-session-title,
.dd-step-assoc-zone .cu-session-progress {
flex: 0 0 auto;
}
.dd-step-assoc-zone .cu-assoc-trees {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
margin: 0.55rem 0 0;
gap: 0.85rem;
}
.dd-step-assoc-zone .cu-assoc-excluded {
flex: 0 0 auto;
min-height: 0;
}
.dd-step-assoc-zone .cu-assoc-excluded.is-open {
min-height: 12.5rem;
}
.dd-step-assoc-zone .cu-session-actions {
flex: 0 0 auto;
margin-top: 0.55rem;
}
.dd-step-assoc-zone .cu-assoc-tree-root {
min-height: 2.75rem;
padding: 0.55rem 0.15rem;
font-size: 0.92rem;
}
.dd-step-assoc-zone .cu-assoc-tree-list {
gap: 0.5rem;
}
.dd-step-assoc-zone .cu-assoc-preview-btn {
padding: 0.35rem 0.7rem;
font-size: 0.78rem;
}
.dd-step5-zone {
margin: 1.25rem 0 1.25rem;
padding: 1.5rem 1.5rem 1.25rem;
border-radius: 1.1rem;
border: 1px solid rgba(34, 197, 94, 0.32);
background:
radial-gradient(120% 120% at 0% 0%, rgba(34, 197, 94, 0.16) 0%, transparent 55%),
radial-gradient(140% 140% at 100% 100%, var(--er-accent-soft) 0%, transparent 60%),
var(--er-panel);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
animation: dd-fade-in 0.25s ease;
}
.dd-step-assoc-zone .dd-step5-hero {
width: 100%;
flex: 0 0 auto;
}
.dd-step5-hero {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1.25rem;
}
.dd-step5-hero-text {
flex: 1 1 24rem;
min-width: 0;
}
.dd-step5-title {
margin: 0.45rem 0 0.4rem;
font-size: 1.45rem;
color: var(--er-text);
letter-spacing: -0.01em;
}
.dd-step5-subtitle {
margin: 0;
font-size: 0.92rem;
line-height: 1.55;
color: var(--er-text-muted);
max-width: none;
}
.dd-step5-subtitle strong {
color: var(--er-text-secondary);
font-weight: 600;
}
.dd-step5-zone .dd-mono {
font-family: "Fira Code", monospace;
color: var(--er-success);
font-size: 0.85em;
background: rgba(34, 197, 94, 0.12);
padding: 0.1rem 0.35rem;
border-radius: 0.3rem;
}
.dd-step5-cta {
display: inline-flex;
align-items: center;
gap: 0.6rem;
border: none;
border-radius: 1rem;
padding: 0.95rem 1.6rem;
font-weight: 700;
font-size: 1.02rem;
cursor: pointer;
color: #052e16;
background: linear-gradient(95deg, #16a34a 0%, #22c55e 50%, var(--er-success) 100%);
box-shadow:
0 12px 28px rgba(34, 197, 94, 0.32),
inset 0 1px 0 rgba(255, 255, 255, 0.32);
transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, filter 0.18s ease;
white-space: nowrap;
}
.dd-step5-cta svg {
width: 1.15rem;
height: 1.15rem;
}
.dd-step5-cta:hover:not(:disabled) {
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow:
0 18px 36px rgba(34, 197, 94, 0.42),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.dd-step5-cta:focus-visible {
outline: 2px solid var(--er-text-secondary);
outline-offset: 3px;
}
.dd-step5-cta:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
box-shadow: none;
filter: grayscale(0.2);
}
.dd-step5-actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.55rem;
}
.dd-step5-refresh {
display: inline-flex;
align-items: center;
gap: 0.45rem;
font-size: 0.82rem;
color: #1f2937;
background: rgba(255, 255, 255, 0.65);
border: 1px solid rgba(34, 197, 94, 0.35);
border-radius: 999px;
padding: 0.28rem 0.7rem;
cursor: pointer;
user-select: none;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.dd-step5-refresh:hover {
background: rgba(255, 255, 255, 0.9);
border-color: rgba(22, 163, 74, 0.6);
color: #052e16;
}
.dd-step5-refresh input[type="checkbox"] {
margin: 0;
accent-color: #16a34a;
cursor: pointer;
}
.dd-step5-progress {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.85rem;
margin: 1rem 0 0.65rem;
}
.dd-step5-progress .cu-status {
margin: 0;
flex: 1 1 16rem;
}
.dd-step5-split {
margin-top: 1rem;
display: grid;
/* Preview ~50% larger than previous 0.7fr share → near half the row. */
grid-template-columns: minmax(0, 1fr) minmax(20rem, 1.05fr);
gap: 1rem;
align-items: stretch;
min-width: 0;
}
@media (max-width: 960px) {
.dd-step5-split {
grid-template-columns: 1fr;
}
}
@media (min-width: 880px) {
.dd-stepper-root[data-current-step="3"] .dd-step5-split,
.dd-stepper-root[data-current-step="4"] .dd-step5-split,
.dd-stepper-root[data-current-step="9"] .dd-step5-split {
height: calc(100vh - 16rem);
min-height: 24rem;
max-height: calc(100vh - 14rem);
}
.dd-stepper-root[data-current-step="3"] .dd-step5-left,
.dd-stepper-root[data-current-step="3"] .dd-step5-right,
.dd-stepper-root[data-current-step="4"] .dd-step5-left,
.dd-stepper-root[data-current-step="4"] .dd-step5-right,
.dd-stepper-root[data-current-step="9"] .dd-step5-left,
.dd-stepper-root[data-current-step="9"] .dd-step5-right {
height: 100%;
min-height: 0;
max-height: none;
}
}
.dd-step5-left,
.dd-step5-right {
/* Stay within the viewport so the list scrollbar is actually reachable. */
--dd-step5-pane-height: min(54rem, calc(100vh - 16rem));
border-radius: 0.85rem;
border: 1px solid var(--er-accent-border);
background: rgba(16, 9, 5, 0.72);
padding: 0.95rem 1rem 1rem;
display: flex;
flex-direction: column;
height: var(--dd-step5-pane-height);
min-height: min(22rem, var(--dd-step5-pane-height));
max-height: var(--dd-step5-pane-height);
min-width: 0;
}
.dd-step5-left {
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
.dd-step5-right {
overflow: hidden;
}
.dd-step5-left-hint {
margin: 0.15rem 0 0;
font-size: 0.78rem;
color: var(--er-text-muted);
line-height: 1.45;
flex: 0 0 auto;
width: 100%;
}
#dd-metadata-split {
--dd-meta-left-pct: 48%;
display: flex;
flex-direction: row;
align-items: stretch;
gap: 0;
min-width: 0;
}
#dd-assoc-split {
--dd-assoc-left-pct: 50%;
display: flex;
flex-direction: row;
align-items: stretch;
gap: 0;
min-width: 0;
}
#dd-assoc-split .dd-step5-left {
flex: 0 0 var(--dd-assoc-left-pct);
width: var(--dd-assoc-left-pct);
max-width: 80%;
min-width: 25%;
overflow: hidden;
}
#dd-assoc-split .dd-step5-right {
flex: 1 1 auto;
min-width: 20%;
}
#dd-workspace-splitter {
display: none;
}
#dd-metadata-split .dd-step5-left {
flex: 0 0 var(--dd-meta-left-pct);
width: var(--dd-meta-left-pct);
max-width: 80%;
min-width: 40%;
overflow: hidden;
}
#dd-metadata-split .dd-step5-right {
flex: 1 1 auto;
min-width: 20%;
}
.dd-step5-splitter {
appearance: none;
flex: 0 0 0.7rem;
align-self: stretch;
margin: 0 0.15rem;
padding: 0;
border: 0;
background: transparent;
cursor: col-resize;
position: relative;
z-index: 2;
touch-action: none;
}
.dd-step5-splitter::before {
content: "";
position: absolute;
top: 12%;
bottom: 12%;
left: 50%;
width: 0.28rem;
transform: translateX(-50%);
border-radius: 999px;
background: rgba(251, 191, 36, 0.42);
box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.18);
transition: background 0.15s ease, box-shadow 0.15s ease;
}
.dd-step5-splitter:hover::before,
.dd-step5-splitter:focus-visible::before,
#dd-metadata-split.is-resizing .dd-step5-splitter::before,
#dd-step6-split.is-resizing .dd-step5-splitter::before,
#dd-assoc-split.is-resizing .dd-step5-splitter::before,
#dd-workspace.is-resizing .dd-step5-splitter::before {
background: rgba(251, 191, 36, 0.92);
box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.45);
}
.dd-step5-splitter:focus-visible {
outline: 2px solid var(--er-text-secondary);
outline-offset: 2px;
}
body.dd-splitter-active {
cursor: col-resize;
user-select: none;
}
body.dd-splitter-active iframe {
pointer-events: none;
}
@media (max-width: 960px) {
#dd-metadata-split,
#dd-assoc-split {
flex-direction: column;
}
#dd-metadata-split .dd-step5-left,
#dd-metadata-split .dd-step5-right,
#dd-assoc-split .dd-step5-left,
#dd-assoc-split .dd-step5-right {
flex: 1 1 auto;
width: 100%;
min-width: 0;
max-width: none;
}
.dd-step5-splitter {
display: none;
}
}
.dd-step5-right-header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.65rem;
flex-wrap: wrap;
margin-bottom: 0.55rem;
}
.dd-step5-right-title {
margin: 0;
font-size: 1rem;
color: var(--er-text);
letter-spacing: -0.005em;
}
.dd-step5-right-meta {
font-size: 0.74rem;
font-family: "Fira Code", monospace;
color: var(--er-text-muted);
word-break: break-all;
}
.dd-step5-preview-content {
border: 1px solid var(--er-accent-border);
border-radius: 0.6rem;
background: rgba(2, 10, 13, 0.8);
padding: 0.7rem;
overflow: hidden;
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
}
.dd-step5-preview-content > .dd-preview-wrapper {
flex: 1 1 auto;
min-height: 0;
height: 100%;
}
.dd-step5-preview-content pre {
margin: 0;
white-space: pre-wrap;
word-break: break-word;
color: var(--er-text);
font-size: 0.8rem;
line-height: 1.6;
font-family: "Fira Code", monospace;
}
.dd-step5-preview-content iframe,
.dd-step5-preview-content img {
width: 100%;
border: 0;
border-radius: 0.5rem;
}
.dd-step5-preview-content iframe {
height: 100%;
min-height: 100%;
}
.dd-step5-preview-content img {
object-fit: contain;
max-height: 100%;
}
.dd-meta-row {
cursor: pointer;
}
.dd-meta-row--aviz,
.dd-meta-row--empty-child {
cursor: default;
}
.dd-meta-row--previewed {
background: var(--er-accent-soft);
box-shadow: inset 3px 0 0 var(--er-accent);
}
.dd-meta-row--aviz {
background: rgba(52, 211, 153, 0.08);
cursor: pointer;
}
.dd-meta-row--aviz-other {
background: rgba(148, 163, 184, 0.1);
}
.dd-meta-tree-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.55rem;
height: 1.55rem;
margin: 0;
padding: 0;
border: 0;
border-radius: 0.4rem;
background: transparent;
color: var(--er-text-secondary);
cursor: pointer;
}
.dd-meta-tree-toggle:hover,
.dd-meta-tree-toggle:focus-visible {
background: var(--er-accent-soft);
color: var(--er-text);
outline: none;
}
.dd-meta-tree-toggle svg {
width: 0.95rem;
height: 0.95rem;
transition: transform 0.15s ease;
}
.dd-meta-row--aviz.is-collapsed .dd-meta-tree-toggle svg {
transform: rotate(-90deg);
}
.dd-meta-aviz-name {
display: block;
font-weight: 700;
color: var(--er-text);
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dd-meta-aviz-count {
display: block;
margin-top: 0.1rem;
font-size: 0.65rem;
color: var(--er-text-muted);
}
.dd-meta-row--aviz .cu-law-badge {
margin-left: 0;
margin-top: 0.15rem;
}
.dd-meta-row--child > .dd-meta-col-file {
padding-left: 1.5rem;
}
.dd-meta-table tr.dd-meta-row--child[hidden] {
display: none;
}
.dd-meta-row--child > .dd-meta-col-file::before {
content: "";
position: absolute;
left: 0.55rem;
top: 0.35rem;
bottom: 0.35rem;
width: 0.12rem;
border-radius: 1px;
background: rgba(52, 211, 153, 0.45);
}
.dd-meta-row--empty-child {
cursor: default;
opacity: 0.85;
}
.dd-step5-table-scroller {
margin-top: 0;
border-radius: 0.85rem;
border: 1px solid var(--er-accent-border);
background: var(--er-input-bg);
overflow-x: auto;
overflow-y: auto;
/* Fill remaining height of the left pane; rows scroll inside. */
flex: 1 1 auto;
min-height: 0;
min-width: 0;
-webkit-overflow-scrolling: touch;
}
/* Multi-CU (Pasul 4): one section + table per certificate. */
.dd-metadata-multi-wrap {
display: flex;
flex-direction: column;
gap: 1.1rem;
margin-top: 0;
flex: 1 1 auto;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.dd-metadata-cu-section {
border: 1px solid rgba(52, 211, 153, 0.28);
border-radius: 0.9rem;
background: rgba(6, 20, 15, 0.4);
padding: 0.85rem 0.9rem 0.5rem;
flex: 0 0 auto;
min-width: 0;
}
.dd-metadata-cu-heading {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.65rem;
margin: 0 0 0.15rem;
color: var(--er-success);
font-size: 0.95rem;
font-weight: 700;
}
/* Per-CU tables grow with their rows; the wrap above is the vertical scroller. */
.dd-metadata-cu-section .dd-step5-table-scroller {
margin-top: 0.6rem;
flex: 0 0 auto;
min-height: 0;
max-height: none;
overflow-x: auto;
overflow-y: hidden;
}
/* Pasul 9: only the current CU list fills the pane. Both scrollbars sit on
that viewport, so left/right works at the top of the table. */
.dd-stepper-root[data-current-step="9"] .dd-metadata-multi-wrap {
flex: 1 1 0;
min-height: 0;
overflow: hidden;
}
.dd-stepper-root[data-current-step="9"] .dd-metadata-cu-heading {
flex: 0 0 auto;
}
.dd-stepper-root[data-current-step="9"] .dd-metadata-cu-section:not(.dd-cu-section-hidden):not([hidden]) {
display: flex;
flex-direction: column;
flex: 1 1 0;
min-width: 0;
min-height: 0;
overflow: hidden;
}
.dd-stepper-root[data-current-step="9"] #dd-metadata-single-wrap.dd-step5-table-scroller,
.dd-stepper-root[data-current-step="9"] .dd-metadata-cu-section:not(.dd-cu-section-hidden):not([hidden]) .dd-step5-table-scroller {
flex: 1 1 0;
min-height: 0;
max-height: none;
overflow-x: auto;
overflow-y: scroll;
overscroll-behavior: contain;
scrollbar-gutter: stable;
scrollbar-width: auto;
scrollbar-color: rgba(251, 191, 36, 0.7) rgba(255, 255, 255, 0.08);
}
.dd-stepper-root[data-current-step="9"] #dd-metadata-single-wrap.dd-step5-table-scroller::-webkit-scrollbar,
.dd-stepper-root[data-current-step="9"] .dd-metadata-cu-section:not(.dd-cu-section-hidden):not([hidden]) .dd-step5-table-scroller::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.dd-stepper-root[data-current-step="9"] #dd-metadata-single-wrap.dd-step5-table-scroller::-webkit-scrollbar-track,
.dd-stepper-root[data-current-step="9"] .dd-metadata-cu-section:not(.dd-cu-section-hidden):not([hidden]) .dd-step5-table-scroller::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.06);
border-radius: 8px;
}
.dd-stepper-root[data-current-step="9"] #dd-metadata-single-wrap.dd-step5-table-scroller::-webkit-scrollbar-thumb,
.dd-stepper-root[data-current-step="9"] .dd-metadata-cu-section:not(.dd-cu-section-hidden):not([hidden]) .dd-step5-table-scroller::-webkit-scrollbar-thumb {
background: rgba(251, 191, 36, 0.55);
border-radius: 8px;
}
/* Multi-CU sections reused at Pasul 6 (clasificare mențiuni) and Pasul 7
(extragere mențiuni) — same visual language as the Pasul 4 CU sections. */
.dd-mentiuni-cu-section {
border: 1px solid rgba(52, 211, 153, 0.28);
border-radius: 0.9rem;
background: rgba(6, 20, 15, 0.4);
padding: 0.85rem 0.9rem 0.5rem;
}
.dd-mentiuni-cu-heading {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.65rem;
margin: 0 0 0.6rem;
color: var(--er-success);
font-size: 0.95rem;
font-weight: 700;
}
.dd-cu-heading-title {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-cu-heading-count {
flex: 0 0 auto;
font-family: "Fira Code", monospace;
font-size: 0.75rem;
font-weight: 600;
color: var(--er-text-secondary);
background: var(--er-accent-soft);
border: 1px solid var(--er-accent-border-strong);
border-radius: 0.4rem;
padding: 0.1rem 0.5rem;
white-space: nowrap;
}
.dd-cu-heading-count.is-complete {
color: var(--er-success);
border-color: rgba(52, 211, 153, 0.45);
}
.cu-validate-summary--by-cu {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem;
background: transparent;
border: none;
padding: 0;
}
.cu-validate-summary-label {
font-family: "Fira Code", monospace;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--er-text-muted);
}
.cu-validate-summary-cu {
font-family: "Fira Code", monospace;
font-size: 0.8rem;
color: var(--er-text-secondary);
background: var(--er-accent-soft);
border: 1px solid var(--er-accent-border-strong);
border-radius: 0.45rem;
padding: 0.25rem 0.65rem;
}
.cu-validate-summary-cu.is-complete {
color: var(--er-success);
border-color: rgba(52, 211, 153, 0.45);
}
.dd-mentiuni-cu-section .dd-classify-results,
.dd-mentiuni-cu-section .dd-step8-list {
margin: 0;
}
.dd-meta-table {
--dd-meta-validate-w: 3.75rem;
--dd-meta-index-w: 2.1rem;
width: 100%;
min-width: 58rem;
border-collapse: separate;
border-spacing: 0;
font-size: 0.78rem;
color: var(--er-text);
table-layout: fixed;
}
.dd-meta-table thead th {
position: sticky;
top: 0;
z-index: 4;
background: var(--er-surface-raised);
color: var(--er-text-secondary);
text-align: left;
font-weight: 600;
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.04em;
padding: 0.4rem 0.45rem;
border-bottom: 1px solid var(--er-accent-border-strong);
white-space: nowrap;
}
.dd-meta-table tbody td {
padding: 0.32rem 0.45rem;
vertical-align: middle;
border-bottom: 1px solid var(--er-accent-soft);
overflow: hidden;
}
.dd-meta-row:last-child td {
border-bottom: none;
}
.dd-meta-empty-row td {
text-align: center;
color: var(--er-text-muted);
font-style: italic;
padding: 1rem 0.75rem;
}
.dd-meta-col-validate {
width: var(--dd-meta-validate-w);
min-width: var(--dd-meta-validate-w);
max-width: var(--dd-meta-validate-w);
text-align: center;
white-space: nowrap;
box-sizing: border-box;
}
.dd-meta-table thead th.dd-meta-col-validate,
.dd-meta-table tbody td.dd-meta-col-validate {
padding-left: 0.18rem;
padding-right: 0.18rem;
}
.dd-meta-table thead th.dd-meta-col-validate {
letter-spacing: 0.02em;
font-size: 0.58rem;
}
.dd-meta-col-validate .cu-validate-label {
display: inline-flex;
}
.dd-meta-col-validate .cu-validate-checkbox:disabled + .cu-validate-tick,
.dd-meta-col-validate:has(.cu-validate-checkbox:disabled) .cu-validate-label {
opacity: 0.4;
cursor: not-allowed;
}
.dd-meta-col-validate .cu-validate-label:has(.cu-validate-checkbox:disabled):hover .cu-validate-tick {
border-color: var(--er-accent-border-strong);
background: var(--er-panel);
}
.dd-step-doc-validate .cu-validate-checkbox:disabled + .cu-validate-tick,
.dd-step-doc-validate:has(.cu-validate-checkbox:disabled) {
opacity: 0.4;
cursor: not-allowed;
}
.dd-step7-progress .cu-validate-summary,
.dd-step8-progress .cu-validate-summary {
flex: 0 0 auto;
}
.dd-step5-progress .cu-validate-summary--by-cu,
.dd-step7-progress .cu-validate-summary--by-cu,
.dd-step8-progress .cu-validate-summary--by-cu {
flex: 1 1 auto;
}
.dd-meta-table-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.65rem 1rem;
margin-top: 0.7rem;
flex: 0 0 auto;
}
.dd-meta-col-index {
width: var(--dd-meta-index-w);
min-width: var(--dd-meta-index-w);
max-width: var(--dd-meta-index-w);
font-family: "Fira Code", monospace;
color: var(--er-text-muted);
font-size: 0.72rem;
box-sizing: border-box;
}
.dd-meta-table thead th.dd-meta-col-index,
.dd-meta-table tbody td.dd-meta-col-index {
padding-left: 0.28rem;
padding-right: 0.28rem;
}
.dd-meta-col-file {
width: 12rem;
min-width: 11rem;
max-width: 13rem;
}
.dd-meta-file-name {
display: block;
font-weight: 600;
color: var(--er-text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.25;
}
.dd-meta-file-path {
display: block;
margin-top: 0.05rem;
font-family: "Fira Code", monospace;
font-size: 0.62rem;
color: var(--er-text-muted);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.2;
}
/* Alias paths in the Step 5 metadata table file cell. */
.dd-meta-file-alias {
padding-left: 0.75rem;
color: var(--er-text-muted);
font-size: 0.6rem;
position: relative;
}
.dd-meta-file-alias::before {
content: "↳";
position: absolute;
left: 0;
color: var(--er-text-muted);
}
/* ── Freeze leading columns (Validare + # + Document) so the document name
stays visible while scrolling horizontally to edit the metadata columns.
The table uses border-collapse: separate (required for sticky td). Opaque
base on the frozen cells prevents scrolled content from bleeding through;
row state tints + the left accent bars are re-applied on the frozen pane
because the row's own (semi-transparent) background and inset box-shadow
would otherwise be hidden behind the opaque sticky cells. ────────────── */
.dd-meta-table thead th.dd-meta-col-validate { position: sticky; left: 0; z-index: 6; }
.dd-meta-table thead th.dd-meta-col-index { position: sticky; left: var(--dd-meta-validate-w); z-index: 6; }
.dd-meta-table thead th.dd-meta-col-file { position: sticky; left: calc(var(--dd-meta-validate-w) + var(--dd-meta-index-w)); z-index: 6; box-shadow: 2px 0 0 var(--er-accent-border); }
.dd-meta-table tbody td.dd-meta-col-validate,
.dd-meta-table tbody td.dd-meta-col-index,
.dd-meta-table tbody td.dd-meta-col-file {
position: sticky;
z-index: 5;
background-color: var(--er-input-bg);
}
.dd-meta-table tbody td.dd-meta-col-validate { left: 0; }
.dd-meta-table tbody td.dd-meta-col-index { left: var(--dd-meta-validate-w); }
.dd-meta-table tbody td.dd-meta-col-file { left: calc(var(--dd-meta-validate-w) + var(--dd-meta-index-w)); box-shadow: 2px 0 0 var(--er-accent-border); }
.dd-step5-zone.is-issuer-only .dd-meta-col-class,
.dd-step5-zone.is-issuer-only .dd-meta-col-nr,
.dd-step5-zone.is-issuer-only .dd-meta-col-date,
.dd-step5-zone.is-issuer-only .dd-meta-col-val,
.dd-step5-zone.is-issuer-only .dd-meta-col-judet {
display: none;
}
.dd-step5-zone.is-issuer-only .dd-meta-table {
min-width: 36rem;
}
/* Re-apply row state tints on the frozen cells (layered over the opaque base
via a solid gradient, since background-color is already taken). */
.dd-meta-row--previewed > .dd-meta-col-validate,
.dd-meta-row--previewed > .dd-meta-col-index,
.dd-meta-row--previewed > .dd-meta-col-file,
.dd-meta-row--running > .dd-meta-col-validate,
.dd-meta-row--running > .dd-meta-col-index,
.dd-meta-row--running > .dd-meta-col-file {
background-image: linear-gradient(var(--er-accent-soft), var(--er-accent-soft));
}
.dd-meta-row--success > .dd-meta-col-validate,
.dd-meta-row--success > .dd-meta-col-index,
.dd-meta-row--success > .dd-meta-col-file {
background-image: linear-gradient(rgba(34, 197, 94, 0.05), rgba(34, 197, 94, 0.05));
}
.dd-meta-row--success.dd-meta-row--cache > .dd-meta-col-validate,
.dd-meta-row--success.dd-meta-row--cache > .dd-meta-col-index,
.dd-meta-row--success.dd-meta-row--cache > .dd-meta-col-file {
background-image: linear-gradient(rgba(56, 189, 248, 0.07), rgba(56, 189, 248, 0.07));
}
.dd-meta-row--error > .dd-meta-col-validate,
.dd-meta-row--error > .dd-meta-col-index,
.dd-meta-row--error > .dd-meta-col-file {
background-image: linear-gradient(rgba(239, 68, 68, 0.05), rgba(239, 68, 68, 0.05));
}
.dd-meta-row--aviz > .dd-meta-col-validate,
.dd-meta-row--aviz > .dd-meta-col-index,
.dd-meta-row--aviz > .dd-meta-col-file {
background-image: linear-gradient(rgba(52, 211, 153, 0.12), rgba(52, 211, 153, 0.12));
}
.dd-meta-row--aviz-other > .dd-meta-col-validate,
.dd-meta-row--aviz-other > .dd-meta-col-index,
.dd-meta-row--aviz-other > .dd-meta-col-file {
background-image: linear-gradient(rgba(148, 163, 184, 0.14), rgba(148, 163, 184, 0.14));
}
/* Re-apply the left accent bars on the first frozen cell (the row's inset
box-shadow is hidden behind the opaque validate cell). */
.dd-meta-row--previewed > .dd-meta-col-validate { box-shadow: inset 3px 0 0 var(--er-accent); }
.dd-meta-row--success.dd-meta-row--cache > .dd-meta-col-validate { box-shadow: inset 3px 0 0 rgba(14, 165, 233, 0.55); }
.dd-meta-row--manual > .dd-meta-col-validate { box-shadow: inset 3px 0 0 rgba(251, 191, 36, 0.75); }
.dd-meta-row--validated > .dd-meta-col-validate { box-shadow: inset 3px 0 0 rgba(52, 211, 153, 0.75); }
.dd-meta-row--judet-mismatch > .dd-meta-col-validate { box-shadow: inset 3px 0 0 rgba(239, 68, 68, 0.7); }
.dd-meta-col-class {
width: 9.5rem;
min-width: 8.5rem;
max-width: 10.5rem;
}
.dd-meta-class {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
max-width: 100%;
padding: 0.1rem 0.4rem;
border-radius: 0.45rem;
background: var(--er-accent-border);
color: var(--er-text-secondary);
border: 1px solid var(--er-accent-border-strong);
font-size: 0.68rem;
font-weight: 600;
line-height: 1.25;
word-break: break-word;
}
.dd-meta-class--empty {
display: inline-block;
-webkit-line-clamp: unset;
line-clamp: unset;
background: transparent;
color: var(--er-text-muted);
border-color: var(--er-text-muted);
font-style: italic;
font-weight: 400;
}
.dd-meta-class-score {
font-family: "Fira Code", monospace;
font-variant-numeric: tabular-nums;
font-weight: 700;
color: var(--er-accent, #eab308);
white-space: nowrap;
}
.dd-meta-col-nr,
.dd-meta-col-date {
width: 6.5rem;
min-width: 6rem;
font-family: "Fira Code", monospace;
font-size: 0.72rem;
white-space: nowrap;
}
.dd-meta-col-val {
font-family: "Fira Code", monospace;
font-size: 0.72rem;
width: 8.5rem;
min-width: 7.5rem;
max-width: 9.5rem;
line-height: 1.25;
}
.dd-meta-col-emitent {
width: 100%;
min-width: 9rem;
line-height: 1.25;
}
.dd-meta-col-judet {
width: 6.5rem;
min-width: 6rem;
white-space: nowrap;
}
.dd-meta-col-docstatus {
width: 6.5rem;
min-width: 6rem;
white-space: nowrap;
}
.dd-meta-col-durata {
width: 6.5rem;
min-width: 6rem;
white-space: nowrap;
font-family: "Fira Code", monospace;
font-size: 0.72rem;
}
.dd-meta-col-status {
width: 6rem;
min-width: 5.5rem;
white-space: nowrap;
}
.dd-meta-edit-select {
cursor: pointer;
}
.dd-meta-judet {
display: inline-block;
max-width: 100%;
padding: 0.08rem 0.4rem;
border-radius: 0.4rem;
background: rgba(168, 162, 158, 0.12);
color: var(--er-text);
border: 1px solid rgba(168, 162, 158, 0.35);
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.01em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
.dd-meta-judet--unknown {
background: transparent;
color: var(--er-text-muted);
border-color: var(--er-text-muted);
font-weight: 400;
font-style: italic;
}
.dd-meta-judet--reference {
background: rgba(56, 189, 248, 0.18);
color: #bae6fd;
border-color: rgba(56, 189, 248, 0.55);
}
.dd-meta-judet--match {
background: rgba(34, 197, 94, 0.16);
color: #bbf7d0;
border-color: rgba(34, 197, 94, 0.45);
}
.dd-meta-judet--mismatch {
background: rgba(239, 68, 68, 0.18);
color: var(--er-danger);
border-color: rgba(239, 68, 68, 0.55);
animation: dd-meta-pulse 2.4s ease-in-out infinite;
}
.dd-meta-judet-tag {
display: inline-block;
margin-left: 0.4rem;
padding: 0.05rem 0.4rem;
border-radius: 0.4rem;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
background: rgba(56, 189, 248, 0.2);
color: #bae6fd;
border: 1px solid rgba(56, 189, 248, 0.55);
vertical-align: middle;
}
.dd-meta-judet-tag--warn {
background: rgba(239, 68, 68, 0.25);
color: #fee2e2;
border-color: rgba(239, 68, 68, 0.7);
}
.dd-meta-row--judet-mismatch {
box-shadow: inset 3px 0 0 rgba(239, 68, 68, 0.7);
}
.dd-meta-value {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
color: var(--er-text);
line-height: 1.25;
word-break: break-word;
overflow-wrap: anywhere;
}
.dd-meta-col-nr .dd-meta-value,
.dd-meta-col-date .dd-meta-value,
.dd-meta-col-docstatus .dd-meta-value,
.dd-meta-col-durata .dd-meta-value {
display: block;
-webkit-line-clamp: unset;
line-clamp: unset;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.dd-meta-empty-cell {
color: var(--er-text-muted);
}
.dd-meta-editable {
cursor: text;
}
.dd-meta-editable:hover {
background: rgba(251, 191, 36, 0.08);
box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.25);
}
.dd-meta-edit-input {
width: 100%;
box-sizing: border-box;
border: 1px solid rgba(251, 191, 36, 0.55);
border-radius: 0.35rem;
background: rgba(0, 0, 0, 0.35);
color: var(--er-text);
font: inherit;
padding: 0.2rem 0.35rem;
}
.dd-meta-row--manual {
box-shadow: inset 3px 0 0 rgba(251, 191, 36, 0.75);
}
.dd-meta-row--validated {
box-shadow: inset 3px 0 0 rgba(52, 211, 153, 0.75);
}
/* Field-level mark: this cell was corrected by the user (distinct from
row-level „Validat”, which means confirmed without changing values). */
.dd-meta-cell--manual {
background: rgba(251, 191, 36, 0.1);
box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.4);
}
.dd-meta-cell--manual .dd-meta-value {
color: var(--er-text-secondary);
}
.dd-meta-status--manual {
color: var(--er-text-secondary);
background: rgba(251, 191, 36, 0.16);
border-color: rgba(251, 191, 36, 0.5);
}
.dd-meta-status--validated {
color: var(--er-success);
background: rgba(52, 211, 153, 0.16);
border-color: rgba(52, 211, 153, 0.45);
}
.dd-meta-col-status .dd-meta-status--success {
cursor: default;
}
.dd-meta-status {
display: inline-block;
padding: 0.2rem 0.55rem;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 600;
white-space: nowrap;
border: 1px solid transparent;
}
.dd-meta-status--pending {
color: var(--er-text-muted);
background: rgba(168, 162, 158, 0.1);
border-color: var(--er-text-muted);
}
.dd-meta-status--running {
color: var(--er-text-secondary);
background: var(--er-accent-border);
border-color: var(--er-accent-border-strong);
animation: dd-meta-pulse 1.4s ease-in-out infinite;
}
.dd-meta-status--success {
color: #bbf7d0;
background: rgba(34, 197, 94, 0.18);
border-color: rgba(34, 197, 94, 0.5);
}
.dd-meta-status--error {
color: var(--er-danger);
background: rgba(239, 68, 68, 0.2);
border-color: rgba(239, 68, 68, 0.55);
}
.dd-meta-row--running {
background: var(--er-accent-soft);
}
.dd-meta-row--success {
background: rgba(34, 197, 94, 0.05);
}
.dd-meta-row--success.dd-meta-row--cache {
background: rgba(56, 189, 248, 0.07);
box-shadow: inset 3px 0 0 rgba(14, 165, 233, 0.55);
}
.dd-meta-row--error {
background: rgba(239, 68, 68, 0.05);
}
@keyframes dd-meta-pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.55; }
}
/* ── Step 8 — Extragere mențiuni documente ───────────────────────────── */
.dd-workspace.dd-is-hidden-step8 {
display: none !important;
}
.dd-step8-zone {
margin: 1.25rem 0 1.25rem;
padding: 1.5rem 1.5rem 1.25rem;
border-radius: 1.1rem;
border: 1px solid rgba(20, 184, 166, 0.34);
background:
radial-gradient(120% 120% at 0% 0%, rgba(20, 184, 166, 0.18) 0%, transparent 55%),
radial-gradient(140% 140% at 100% 100%, rgba(56, 189, 248, 0.16) 0%, transparent 60%),
rgba(8, 22, 25, 0.74);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
animation: dd-fade-in 0.25s ease;
}
.dd-step8-hero {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 1.25rem;
}
.dd-step8-hero-text {
flex: 1 1 24rem;
min-width: 0;
}
.dd-step8-title {
margin: 0.45rem 0 0.4rem;
font-size: 1.45rem;
color: var(--er-text);
letter-spacing: -0.01em;
}
.dd-step8-subtitle {
margin: 0;
font-size: 0.92rem;
line-height: 1.55;
color: var(--er-text-muted);
max-width: 50rem;
}
.dd-step8-zone .dd-mono {
font-family: "Fira Code", monospace;
color: #99f6e4;
font-size: 0.85em;
background: rgba(20, 184, 166, 0.16);
padding: 0.1rem 0.35rem;
border-radius: 0.3rem;
}
.dd-step8-cta {
display: inline-flex;
align-items: center;
gap: 0.6rem;
border: none;
border-radius: 1rem;
padding: 0.95rem 1.6rem;
font-weight: 700;
font-size: 1.02rem;
cursor: pointer;
color: #062b29;
background: linear-gradient(95deg, #2dd4bf 0%, #14b8a6 50%, #38bdf8 100%);
box-shadow:
0 12px 28px rgba(20, 184, 166, 0.35),
inset 0 1px 0 rgba(255, 255, 255, 0.32);
transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, filter 0.18s ease;
white-space: nowrap;
}
.dd-step8-cta svg {
width: 1.15rem;
height: 1.15rem;
}
.dd-step8-cta:hover:not(:disabled) {
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow:
0 18px 36px rgba(20, 184, 166, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.dd-step8-cta:focus-visible {
outline: 2px solid var(--er-text-secondary);
outline-offset: 3px;
}
.dd-step8-cta:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
box-shadow: none;
filter: grayscale(0.2);
}
.dd-step8-actions {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.55rem;
}
.dd-step8-refresh {
display: inline-flex;
align-items: center;
gap: 0.45rem;
font-size: 0.82rem;
color: #062b29;
background: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(20, 184, 166, 0.38);
border-radius: 999px;
padding: 0.28rem 0.7rem;
cursor: pointer;
user-select: none;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.dd-step8-refresh:hover {
background: rgba(255, 255, 255, 0.9);
border-color: rgba(20, 184, 166, 0.65);
color: #042f2e;
}
.dd-step8-refresh input[type="checkbox"] {
margin: 0;
accent-color: #14b8a6;
cursor: pointer;
}
.dd-step8-progress {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.85rem;
margin: 1rem 0 0;
}
.dd-step8-progress .cu-status {
margin: 0;
flex: 1 1 16rem;
}
.dd-step8-split {
margin-top: 1rem;
display: grid;
grid-template-columns: minmax(18rem, 1fr) minmax(20rem, 1.4fr);
grid-template-areas: "list viewer";
gap: 1rem;
align-items: stretch;
}
.dd-step8-split.dd-step8-split--preview {
grid-template-areas: "viewer preview";
}
.dd-step8-left {
grid-area: list;
}
.dd-step8-right {
grid-area: viewer;
}
.dd-step8-preview-pane {
grid-area: preview;
display: none;
border-radius: 0.85rem;
border: 1px solid rgba(20, 184, 166, 0.22);
background: rgba(6, 18, 22, 0.7);
padding: 0.95rem 1rem 1rem;
flex-direction: column;
min-height: 28rem;
min-width: 0;
}
.dd-step8-split.dd-step8-split--preview .dd-step8-left {
display: none !important;
}
.dd-step8-split.dd-step8-split--preview .dd-step8-preview-pane {
display: flex;
}
.dd-step8-preview-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0.75rem;
flex-wrap: wrap;
margin-bottom: 0.55rem;
}
.dd-step8-preview-heading {
flex: 1 1 12rem;
min-width: 0;
}
.dd-step8-preview-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.5rem;
flex: 0 0 auto;
}
.dd-step8-preview-validate-btn {
appearance: none;
display: inline-flex;
align-items: center;
gap: 0.4rem;
flex: 0 0 auto;
font-size: 0.78rem;
font-weight: 700;
padding: 0.4rem 0.9rem;
border: none;
border-radius: 0.45rem;
cursor: pointer;
color: #052e16;
background: linear-gradient(95deg, #16a34a 0%, #22c55e 50%, var(--er-success) 100%);
box-shadow:
0 6px 14px rgba(34, 197, 94, 0.28),
inset 0 1px 0 rgba(255, 255, 255, 0.32);
white-space: nowrap;
transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, opacity 0.18s ease;
}
.dd-step8-preview-validate-btn svg {
width: 0.95rem;
height: 0.95rem;
}
.dd-step8-preview-validate-btn:hover:not(:disabled) {
transform: translateY(-1px);
filter: brightness(1.05);
box-shadow:
0 10px 18px rgba(34, 197, 94, 0.38),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.dd-step8-preview-validate-btn:focus-visible {
outline: 2px solid var(--er-text-secondary);
outline-offset: 2px;
}
.dd-step8-preview-validate-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
box-shadow: none;
filter: grayscale(0.15);
}
.dd-step8-preview-validate-btn.is-validated {
background: linear-gradient(95deg, #15803d 0%, #16a34a 100%);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
.dd-step8-preview-close-btn {
flex: 0 0 auto;
font-size: 0.78rem;
font-weight: 600;
padding: 0.38rem 0.85rem;
border-radius: 0.45rem;
border: 1px solid rgba(251, 191, 36, 0.55);
background: rgba(251, 191, 36, 0.14);
color: var(--er-text);
cursor: pointer;
white-space: nowrap;
transition: background 0.15s ease, border-color 0.15s ease;
}
.dd-step8-preview-close-btn:hover {
background: rgba(251, 191, 36, 0.26);
border-color: rgba(253, 224, 71, 0.75);
}
.dd-step8-preview-close-btn:focus-visible {
outline: 2px solid var(--er-text-secondary);
outline-offset: 2px;
}
.dd-step8-preview-title {
margin: 0 0 0.25rem;
font-size: 1rem;
color: var(--er-text);
letter-spacing: -0.005em;
}
.dd-step8-preview-meta {
font-size: 0.74rem;
font-family: "Fira Code", monospace;
color: var(--er-text-muted);
}
.dd-step8-preview-content {
border: 1px solid rgba(20, 184, 166, 0.2);
border-radius: 0.6rem;
background: rgba(2, 10, 13, 0.85);
padding: 0.7rem;
min-height: min(38rem, 56vh);
max-height: min(62rem, 88vh);
overflow: hidden;
flex: 1 1 auto;
display: flex;
flex-direction: column;
min-width: 0;
}
.dd-step8-preview-content pre {
margin: 0;
white-space: pre-wrap;
word-break: break-word;
color: var(--er-text);
font-size: 0.8rem;
line-height: 1.6;
font-family: "Fira Code", monospace;
}
.dd-step8-preview-content iframe,
.dd-step8-preview-content img {
width: 100%;
border: 0;
border-radius: 0.5rem;
}
.dd-step8-preview-content iframe {
flex: 1 1 auto;
min-height: min(42rem, 58vh);
}
.dd-step8-preview-content img {
object-fit: contain;
max-height: min(62rem, 88vh);
}
.dd-step8-preview-hint {
color: var(--er-text-muted);
font-size: 0.82rem;
margin: 0.25rem 0;
}
@media (max-width: 64rem) {
.dd-step8-split {
grid-template-columns: 1fr;
grid-template-areas:
"list"
"viewer";
}
.dd-step8-split.dd-step8-split--preview {
grid-template-columns: 1fr;
grid-template-areas:
"viewer"
"preview";
}
}
.dd-step8-left,
.dd-step8-right {
border-radius: 0.85rem;
border: 1px solid rgba(20, 184, 166, 0.22);
background: rgba(6, 18, 22, 0.7);
padding: 0.95rem 1rem 1rem;
display: flex;
flex-direction: column;
min-height: 30rem;
}
.dd-step8-left-title,
.dd-step8-right-title {
margin: 0 0 0.25rem;
font-size: 1rem;
color: var(--er-text);
letter-spacing: -0.005em;
}
.dd-step8-left-hint {
margin: 0 0 0.65rem;
font-size: 0.78rem;
color: var(--er-text-muted);
line-height: 1.45;
}
.dd-step8-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
align-content: start;
gap: 0.35rem;
overflow-y: auto;
overflow-x: hidden;
max-height: min(44rem, 62vh);
min-width: 0;
}
.dd-step8-empty,
.dd-classify-result-empty {
padding: 0.85rem 0.75rem;
border-radius: 0.6rem;
border: 1px dashed rgba(168, 162, 158, 0.4);
background: rgba(6, 18, 22, 0.4);
color: var(--er-text-muted);
font-style: italic;
font-size: 0.82rem;
text-align: center;
}
.dd-step8-row {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
grid-template-areas:
"validate name status"
"validate path status";
align-items: center;
gap: 0.08rem 0.65rem;
padding: 0.38rem 0.6rem;
border-radius: 0.55rem;
border: 1px solid rgba(20, 184, 166, 0.18);
background: rgba(6, 18, 22, 0.55);
font-size: 0.85rem;
cursor: not-allowed;
user-select: none;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
/* Greyed-out state by default — colors below override per state. */
color: var(--er-text-muted);
opacity: 0.7;
min-width: 0;
}
.dd-step8-row .dd-step-doc-validate {
grid-area: validate;
align-self: center;
pointer-events: auto;
z-index: 1;
}
.dd-step8-row--success .dd-step-doc-validate {
cursor: pointer;
}
.dd-step8-row--validated {
border-color: rgba(34, 197, 94, 0.5);
box-shadow: inset 3px 0 0 rgba(52, 211, 153, 0.75);
}
.dd-step8-row-name {
grid-area: name;
font-weight: 600;
word-break: break-word;
overflow-wrap: anywhere;
min-width: 0;
}
.dd-step8-row-path {
grid-area: path;
font-family: "Fira Code", monospace;
font-size: 0.7rem;
word-break: break-all;
overflow-wrap: anywhere;
color: inherit;
opacity: 0.85;
min-width: 0;
}
.dd-step8-row-status {
grid-area: status;
font-size: 0.68rem;
font-weight: 600;
padding: 0.15rem 0.45rem;
border-radius: 999px;
white-space: nowrap;
border: 1px solid transparent;
background: rgba(168, 162, 158, 0.12);
color: var(--er-text-muted);
}
.dd-step8-row--running {
border-color: rgba(20, 184, 166, 0.45);
background: rgba(20, 184, 166, 0.1);
opacity: 0.95;
color: #ccfbf1;
animation: dd-meta-pulse 1.4s ease-in-out infinite;
}
.dd-step8-row--running .dd-step8-row-status {
background: rgba(20, 184, 166, 0.22);
color: #99f6e4;
border-color: rgba(20, 184, 166, 0.5);
}
.dd-step8-row--success {
/* Activated row — fully visible white text and clickable. */
cursor: pointer;
opacity: 1;
color: var(--er-text);
border-color: rgba(45, 212, 191, 0.5);
background: rgba(20, 184, 166, 0.08);
}
.dd-step8-row--success:hover {
background: rgba(20, 184, 166, 0.16);
border-color: rgba(45, 212, 191, 0.75);
transform: none;
}
.dd-step8-row--success:focus-visible {
outline: 2px solid var(--er-text-secondary);
outline-offset: 2px;
}
.dd-step8-row--success .dd-step8-row-status {
color: #bbf7d0;
background: rgba(34, 197, 94, 0.18);
border-color: rgba(34, 197, 94, 0.45);
}
.dd-step8-row--selected {
background: rgba(20, 184, 166, 0.22);
border-color: #2dd4bf;
box-shadow: inset 3px 0 0 #2dd4bf;
}
.dd-step8-row--selected .dd-step8-row-status {
background: rgba(20, 184, 166, 0.3);
color: #ccfbf1;
border-color: rgba(45, 212, 191, 0.65);
}
.dd-step8-row--error {
cursor: not-allowed;
opacity: 0.95;
color: var(--er-danger);
border-color: rgba(239, 68, 68, 0.45);
background: rgba(239, 68, 68, 0.06);
}
.dd-step8-row--error .dd-step8-row-status {
background: rgba(239, 68, 68, 0.2);
color: var(--er-danger);
border-color: rgba(239, 68, 68, 0.55);
}
.dd-step8-right-header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.65rem;
flex-wrap: wrap;
margin-bottom: 0.55rem;
}
.dd-step8-right-meta {
font-size: 0.74rem;
font-family: "Fira Code", monospace;
color: var(--er-text-muted);
}
.dd-step8-viewer-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.dd-step8-viewer-edit-actions {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem;
}
.dd-step8-viewer-action-btn {
font-size: 0.78rem;
font-weight: 600;
padding: 0.38rem 0.75rem;
border-radius: 0.45rem;
border: 1px solid rgba(20, 184, 166, 0.45);
background: rgba(20, 184, 166, 0.12);
color: #ccfbf1;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.dd-step8-viewer-action-btn:hover:not(:disabled) {
background: rgba(20, 184, 166, 0.22);
border-color: rgba(45, 212, 191, 0.65);
}
.dd-step8-viewer-action-btn:focus-visible {
outline: 2px solid var(--er-text-secondary);
outline-offset: 2px;
}
.dd-step8-viewer-action-btn:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.dd-step8-viewer-action-btn--primary {
background: linear-gradient(95deg, rgba(45, 212, 191, 0.35) 0%, rgba(20, 184, 166, 0.4) 100%);
border-color: rgba(45, 212, 191, 0.75);
color: #ecfdf5;
}
.dd-step8-viewer-action-btn--primary:hover:not(:disabled) {
background: linear-gradient(95deg, rgba(45, 212, 191, 0.5) 0%, rgba(20, 184, 166, 0.55) 100%);
}
.dd-step8-viewer-action-btn--ghost {
background: transparent;
border-color: var(--er-text-muted);
color: rgba(214, 211, 209, 0.95);
}
.dd-step8-viewer-action-btn--ghost:hover:not(:disabled) {
background: rgba(239, 68, 68, 0.12);
border-color: rgba(248, 113, 113, 0.55);
color: var(--er-danger);
}
.dd-step8-viewer-host {
flex: 1 1 auto;
display: flex;
flex-direction: column;
min-height: 0;
}
.dd-step8-viewer {
flex: 1 1 auto;
margin: 0;
padding: 0.85rem 0.95rem;
border-radius: 0.6rem;
border: 1px solid rgba(20, 184, 166, 0.2);
background: rgba(2, 10, 13, 0.85);
color: var(--er-text);
font-family: "Fira Code", monospace;
font-size: 0.82rem;
line-height: 1.55;
white-space: pre-wrap;
word-break: break-word;
overflow: auto;
min-height: min(38rem, 56vh);
max-height: min(62rem, 88vh);
}
.dd-step8-viewer.dd-is-hidden {
display: none !important;
}
textarea.dd-step8-viewer.dd-step8-viewer-textarea {
display: block;
width: 100%;
box-sizing: border-box;
resize: vertical;
min-height: min(38rem, 56vh);
max-height: min(62rem, 88vh);
}
.dd-step8-viewer-empty {
display: block;
color: var(--er-text-muted);
font-family: "Fira Sans", sans-serif;
font-style: italic;
font-size: 0.85rem;
}
.dd-step8-viewer-empty--error {
color: var(--er-danger);
font-style: normal;
}
/* Pasul 9 — tall panes: fill viewport on wide screens (text + PDF preview). */
@media (min-width: 880px) {
.dd-stepper-root[data-current-step="11"] .dd-step8-split {
align-items: stretch;
height: calc(100vh - 11.5rem);
min-height: 40rem;
}
.dd-stepper-root[data-current-step="11"] .dd-step8-left,
.dd-stepper-root[data-current-step="11"] .dd-step8-right,
.dd-stepper-root[data-current-step="11"] .dd-step8-preview-pane {
min-height: 0;
height: 100%;
overflow: hidden;
}
.dd-stepper-root[data-current-step="11"] .dd-step8-list {
max-height: none;
flex: 1 1 auto;
min-height: 0;
}
.dd-stepper-root[data-current-step="11"] .dd-step8-viewer-host {
flex: 1 1 auto;
min-height: 0;
}
.dd-stepper-root[data-current-step="11"] .dd-step8-viewer,
.dd-stepper-root[data-current-step="11"] textarea.dd-step8-viewer.dd-step8-viewer-textarea {
min-height: 0;
max-height: none;
flex: 1 1 auto;
height: 100%;
}
.dd-stepper-root[data-current-step="11"] .dd-step8-preview-content {
min-height: 0;
max-height: none;
flex: 1 1 auto;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
}
.dd-stepper-root[data-current-step="11"] .dd-step8-preview-content iframe {
min-height: 0;
height: 100%;
flex: 1 1 auto;
}
.dd-stepper-root[data-current-step="11"] .dd-step8-preview-content img {
max-height: 100%;
}
}
/* ──────────────────────────────────────────────────────────────────────
Step 9 — Final permits table (DD raport export view).
The Step 9 zone aggregates Step 4 classifications with Step 5 metadata
into the chaptered table required for the DD report.
────────────────────────────────────────────────────────────────────── */
.dd-step9-zone {
margin: 0.75rem 0 1rem;
padding: 0.85rem 1rem 1rem;
border-radius: 0.85rem;
border: 1px solid rgba(217, 70, 239, 0.32);
background:
radial-gradient(120% 120% at 0% 0%, rgba(217, 70, 239, 0.16) 0%, transparent 55%),
radial-gradient(140% 140% at 100% 100%, var(--er-accent-soft) 0%, transparent 60%),
var(--er-panel);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
animation: dd-fade-in 0.25s ease;
}
.dd-step9-hero {
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.dd-step9-hero-top {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.5rem 0.75rem;
}
.dd-step9-hero-text {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem 0.65rem;
min-width: 0;
flex: 1 1 16rem;
}
.dd-step9-hero-text .dd-placeholder-badge {
margin-bottom: 0;
}
.dd-step9-title {
margin: 0;
font-size: 1.12rem;
color: var(--er-text);
letter-spacing: -0.01em;
line-height: 1.25;
}
.dd-step9-subtitle {
margin: 0;
font-size: 0.8rem;
line-height: 1.4;
color: var(--er-text-muted);
}
.dd-step9-subtitle strong {
color: var(--er-text-secondary);
font-weight: 600;
}
.dd-step9-actions {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.4rem;
}
.dd-step9-cta {
display: inline-flex;
align-items: center;
gap: 0.6rem;
border: none;
border-radius: 1rem;
padding: 0.95rem 1.6rem;
font-weight: 700;
font-size: 1.02rem;
cursor: pointer;
color: #2a0833;
background: linear-gradient(95deg, #d946ef 0%, #c026d3 50%, #f472b6 100%);
box-shadow:
0 12px 28px rgba(217, 70, 239, 0.32),
inset 0 1px 0 rgba(255, 255, 255, 0.32);
transition: box-shadow 0.18s ease, opacity 0.18s ease, filter 0.18s ease;
white-space: nowrap;
}
.dd-step9-actions .dd-step9-cta {
gap: 0.35rem;
border-radius: 0.55rem;
padding: 0.42rem 0.8rem;
font-size: 0.82rem;
box-shadow:
0 4px 12px rgba(217, 70, 239, 0.22),
inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
.dd-step9-cta svg {
width: 1.15rem;
height: 1.15rem;
}
.dd-step9-actions .dd-step9-cta svg {
width: 0.95rem;
height: 0.95rem;
}
.dd-step9-cta:hover:not(:disabled) {
filter: brightness(1.05);
box-shadow:
0 18px 36px rgba(217, 70, 239, 0.42),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.dd-step9-actions .dd-step9-cta:hover:not(:disabled) {
box-shadow:
0 6px 16px rgba(217, 70, 239, 0.32),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.dd-step9-cta:focus-visible {
outline: 2px solid var(--er-text-secondary);
outline-offset: 3px;
}
.dd-step9-cta:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
box-shadow: none;
filter: grayscale(0.2);
}
.dd-step9-cta--export {
background: linear-gradient(95deg, #34d399 0%, #10b981 55%, #059669 100%);
color: #052e1a;
box-shadow:
0 12px 28px rgba(16, 185, 129, 0.28),
inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.dd-step9-cta--export:hover:not(:disabled) {
box-shadow:
0 18px 36px rgba(16, 185, 129, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.dd-step9-actions .dd-step9-cta--export {
box-shadow:
0 4px 12px rgba(16, 185, 129, 0.22),
inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.dd-step9-actions .dd-step9-cta--export:hover:not(:disabled) {
box-shadow:
0 6px 16px rgba(16, 185, 129, 0.32),
inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.dd-step9-cta--export-en {
background: linear-gradient(95deg, #60a5fa 0%, #3b82f6 55%, #1d4ed8 100%);
color: #eff6ff;
box-shadow:
0 12px 28px rgba(37, 99, 235, 0.28),
inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
.dd-step9-cta--export-en:hover:not(:disabled) {
box-shadow:
0 18px 36px rgba(37, 99, 235, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.38);
}
.dd-step9-actions .dd-step9-cta--export-en {
box-shadow:
0 4px 12px rgba(37, 99, 235, 0.22),
inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
.dd-step9-actions .dd-step9-cta--export-en:hover:not(:disabled) {
box-shadow:
0 6px 16px rgba(37, 99, 235, 0.32),
inset 0 1px 0 rgba(255, 255, 255, 0.38);
}
.dd-step9-lang-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.55rem;
height: 1.15rem;
padding: 0 0.28rem;
border-radius: 999px;
font-size: 0.62rem;
font-weight: 800;
letter-spacing: 0.04em;
background: rgba(255, 255, 255, 0.22);
color: inherit;
}
.dd-step9-export-lang-chip {
display: inline-flex;
align-items: center;
margin: 0 1.15rem 0.35rem;
padding: 0.18rem 0.55rem;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.06em;
color: #1e3a8a;
background: #dbeafe;
}
.dd-step9-export-lang-chip[data-lang="en"] {
color: #1e3a8a;
background: #dbeafe;
}
.dd-step9-export-lang-chip[data-lang="ro"] {
color: #14532d;
background: #dcfce7;
}
@media (max-width: 720px) {
.dd-step9-report-date span {
display: none;
}
.dd-step9-actions {
width: 100%;
justify-content: flex-start;
}
}
.dd-step9-export-gate {
display: flex;
align-items: flex-start;
gap: 0.55rem;
margin: 0.65rem 0 0.85rem;
padding: 0.75rem 0.95rem;
border-radius: 0.65rem;
border: 1px solid rgba(251, 191, 36, 0.35);
border-left: 3px solid var(--er-warning);
background: var(--er-accent-soft);
color: var(--er-text-secondary);
font-size: 0.86rem;
line-height: 1.4;
}
.dd-step9-export-gate-icon {
flex: 0 0 auto;
line-height: 1.2;
}
.dd-step9-export-gate-text {
flex: 1 1 auto;
}
.dd-step9-export-modal {
position: fixed;
inset: 0;
z-index: 96;
display: grid;
place-items: center;
padding: 1.25rem;
}
.dd-step9-export-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(2, 6, 23, 0.72);
backdrop-filter: blur(2px);
}
.dd-step9-export-modal-card {
position: relative;
width: min(92vw, 36rem);
max-height: calc(100vh - 2.5rem);
overflow: auto;
border-radius: 1rem;
border: 1px solid rgba(52, 211, 153, 0.38);
background: rgba(6, 20, 15, 0.98);
box-shadow: 0 22px 56px rgba(0, 0, 0, 0.55);
padding: 1rem 1.1rem 1.15rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.dd-step9-export-modal-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.dd-step9-export-modal-title {
margin: 0;
font-size: 1.05rem;
color: var(--er-success);
}
.dd-step9-export-modal-close {
border: 1px solid rgba(52, 211, 153, 0.4);
border-radius: 0.5rem;
background: rgba(52, 211, 153, 0.1);
color: var(--er-success);
width: 2rem;
height: 2rem;
font-size: 1.2rem;
line-height: 1;
cursor: pointer;
}
.dd-step9-export-modal-hint {
margin: 0;
font-size: 0.84rem;
color: var(--er-text-muted);
line-height: 1.45;
}
.dd-step9-export-field {
display: grid;
gap: 0.3rem;
font-size: 0.82rem;
color: var(--er-text-muted);
}
.dd-step9-export-field select,
.dd-step9-export-field input,
.dd-step9-export-name-input {
border: 1px solid rgba(52, 211, 153, 0.35);
border-radius: 0.5rem;
background: rgba(2, 12, 9, 0.75);
color: #ecfdf5;
padding: 0.45rem 0.65rem;
font-size: 0.9rem;
outline: none;
box-shadow: none;
color-scheme: dark;
}
.dd-step9-export-field select:focus,
.dd-step9-export-field input:focus,
.dd-step9-export-name-input:focus {
border-color: rgba(52, 211, 153, 0.7);
background: rgba(6, 24, 18, 0.9);
}
.dd-step9-export-force {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0;
font-size: 0.82rem;
font-weight: 650;
color: var(--er-text-secondary);
cursor: pointer;
user-select: none;
}
.dd-step9-export-force[hidden],
.dd-step9-export-force.dd-is-hidden {
display: none;
}
.dd-step9-export-force:hover {
color: var(--er-success);
}
.dd-step9-export-force input[type="checkbox"] {
margin: 0;
accent-color: #34d399;
cursor: pointer;
}
.dd-step9-export-name-input:disabled {
opacity: 0.55;
cursor: not-allowed;
}
/* Avoid browser autofill painting a white/yellow field over the dark theme. */
.dd-step9-export-name-input:-webkit-autofill,
.dd-step9-export-name-input:-webkit-autofill:hover,
.dd-step9-export-name-input:-webkit-autofill:focus {
-webkit-text-fill-color: #ecfdf5;
caret-color: #ecfdf5;
box-shadow: 0 0 0 1000px rgba(2, 12, 9, 0.95) inset;
transition: background-color 99999s ease-in-out 0s;
}
.dd-step9-export-names {
display: grid;
gap: 0.65rem;
max-height: min(40vh, 22rem);
overflow: auto;
padding-right: 0.15rem;
}
.dd-step9-export-names-intro {
margin: 0;
font-size: 0.82rem;
color: var(--er-success);
line-height: 1.4;
}
.dd-step9-export-select-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem 0.55rem;
}
.dd-step9-export-select-btn {
border: 1px solid rgba(52, 211, 153, 0.4);
background: rgba(52, 211, 153, 0.1);
color: var(--er-success);
border-radius: 0.4rem;
padding: 0.22rem 0.55rem;
font-size: 0.75rem;
font-weight: 650;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease;
}
.dd-step9-export-select-btn:hover {
background: rgba(52, 211, 153, 0.22);
border-color: rgba(52, 211, 153, 0.65);
}
.dd-step9-export-select-btn:focus-visible {
outline: 2px solid var(--er-success);
outline-offset: 2px;
}
.dd-step9-export-name-block {
display: grid;
gap: 0.4rem;
padding: 0.7rem 0.8rem;
border-radius: 0.65rem;
border: 1px solid rgba(52, 211, 153, 0.28);
background: rgba(4, 16, 12, 0.55);
transition: opacity 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.dd-step9-export-name-block--skipped {
border-color: rgba(148, 163, 184, 0.28);
background: rgba(15, 23, 42, 0.35);
}
.dd-step9-export-name-block--skipped .dd-step9-export-name-head,
.dd-step9-export-name-block--skipped .dd-step9-export-name-field {
opacity: 0.48;
}
.dd-step9-export-name-head {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.45rem 0.65rem;
}
.dd-step9-export-name-index {
flex: 0 0 auto;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #064e3b;
background: rgba(52, 211, 153, 0.85);
border-radius: 0.35rem;
padding: 0.12rem 0.4rem;
}
.dd-step9-export-name-block label {
display: grid;
gap: 0.3rem;
font-size: 0.82rem;
color: var(--er-text-muted);
}
.dd-step9-export-name-block label.dd-step9-export-include {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
margin-top: 0.1rem;
padding-top: 0.55rem;
border-top: 1px solid rgba(52, 211, 153, 0.2);
cursor: pointer;
user-select: none;
color: var(--er-text-secondary);
}
.dd-step9-export-name-block label.dd-step9-export-include:hover {
color: var(--er-success);
}
.dd-step9-export-name-block--skipped label.dd-step9-export-include {
color: var(--er-text-muted);
}
.dd-step9-export-include-text {
font-size: 0.82rem;
font-weight: 650;
}
.dd-step9-export-name-meta {
font-size: 0.78rem;
color: var(--er-success);
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-step9-export-modal-status {
margin: 0;
min-height: 1.2em;
font-size: 0.82rem;
color: var(--er-text-secondary);
font-family: "Fira Code", monospace;
}
.dd-step9-export-modal-actions {
display: flex;
justify-content: flex-end;
gap: 0.55rem;
margin-top: 0.25rem;
}
.dd-step9-export-secondary {
border: 1px solid rgba(168, 162, 158, 0.4);
background: transparent;
color: var(--er-text-muted);
border-radius: 0.5rem;
padding: 0.45rem 1rem;
font-size: 0.88rem;
cursor: pointer;
}
.dd-step9-export-secondary:hover {
background: rgba(168, 162, 158, 0.12);
}
.dd-step9-progress {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
margin: 0.55rem 0 0.4rem;
}
.dd-step9-table-scroller {
margin-top: 0.85rem;
border-radius: 0.85rem;
border: 1px solid rgba(217, 70, 239, 0.22);
background: var(--er-input-bg);
/* Vertical scroll only — the table must always fit the panel width.
Long cells (Validity, Permits, Issuing Authority) wrap to multiple
lines instead of forcing a horizontal scrollbar. */
overflow-x: hidden;
overflow-y: auto;
max-height: 36rem;
}
.dd-step9-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
font-size: 0.88rem;
color: var(--er-text);
/* Without table-layout:fixed the intrinsic min-content width of long
cells (e.g. multi-word Validity notes) would push the table past the
scroller. Fixed layout distributes widths per the definitions
and lets cell content wrap inside each column. */
table-layout: fixed;
}
.dd-step9-table thead th {
position: sticky;
top: 0;
z-index: 1;
background: var(--er-panel);
color: var(--er-text-secondary);
text-align: left;
font-weight: 600;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.06em;
padding: 0.7rem 0.85rem;
border-bottom: 1px solid rgba(217, 70, 239, 0.32);
}
.dd-step9-table tbody td {
padding: 0.7rem 0.85rem;
vertical-align: top;
border-bottom: 1px solid rgba(217, 70, 239, 0.12);
}
.dd-step9-row:last-child td {
border-bottom: none;
}
.dd-step9-empty-row td {
text-align: center;
color: var(--er-text-muted);
font-style: italic;
padding: 1.4rem 1rem;
}
.dd-step9-chapter-row td {
background: linear-gradient(
90deg,
rgba(217, 70, 239, 0.22) 0%,
var(--er-accent-border) 100%
);
color: var(--er-text);
font-weight: 700;
font-size: 0.85rem;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 0.75rem 0.95rem;
border-bottom: 1px solid rgba(217, 70, 239, 0.4);
}
/* Prelungire CU: row nested under the certificate it extends (item 1.1). */
.dd-step9-row--extension .dd-step9-col-item,
.dd-step9-row--extension .dd-step9-col-permits {
padding-left: 1.6rem;
}
.dd-step9-row--extension .dd-step9-col-item {
border-left: 3px solid rgba(52, 211, 153, 0.5);
}
.dd-step9-permit-ext {
margin-top: 0.15rem;
font-size: 0.78rem;
font-style: italic;
color: var(--er-text-secondary);
}
/* Which certificate of the chain requires this document (combined reports). */
.dd-step9-permit-owner {
margin-top: 0.15rem;
font-size: 0.74rem;
font-weight: 600;
color: var(--er-accent);
}
.dd-step9-val-extended {
margin-top: 0.2rem;
font-size: 0.75rem;
font-weight: 600;
color: var(--er-success);
}
.dd-step9-summary-warn {
color: var(--er-warning);
font-weight: 600;
cursor: help;
}
/* Multi-CU fallback: heading row inside a shared table (used only if the
multi-wrap markup is missing). Preferred layout is .dd-step9-cu-report. */
.dd-step9-cu-heading-row td {
background: rgba(52, 211, 153, 0.16);
color: var(--er-success);
font-weight: 700;
font-size: 0.92rem;
padding: 0.85rem 0.95rem;
border-top: 2px solid rgba(52, 211, 153, 0.5);
border-bottom: 1px solid rgba(52, 211, 153, 0.35);
}
.dd-step9-cu-heading-row:first-child td {
border-top: none;
}
/* Multi-CU: one full report (table + references) per urbanism certificate. */
.dd-step9-multi-wrap {
display: grid;
gap: 1.5rem;
margin-top: 0.25rem;
}
.dd-step9-cu-report {
padding: 1rem 1.1rem 1.15rem;
border-radius: 1rem;
border: 1px solid rgba(52, 211, 153, 0.32);
background: rgba(6, 20, 15, 0.35);
}
.dd-step9-cu-report-heading {
margin: 0 0 0.85rem;
font-size: 1.02rem;
font-weight: 700;
color: var(--er-success);
letter-spacing: 0.01em;
}
.dd-step9-cu-report .dd-step9-table-scroller {
margin-top: 0;
}
.dd-step9-cu-report .dd-step9-references {
margin-top: 1rem;
}
.dd-step9-col-item {
width: 5%;
font-family: "Fira Code", monospace;
color: var(--er-text-secondary);
font-weight: 600;
white-space: nowrap;
}
.dd-step9-col-permits {
width: 20%;
}
.dd-step9-col-date {
font-family: "Fira Code", monospace;
font-size: 0.84rem;
white-space: nowrap;
width: 9%;
}
/* Validity may carry long notes (e.g. "Prezentul Aviz tehnic AMP are
valabilitate până la recepția la terminarea lucrărilor…"). Allow it
to wrap onto multiple lines so it never forces a horizontal scroll. */
.dd-step9-col-val {
font-family: "Fira Code", monospace;
font-size: 0.84rem;
width: 15%;
white-space: normal;
word-break: break-word;
overflow-wrap: anywhere;
line-height: 1.35;
}
.dd-step9-col-emitent {
width: 20%;
word-break: break-word;
overflow-wrap: anywhere;
}
.dd-step9-col-flag {
width: 7%;
white-space: nowrap;
}
.dd-step9-col-status {
width: 14%;
white-space: normal;
}
.dd-step9-missing-note {
text-align: center;
vertical-align: middle;
}
.dd-step9-col-duration {
width: 9%;
white-space: nowrap;
font-family: "Fira Code", monospace;
font-size: 0.8rem;
}
.dd-step9-duration--na {
color: #6b7280;
}
/* Semantic document status badge (Cap. 3.4.1): obținut / în curs / expirat /
lipsă. Distinct from the green/yellow/red alert flag. */
.dd-step9-status {
display: inline-block;
padding: 0.2rem 0.55rem;
border-radius: 0.4rem;
font-size: 0.72rem;
font-weight: 600;
line-height: 1.2;
border: 1px solid transparent;
white-space: normal;
}
.dd-step9-status--obtinut {
color: var(--er-success);
background: rgba(52, 211, 153, 0.12);
border-color: rgba(52, 211, 153, 0.35);
}
.dd-step9-status--in_curs {
color: #93c5fd;
background: rgba(96, 165, 250, 0.12);
border-color: rgba(96, 165, 250, 0.35);
}
.dd-step9-status--expirat {
color: var(--er-danger);
background: rgba(248, 113, 113, 0.12);
border-color: rgba(248, 113, 113, 0.4);
}
.dd-step9-status--lipsa {
color: var(--er-danger);
background: rgba(248, 113, 113, 0.16);
border-color: rgba(248, 113, 113, 0.5);
}
.dd-step9-flag {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.22rem;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 600;
line-height: 1;
border: 1px solid transparent;
}
/* Only the colored dot is shown; the label stays available for screen
readers and tooltips (reason shown on hover via `title`). */
.dd-step9-flag-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
.dd-step9-flag-dot {
width: 0.6rem;
height: 0.6rem;
border-radius: 999px;
flex: 0 0 auto;
}
.dd-step9-flag--green {
color: var(--er-success);
background: rgba(52, 211, 153, 0.12);
border-color: rgba(52, 211, 153, 0.35);
}
.dd-step9-flag--green .dd-step9-flag-dot {
background: #34d399;
box-shadow: 0 0 0 2px rgba(52, 211, 153, 0.25);
}
.dd-step9-flag--yellow {
color: #fcd34d;
background: rgba(251, 191, 36, 0.12);
border-color: rgba(251, 191, 36, 0.35);
}
.dd-step9-flag--yellow .dd-step9-flag-dot {
background: var(--er-warning);
box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.25);
}
.dd-step9-flag--red {
color: var(--er-danger);
background: rgba(248, 113, 113, 0.12);
border-color: rgba(248, 113, 113, 0.4);
}
.dd-step9-flag--red .dd-step9-flag-dot {
background: var(--er-danger);
box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.25);
}
.dd-step9-row--flag-red .dd-step9-col-val {
color: var(--er-danger);
font-weight: 600;
}
/* Cap. 3.4.1 "Lipsă" — phantom row for a CU-required document with no
assigned archive document. Dashed border + faded cells make clear it's not
a real document row. */
.dd-step9-row--lipsa {
background: rgba(248, 113, 113, 0.05);
}
.dd-step9-row--lipsa td {
border-top: 1px dashed rgba(248, 113, 113, 0.35);
border-bottom: 1px dashed rgba(248, 113, 113, 0.35);
}
.dd-step9-row--lipsa .dd-step9-permit-name {
color: var(--er-danger);
font-style: italic;
}
.dd-step9-alert-file--missing {
color: rgba(252, 165, 165, 0.75);
font-style: italic;
}
.dd-step9-alert-btn[disabled] {
cursor: not-allowed;
opacity: 0.85;
}
/* ── Data raportului + panou alerte ─────────────────────────────────────── */
.dd-step9-report-date {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 0.4rem;
font-size: 0.68rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: rgba(253, 230, 138, 0.85);
}
.dd-step9-report-date input[type="date"] {
background: rgba(41, 37, 36, 0.85);
border: 1px solid rgba(217, 119, 6, 0.35);
border-radius: 0.45rem;
color: var(--er-text);
font-family: "Fira Code", monospace;
font-size: 0.8rem;
padding: 0.38rem 0.5rem;
color-scheme: dark;
}
.dd-step9-report-date input[type="date"]:focus {
outline: none;
border-color: rgba(251, 191, 36, 0.7);
box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.18);
}
.dd-step9-alerts {
margin: 0.75rem 0 1rem;
padding: 0.9rem 1rem;
border: 1px solid rgba(248, 113, 113, 0.3);
border-left: 3px solid var(--er-danger);
border-radius: 0.65rem;
background: rgba(69, 26, 26, 0.22);
}
.dd-step9-alerts-title {
margin: 0 0 0.35rem;
font-size: 0.95rem;
font-weight: 700;
color: var(--er-danger);
display: flex;
align-items: center;
gap: 0.45rem;
}
.dd-step9-alerts-summary {
margin: 0 0 0.6rem;
font-size: 0.82rem;
color: rgba(254, 202, 202, 0.85);
}
.dd-step9-alerts-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.4rem;
}
/* Multi-CU: group alerts under each urbanism certificate. */
.dd-step9-alerts-cu-heading {
margin: 0.55rem 0 0.1rem;
padding: 0.4rem 0.55rem;
border-radius: 0.45rem;
border: 1px solid rgba(52, 211, 153, 0.35);
background: rgba(6, 20, 15, 0.45);
color: var(--er-success);
font-size: 0.82rem;
font-weight: 700;
}
.dd-step9-alerts-list > .dd-step9-alerts-cu-heading:first-child {
margin-top: 0;
}
.dd-step9-alert-btn {
width: 100%;
display: flex;
align-items: center;
gap: 0.7rem;
text-align: left;
background: rgba(41, 37, 36, 0.5);
border: 1px solid rgba(255, 255, 255, 0.07);
border-radius: 0.5rem;
padding: 0.5rem 0.65rem;
cursor: pointer;
color: inherit;
transition: border-color 0.15s, background 0.15s;
}
.dd-step9-alert-btn:hover {
border-color: rgba(251, 191, 36, 0.45);
background: rgba(41, 37, 36, 0.85);
}
.dd-step9-alert-flag {
flex: 0 0 auto;
}
.dd-step9-alert-main {
display: flex;
flex-direction: column;
min-width: 0;
flex: 1 1 auto;
}
.dd-step9-alert-tip {
font-weight: 600;
color: var(--er-text);
font-size: 0.84rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-step9-alert-nr {
color: var(--er-text-secondary);
font-family: "Fira Code", monospace;
font-size: 0.78rem;
font-weight: 400;
}
.dd-step9-alert-cu {
color: var(--er-accent);
font-size: 0.74rem;
font-weight: 600;
}
.dd-step9-alert-file {
font-family: "Fira Code", monospace;
font-size: 0.7rem;
color: var(--er-text-muted);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dd-step9-alert-reason {
flex: 0 0 auto;
font-size: 0.78rem;
color: rgba(254, 202, 202, 0.9);
max-width: 40%;
}
/* Flash highlight when jumping from an alert to the table row. */
.dd-step9-row--flash > td {
animation: dd-step9-flash 1.8s ease-out;
}
@keyframes dd-step9-flash {
0% { background-color: rgba(251, 191, 36, 0.28); }
100% { background-color: transparent; }
}
.dd-step9-report-intro {
margin: 0 0 0.85rem;
max-width: 68rem;
font-size: 0.95rem;
line-height: 1.45;
color: var(--er-text);
}
.dd-step9-permit-bp {
margin-top: 0.2rem;
font-weight: 700;
}
.dd-step9-permit-tip {
font-weight: 600;
color: var(--er-text);
line-height: 1.35;
word-break: break-word;
}
.dd-step9-permit-nr {
margin-top: 0.25rem;
font-family: "Fira Code", monospace;
font-size: 0.8rem;
color: var(--er-text-secondary);
word-break: break-word;
}
.dd-step9-permit-title {
margin-top: 0.2rem;
color: var(--er-text);
font-size: 0.78rem;
font-weight: 600;
line-height: 1.35;
word-break: break-word;
}
.dd-step9-permit-nr--missing {
color: var(--er-text-muted);
font-style: italic;
}
.dd-step9-permit-file {
margin-top: 0.25rem;
font-family: "Fira Code", monospace;
font-size: 0.7rem;
color: var(--er-text-muted);
word-break: break-all;
}
/* Alias paths in Step 9 Permits cell — subordinate to the canonical filename. */
.dd-step9-permit-file--alias {
margin-top: 0.1rem;
padding-left: 0.9rem;
color: var(--er-text-muted);
font-size: 0.65rem;
position: relative;
}
.dd-step9-permit-file--alias::before {
content: "↳";
position: absolute;
left: 0;
color: var(--er-text-muted);
}
/* Step 8 alias paths in the left-panel list. */
.dd-step8-row-alias {
display: block;
margin-top: 0.1rem;
padding-left: 0.85rem;
font-family: "Fira Code", monospace;
font-size: 0.7rem;
color: var(--er-text-muted);
word-break: break-all;
position: relative;
}
.dd-step8-row-alias::before {
content: "↳";
position: absolute;
left: 0;
color: var(--er-text-muted);
}
/* Pointer from a Permits cell to the numbered conditions printed under
the table. Full sentence, wraps like the rest of the cell. */
.dd-step9-permit-ref {
margin-top: 0.4rem;
font-style: italic;
color: var(--er-text);
}
.dd-step9-ref-marker {
font-weight: 700;
}
.dd-step9-row--with-ref .dd-step9-permit-tip {
/* Slightly emphasise rows that carry a reference so the eye lands on
them when scanning between the table and the references list. */
color: #fff;
}
/* References block printed below the table — one item per "Document cu
mentiuni", numbered in table order ([1], [2], …). The body holds the
text extracted at Step 11 (/ExtragereMentiuni). */
.dd-step9-references {
margin: 1.1rem 0 0.25rem;
padding: 1rem 1.2rem 1.1rem;
border-radius: 0.95rem;
border: 1px solid rgba(217, 70, 239, 0.28);
background: rgba(8, 3, 12, 0.6);
animation: dd-fade-in 0.25s ease;
}
.dd-step9-references-title {
margin: 0 0 0.95rem;
font-size: 1.35rem;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--er-text);
}
.dd-step9-references-intro {
margin: 0 0 1rem;
font-size: 0.95rem;
line-height: 1.55;
color: var(--er-text-secondary);
}
.dd-step9-references-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 1.1rem;
}
.dd-step9-reference {
border-radius: 0.7rem;
border: 1px solid rgba(217, 70, 239, 0.18);
background: var(--er-panel);
padding: 0.85rem 1rem 0.95rem;
}
.dd-step9-reference-heading {
margin: 0 0 0.65rem;
font-size: 0.95rem;
font-weight: 700;
line-height: 1.45;
color: var(--er-text);
}
.dd-step9-reference-head {
display: flex;
align-items: baseline;
gap: 0.55rem;
flex-wrap: wrap;
margin-bottom: 0.5rem;
}
.dd-step9-reference-marker {
font-family: "Fira Code", monospace;
font-weight: 700;
font-size: 0.95rem;
color: #f5d0fe;
background: rgba(217, 70, 239, 0.22);
border: 1px solid rgba(217, 70, 239, 0.55);
border-radius: 0.4rem;
padding: 0.05rem 0.45rem;
letter-spacing: 0.02em;
}
.dd-step9-reference-file {
font-size: 0.85rem;
color: rgba(254, 243, 199, 0.85);
word-break: break-word;
}
.dd-step9-reference-body {
margin: 0;
color: var(--er-text);
font-size: 0.88rem;
line-height: 1.55;
word-break: break-word;
max-height: 28rem;
overflow: auto;
}
.dd-step9-mention-p {
margin: 0 0 0.55rem;
}
.dd-step9-mention-p:last-child {
margin-bottom: 0;
}
.dd-step9-mention-list {
margin: 0.15rem 0 0.35rem;
padding: 0 0 0 1.15rem;
list-style: disc;
}
.dd-step9-mention-list > li {
margin: 0 0 0.4rem;
padding-left: 0.15rem;
}
.dd-step9-mention-list--nested {
list-style: circle;
margin: 0.35rem 0 0.15rem;
padding-left: 1.2rem;
}
.dd-step9-reference-body--empty,
.dd-step9-reference-body--pending {
color: var(--er-text-muted);
font-style: italic;
font-family: "Fira Sans", sans-serif;
white-space: normal;
}
.dd-step9-reference-body--error {
color: var(--er-danger);
font-family: "Fira Sans", sans-serif;
white-space: normal;
}
/* ── Step 1 — Istoric arhive + modal Step 9 snapshot ─────────────────── */
/* Istoric: vizibil pe Pasul 1 chiar dacă un proiect e deja încărcat, ca să
se vadă pe linia dosarului când API-ul rulează pe alt proiect. */
.dd-stepper-root:not([data-current-step="1"]) .dd-step1-history {
display: none !important;
}
.dd-step1-history {
margin-top: 0;
padding: 0;
border: none;
background: transparent;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.dd-step1-zone:has(#dd-step1-summary:not(.dd-is-hidden)) .dd-step1-history {
margin-top: 1rem;
}
.dd-step1-history-head {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: space-between;
gap: 0.4rem 0.8rem;
margin-bottom: 0;
}
.dd-step1-history-title {
margin: 0;
font-size: 0.95rem;
color: var(--er-text);
font-family: "Fira Code", monospace;
}
.dd-step1-history-hint {
margin: 0;
font-size: 0.76rem;
color: var(--er-text-muted);
}
.dd-step1-history-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.75rem;
max-height: none;
overflow: visible;
}
.dd-step1-history-item {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0.2rem 0.75rem;
align-items: center;
padding: 0.45rem 0.6rem;
border-radius: 0.55rem;
border: 1px solid var(--er-accent-border);
background: var(--er-panel);
cursor: pointer;
}
.dd-step1-history-item:hover {
border-color: var(--er-accent-border-strong);
background: var(--er-accent-soft);
}
.dd-step1-history-text {
display: flex;
flex-direction: column;
gap: 0.15rem;
min-width: 0;
}
.dd-step1-history-name {
color: var(--er-text-secondary);
font-size: 0.82rem;
font-weight: 600;
word-break: break-word;
}
.dd-step1-history-meta {
color: var(--er-text-muted);
font-size: 0.72rem;
font-family: "Fira Code", monospace;
white-space: nowrap;
}
.dd-step1-history-preview {
background: transparent;
border: 1px solid var(--er-accent-border-strong);
border-radius: 0.4rem;
color: var(--er-text-secondary);
padding: 0.25rem 0.4rem;
font-size: 0.85rem;
cursor: pointer;
line-height: 1;
}
.dd-step1-history-preview:hover {
background: var(--er-accent-border);
border-color: var(--er-accent-border-strong);
}
.dd-step1-history-empty {
color: var(--er-text-muted);
font-size: 0.82rem;
font-style: italic;
}
/* Project selection */
#dd-project-select {
width: 100%;
appearance: none;
background-color: var(--er-input-bg);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.65rem center;
padding-right: 2rem;
cursor: pointer;
border: 1px solid var(--er-input-border);
color: var(--er-text);
}
#dd-project-select option {
background: var(--er-surface-solid);
color: var(--er-text);
}
/* Project grouping in history — each project is its own box */
.dd-step1-history-project {
border-radius: 0.85rem;
border: 1px solid var(--er-nav-border);
background: var(--er-history-head-bg);
overflow: hidden;
padding: 0.15rem 0 0;
}
.dd-step1-history-project:has(.dd-step1-history-status-wrap.is-open) {
overflow: visible;
position: relative;
z-index: 6;
}
.dd-step1-history-project-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
padding: 0.5rem 0.65rem;
cursor: pointer;
user-select: none;
}
.dd-step1-history-project-head::before {
content: "▾";
color: var(--er-text-secondary);
font-size: 0.75rem;
margin-right: 0.3rem;
}
.dd-step1-history-project--collapsed .dd-step1-history-project-head::before {
content: "▸";
}
.dd-step1-history-project-name {
color: var(--er-text-secondary);
font-size: 0.85rem;
font-weight: 600;
word-break: break-word;
flex: 1 1 auto;
min-width: 0;
}
.dd-step1-history-project-count {
color: var(--er-text-muted);
font-size: 0.72rem;
font-family: "Fira Code", monospace;
white-space: nowrap;
}
.dd-step1-history-project--collapsed .dd-step1-history-version-list {
display: none;
}
.dd-step1-history-version-list {
list-style: none;
margin: 0;
padding: 0 0.45rem 0.45rem 0.45rem;
display: grid;
gap: 0.35rem;
}
.dd-step1-history-version {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 0.2rem 0.75rem;
align-items: center;
padding: 0.4rem 0.55rem;
border-radius: 0.5rem;
border: 1px solid var(--er-nav-border);
background: var(--er-history-row-bg);
cursor: pointer;
}
.dd-step1-history-version:hover {
border-color: var(--er-accent-border-strong);
background: var(--er-accent-soft);
}
.dd-step1-history-version-name {
color: var(--er-text-secondary);
font-size: 0.8rem;
font-weight: 600;
word-break: break-word;
}
.dd-step1-history-version .dd-step1-history-meta {
font-size: 0.7rem;
}
.dd-step1-history-version .dd-step1-history-preview {
padding: 0.2rem 0.35rem;
font-size: 0.8rem;
}
/* Lock badge + Admin unlock in history */
.dd-step1-history-lock-badge {
display: inline-flex;
align-items: center;
gap: 0.25rem;
padding: 0.12rem 0.5rem;
border-radius: 999px;
border: 1px solid rgba(239, 68, 68, 0.55);
background: rgba(239, 68, 68, 0.14);
color: var(--er-danger);
font-size: 0.7rem;
font-family: "Fira Code", monospace;
white-space: nowrap;
}
.dd-step1-history-lock-badge--mine {
border-color: var(--er-accent-border-strong);
background: var(--er-accent-soft);
color: var(--er-text-secondary);
}
.dd-step1-history-lock-banner {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.35rem 0.5rem;
margin: 0 0.45rem 0.45rem;
padding: 0.4rem 0.65rem;
border-radius: 0.55rem;
border: 1px solid rgba(239, 68, 68, 0.45);
background: rgba(239, 68, 68, 0.1);
color: var(--er-text-secondary);
font-size: 0.78rem;
line-height: 1.35;
}
.dd-step1-history-lock-banner strong {
color: var(--er-text);
}
.dd-step1-history-lock-banner-icon {
line-height: 1;
}
.dd-step1-history-lock-banner--mine {
border-color: var(--er-accent-border-strong);
background: var(--er-accent-soft);
}
.dd-step1-history-api-badge,
.dd-ai-api-chip {
display: inline-flex;
align-items: center;
gap: 0.35rem;
flex: 0 0 auto;
padding: 0.12rem 0.5rem;
border-radius: 999px;
border: 1px solid var(--er-viewing-border);
background: var(--er-viewing-soft);
color: var(--er-viewing);
font-size: 0.7rem;
font-family: "Fira Code", monospace;
font-weight: 600;
white-space: nowrap;
pointer-events: none;
}
.dd-ai-api-chip {
padding: 0.35rem 0.7rem;
font-size: 0.78rem;
}
.dd-ai-api-chip[hidden] {
display: none !important;
}
.dd-ai-api-chip-project {
color: var(--er-text-secondary);
font-weight: 500;
max-width: 14rem;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 720px) {
.dd-ai-api-chip-project {
display: none;
}
}
.dd-step1-history-api-badge-dot,
.dd-ai-api-chip-dot {
width: 0.42rem;
height: 0.42rem;
border-radius: 50%;
background: var(--er-viewing);
box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.45);
animation: dd-ai-api-pulse 1.4s ease-in-out infinite;
flex-shrink: 0;
}
.dd-step1-history-project--api-busy {
box-shadow: inset 3px 0 0 var(--er-viewing);
}
@media (prefers-reduced-motion: reduce) {
.dd-step1-history-api-badge-dot,
.dd-ai-api-chip-dot {
animation: none;
}
}
@keyframes dd-ai-api-pulse {
0% { box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.45); }
70% { box-shadow: 0 0 0 0.35rem rgba(56, 189, 248, 0); }
100% { box-shadow: 0 0 0 0 rgba(56, 189, 248, 0); }
}
.dd-step1-history-unlock-btn {
background: transparent;
border: 1px solid rgba(239, 68, 68, 0.5);
border-radius: 0.45rem;
color: var(--er-danger);
padding: 0.18rem 0.5rem;
font-size: 0.7rem;
cursor: pointer;
white-space: nowrap;
transition: background 0.15s ease, border-color 0.15s ease;
}
.dd-step1-history-unlock-btn:hover {
background: rgba(239, 68, 68, 0.18);
border-color: rgba(239, 68, 68, 0.75);
color: #fff;
}
/* ── Project lifecycle status ─────────────────────────────────────── */
.dd-step1-history-status-wrap {
position: relative;
flex: 0 0 auto;
display: inline-flex;
}
.dd-step1-history-status {
display: inline-flex;
align-items: center;
gap: 0.25rem;
padding: 0.12rem 0.5rem;
border-radius: 999px;
border: 1px solid rgba(148, 163, 184, 0.4);
background: rgba(148, 163, 184, 0.12);
color: #cbd5e1;
font-size: 0.7rem;
font-family: "Fira Code", monospace;
white-space: nowrap;
}
button.dd-step1-history-status {
appearance: none;
-webkit-appearance: none;
font: inherit;
line-height: inherit;
}
.dd-step1-history-status--interactive {
cursor: pointer;
transition: filter 0.15s ease, box-shadow 0.15s ease;
}
.dd-step1-history-status--interactive::after {
content: "";
width: 0.38rem;
height: 0.38rem;
margin-left: 0.1rem;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: translateY(-1px) rotate(45deg);
}
.dd-step1-history-status-wrap.is-open .dd-step1-history-status--interactive::after {
transform: translateY(1px) rotate(-135deg);
}
.dd-step1-history-status--interactive:hover,
.dd-step1-history-status-wrap.is-open .dd-step1-history-status--interactive {
filter: brightness(1.12);
box-shadow: 0 0 0 1px currentColor;
}
.dd-step1-history-status-menu {
position: absolute;
top: calc(100% + 0.35rem);
left: 0;
z-index: 30;
min-width: 9.5rem;
display: none;
flex-direction: column;
gap: 0.15rem;
padding: 0.35rem;
border-radius: 0.7rem;
border: 1px solid var(--er-nav-border);
background: var(--er-surface-solid, #0f172a);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4);
}
.dd-step1-history-status-wrap.is-open .dd-step1-history-status-menu {
display: flex;
}
.dd-step1-history-status-option {
display: flex;
align-items: center;
width: 100%;
text-align: left;
cursor: pointer;
font-family: "Fira Code", monospace;
font-size: 0.7rem;
padding: 0.35rem 0.55rem;
border-radius: 0.45rem;
border: 1px solid transparent;
background: transparent;
color: var(--er-text-secondary);
transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.dd-step1-history-status-option:hover {
background: var(--er-accent-soft);
border-color: var(--er-accent-border);
color: var(--er-text);
}
.dd-step1-history-status--neinceput {
border-color: rgba(148, 163, 184, 0.45);
background: rgba(148, 163, 184, 0.14);
color: #e2e8f0;
}
.dd-step1-history-status--inlucru {
border-color: rgba(56, 189, 248, 0.55);
background: rgba(56, 189, 248, 0.14);
color: #7dd3fc;
}
.dd-step1-history-status--finalizat {
border-color: rgba(52, 211, 153, 0.55);
background: rgba(52, 211, 153, 0.14);
color: var(--er-success);
}
.dd-step1-history-status--aprobat {
border-color: rgba(167, 139, 250, 0.55);
background: rgba(167, 139, 250, 0.16);
color: #c4b5fd;
}
.dd-step1-history-status--arhivat {
border-color: rgba(148, 163, 184, 0.3);
background: rgba(148, 163, 184, 0.08);
color: var(--er-text-muted);
}
.dd-step1-history-status-btn {
background: transparent;
border: 1px solid rgba(56, 189, 248, 0.45);
border-radius: 0.45rem;
color: #7dd3fc;
padding: 0.18rem 0.55rem;
font-size: 0.7rem;
cursor: pointer;
white-space: nowrap;
transition: background 0.15s ease, border-color 0.15s ease;
}
.dd-step1-history-status-btn:hover {
background: rgba(56, 189, 248, 0.16);
border-color: rgba(56, 189, 248, 0.7);
color: #fff;
}
/* ── Project lock — view-only mode ─────────────────────────────────── */
.dd-view-only-banner {
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0.6rem 0 0.8rem;
padding: 0.55rem 0.85rem;
border-radius: 0.7rem;
border: 1px solid var(--er-accent-border-strong);
background: var(--er-accent-soft);
color: var(--er-text-secondary);
font-size: 0.85rem;
}
.dd-view-only-banner strong {
color: var(--er-text);
}
.dd-view-only-banner-icon {
line-height: 1;
}
.dd-view-only-banner-meta {
color: var(--er-text-secondary);
}
:is(body.dd-view-only, body.is-doc-visitor) #classify-all-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-classify-archive-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-classify-archive-force,
:is(body.dd-view-only, body.is-doc-visitor) #dd-classify-validate-btn,
:is(body.dd-view-only, body.is-doc-visitor) .dd-coverage-act,
:is(body.dd-view-only, body.is-doc-visitor) .dd-step6-assign-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-extract-avize-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-extract-avize-cache-btn,
:is(body.dd-view-only, body.is-doc-visitor) #cu-add-cert-btn,
:is(body.dd-view-only, body.is-doc-visitor) #cu-urbanism-rerun-btn,
:is(body.dd-view-only, body.is-doc-visitor) #cu-urbanism-force,
:is(body.dd-view-only, body.is-doc-visitor) #cu-session-validate-btn,
:is(body.dd-view-only, body.is-doc-visitor) #cu-identity-validate-btn,
:is(body.dd-view-only, body.is-doc-visitor) #cu-identity-rerun-btn,
:is(body.dd-view-only, body.is-doc-visitor) #cu-identity-force,
:is(body.dd-view-only, body.is-doc-visitor) #cu-extensions-rerun-btn,
:is(body.dd-view-only, body.is-doc-visitor) #cu-extensions-validate-btn,
:is(body.dd-view-only, body.is-doc-visitor) #cu-extensions-force,
:is(body.dd-view-only, body.is-doc-visitor) #cu-ext-add-btn,
:is(body.dd-view-only, body.is-doc-visitor) .cu-ext-delete-btn,
:is(body.dd-view-only, body.is-doc-visitor) .cu-ext-validate-label,
:is(body.dd-view-only, body.is-doc-visitor) .cu-ext-kind-select,
:is(body.dd-view-only, body.is-doc-visitor) #cu-refresh-ai-btn,
:is(body.dd-view-only, body.is-doc-visitor) #cu-validate-all-btn,
:is(body.dd-view-only, body.is-doc-visitor) #cu-assoc-validate-btn,
:is(body.dd-view-only, body.is-doc-visitor) #cu-assoc-rerun-btn,
:is(body.dd-view-only, body.is-doc-visitor) #cu-assoc-force,
:is(body.dd-view-only, body.is-doc-visitor) .cu-assoc-change-btn,
:is(body.dd-view-only, body.is-doc-visitor) .cu-assoc-move-select,
:is(body.dd-view-only, body.is-doc-visitor) .cu-assoc-neimportant-btn,
:is(body.dd-view-only, body.is-doc-visitor) .cu-assoc-restore-btn,
:is(body.dd-view-only, body.is-doc-visitor) .cu-assoc-accept-btn,
:is(body.dd-view-only, body.is-doc-visitor) .cu-assoc-title-hit-chip,
:is(body.dd-view-only, body.is-doc-visitor) .cu-assoc-multiselect,
:is(body.dd-view-only, body.is-doc-visitor) .dd-classify-result-alloc-select,
:is(body.dd-view-only, body.is-doc-visitor) .dd-classify-result-alloc-multi,
:is(body.dd-view-only, body.is-doc-visitor) #dd-extract-metadata-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-extract-metadata-force,
:is(body.dd-view-only, body.is-doc-visitor) #dd-validate-metadata-all-btn,
:is(body.dd-view-only, body.is-doc-visitor) .dd-meta-validate-checkbox,
:is(body.dd-view-only, body.is-doc-visitor) #dd-classify-mentiuni-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-classify-mentiuni-force,
:is(body.dd-view-only, body.is-doc-visitor) #dd-classify-mentiuni-test-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-classify-mentiuni-test-stop-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-page-range-toggle,
:is(body.dd-view-only, body.is-doc-visitor) #dd-page-range-apply,
:is(body.dd-view-only, body.is-doc-visitor) #dd-page-range-reset,
:is(body.dd-view-only, body.is-doc-visitor) #dd-pdf-rotate-left,
:is(body.dd-view-only, body.is-doc-visitor) #dd-pdf-rotate-right,
:is(body.dd-view-only, body.is-doc-visitor) #dd-extract-mentiuni-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-extract-mentiuni-force,
:is(body.dd-view-only, body.is-doc-visitor) #dd-step6-approve-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-step7-approve-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-step8-approve-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-extract-mentiuni-edit-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-extract-mentiuni-save-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-extract-mentiuni-discard-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-step6-rematch-btn,
:is(body.dd-view-only, body.is-doc-visitor) #dd-step6-rematch-remaining-btn,
:is(body.dd-view-only, body.is-doc-visitor) .btn-select-region,
:is(body.dd-view-only, body.is-doc-visitor) .btn-extract-all-text,
:is(body.dd-view-only, body.is-doc-visitor) .cu-add-row,
:is(body.dd-view-only, body.is-doc-visitor) .cu-row-delete,
:is(body.dd-view-only, body.is-doc-visitor) .cu-validate-label,
:is(body.dd-view-only, body.is-doc-visitor) .dd-meta-editable {
pointer-events: none !important;
opacity: 0.45;
}
:is(body.dd-view-only, body.is-doc-visitor) .cu-editable {
pointer-events: none;
opacity: 0.75;
background: rgba(255, 255, 255, 0.03);
}
.dd-history-modal {
position: fixed;
inset: 0;
z-index: 90;
display: grid;
place-items: center;
padding: 1.25rem;
}
.dd-history-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(2, 6, 23, 0.7);
backdrop-filter: blur(2px);
}
.dd-history-modal-card {
position: relative;
width: min(94vw, 76rem);
max-height: calc(100vh - 2.5rem);
overflow: auto;
border-radius: 1rem;
border: 1px solid rgba(217, 70, 239, 0.34);
background: rgba(13, 4, 20, 0.97);
box-shadow: 0 22px 56px rgba(0, 0, 0, 0.55);
padding: 1rem 1rem 1.1rem;
}
.dd-history-modal-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.dd-history-modal-title {
margin: 0;
font-size: 1rem;
color: var(--er-text);
}
.dd-history-modal-close {
border: 1px solid rgba(217, 70, 239, 0.4);
border-radius: 0.5rem;
background: rgba(217, 70, 239, 0.1);
color: #f5d0fe;
width: 2rem;
height: 2rem;
font-size: 1.2rem;
line-height: 1;
cursor: pointer;
}
.dd-history-modal-close:hover {
background: rgba(217, 70, 239, 0.22);
}
.dd-history-modal-meta {
margin: 0.5rem 0 0.7rem;
color: var(--er-text-muted);
font-size: 0.8rem;
font-family: "Fira Code", monospace;
}
/* ── Pasul 7 — acoperire avize + asignare ─────────────────────────────── */
.dd-coverage-panel {
margin-top: 1.15rem;
padding-top: 1rem;
border-top: 1px dashed var(--er-accent-border);
}
.dd-coverage-head {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 0.75rem 1rem;
margin-bottom: 0.55rem;
}
.dd-coverage-title {
margin: 0 0 0.25rem;
font-size: 0.95rem;
color: var(--er-text);
font-family: "Fira Code", monospace;
}
.dd-coverage-summary {
margin: 0;
max-width: 46rem;
font-size: 0.78rem;
color: var(--er-text-muted);
line-height: 1.4;
}
.dd-coverage-head-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.55rem;
}
.dd-coverage-score {
display: inline-flex;
align-items: baseline;
min-width: 3.2rem;
padding: 0.28rem 0.65rem;
border-radius: 999px;
border: 1px solid var(--er-accent-border);
background: var(--er-input-bg);
font-family: "Fira Code", monospace;
font-size: 0.95rem;
font-weight: 700;
color: var(--er-accent-hover);
}
.dd-coverage-score[data-alerts="0"] {
border-color: var(--er-success-border, #16a34a);
color: var(--er-success, #16a34a);
}
.dd-coverage-table {
margin-top: 0;
}
.dd-step6-panel .dd-coverage-table th,
.dd-step6-panel .dd-coverage-table td {
overflow: hidden;
vertical-align: top;
min-width: 0;
}
.dd-step6-panel .dd-coverage-table thead th {
white-space: normal;
overflow-wrap: anywhere;
}
.dd-step6-panel .dd-coverage-col-aviz,
.dd-step6-panel .dd-coverage-table th:nth-child(1),
.dd-step6-panel .dd-coverage-table td:nth-child(1),
.dd-step6-panel .dd-coverage-table col.dd-coverage-col-aviz {
width: 22%;
overflow-wrap: anywhere;
}
.dd-step6-panel .dd-coverage-col-class,
.dd-step6-panel .dd-coverage-table th:nth-child(2),
.dd-step6-panel .dd-coverage-table td:nth-child(2),
.dd-step6-panel .dd-coverage-table col.dd-coverage-col-class {
width: 16%;
overflow-wrap: anywhere;
}
.dd-step6-panel .dd-coverage-col-doc,
.dd-step6-panel .dd-coverage-table th:nth-child(3),
.dd-step6-panel .dd-coverage-table td:nth-child(3),
.dd-step6-panel .dd-coverage-table col.dd-coverage-col-doc {
width: 34%;
max-width: 0;
}
.dd-step6-panel .dd-coverage-col-decision,
.dd-step6-panel .dd-coverage-table th:nth-child(4),
.dd-step6-panel .dd-coverage-table td:nth-child(4),
.dd-step6-panel .dd-coverage-table col.dd-coverage-col-decision {
width: 12%;
}
.dd-step6-panel .dd-coverage-col-actions,
.dd-step6-panel .dd-coverage-table th:nth-child(5),
.dd-step6-panel .dd-coverage-table td:nth-child(5),
.dd-step6-panel .dd-coverage-table col.dd-coverage-col-actions {
width: 16%;
}
.dd-coverage-row.is-active {
background: var(--er-accent-soft);
}
.dd-coverage-row--ok {
box-shadow: inset 3px 0 0 var(--er-success, #16a34a);
}
.dd-coverage-row--alert {
box-shadow: inset 3px 0 0 #dc2626;
background: rgba(220, 38, 38, 0.06);
}
.dd-coverage-badge {
display: inline-block;
padding: 0.12rem 0.5rem;
border-radius: 999px;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.04em;
}
.dd-coverage-badge--ok {
color: #052e16;
background: #86efac;
}
.dd-coverage-badge--alert {
color: #450a0a;
background: #fca5a5;
}
.dd-coverage-col-doc {
overflow: hidden;
min-width: 0;
}
.dd-coverage-doc-head,
.dd-coverage-suggest-row,
.dd-coverage-suggests {
width: 100%;
min-width: 0;
max-width: 100%;
}
.dd-coverage-doc-head,
.dd-coverage-suggest-row {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0.25rem;
}
.dd-coverage-doc-head .dd-step6-score-group,
.dd-coverage-suggest-row .dd-step6-score-group {
display: flex;
flex: 0 1 auto;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
max-width: 100%;
min-width: 0;
}
.dd-coverage-col-doc .dd-step6-score-badge {
flex: 0 1 auto;
max-width: 100%;
white-space: normal;
overflow-wrap: anywhere;
}
.dd-coverage-doc-btn {
display: block;
width: auto;
min-width: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 0;
padding: 0;
background: none;
color: var(--er-accent-hover);
font: inherit;
font-weight: 600;
text-align: left;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 2px;
}
.dd-coverage-docs {
display: flex;
flex-direction: column;
gap: 0.4rem;
width: 100%;
min-width: 0;
}
.dd-coverage-doc-count {
display: block;
font-size: 0.68rem;
color: var(--er-text-muted);
}
.dd-coverage-doc-row {
display: flex;
align-items: flex-start;
gap: 0.4rem;
width: 100%;
min-width: 0;
}
.dd-coverage-doc-row .dd-coverage-doc-btn {
flex: 1 1 0;
width: auto;
}
.dd-coverage-doc-row .dd-coverage-act--add,
.dd-coverage-doc-row .dd-coverage-unassign {
position: relative;
z-index: 1;
}
.dd-coverage-unassign {
flex: 0 0 auto;
margin: 0;
padding: 0.05rem 0.35rem;
border: 0;
background: transparent;
color: var(--er-text-muted);
font: inherit;
font-size: 0.68rem;
font-weight: 600;
cursor: pointer;
}
.dd-coverage-unassign:hover {
color: #b91c1c;
}
.dd-coverage-class,
.dd-coverage-missing {
display: block;
margin-top: 0.15rem;
max-width: 100%;
overflow-wrap: anywhere;
font-size: 0.72rem;
color: var(--er-text-muted);
}
.dd-coverage-col-decision .dd-coverage-badge {
max-width: 100%;
white-space: normal;
overflow-wrap: anywhere;
}
.dd-coverage-missing {
color: #fca5a5;
white-space: normal;
overflow: visible;
overflow-wrap: anywhere;
word-break: break-word;
}
.dd-coverage-empty td {
padding: 0.7rem 0.6rem;
color: var(--er-text-muted);
font-size: 0.8rem;
}
.dd-coverage-col-aviz .cu-law-badge {
margin-left: 0.4rem;
}
.dd-coverage-row--unmapped {
box-shadow: inset 3px 0 0 #d97706;
background: rgba(217, 119, 6, 0.08);
}
.dd-coverage-row--unclear {
box-shadow: inset 3px 0 0 #ca8a04;
background: rgba(234, 179, 8, 0.10);
}
.dd-coverage-row--ack {
box-shadow: inset 3px 0 0 #a8a29e;
background: rgba(168, 162, 158, 0.08);
}
.dd-coverage-badge--unmapped {
color: #451a03;
background: #fcd34d;
}
.dd-coverage-badge--unclear {
color: #422006;
background: #facc15;
}
.dd-coverage-badge--ack {
color: #1c1917;
background: #d6d3d1;
}
.dd-coverage-unmapped-hint {
color: #fbbf24;
font-size: 0.75rem;
}
.dd-coverage-col-actions {
white-space: normal;
}
.dd-coverage-act {
display: inline-block;
margin: 0.1rem 0.15rem 0.1rem 0;
border: 1px solid var(--er-accent-border);
border-radius: 0.4rem;
background: var(--er-input-bg);
color: var(--er-text-secondary);
font-size: 0.68rem;
font-weight: 600;
padding: 0.18rem 0.42rem;
cursor: pointer;
}
.dd-coverage-act:hover {
border-color: var(--er-accent-border-strong);
color: var(--er-text);
}
.dd-coverage-act--add {
flex: 0 0 auto;
margin: 0;
align-self: flex-start;
background: var(--er-accent-soft);
border-color: var(--er-accent-border-strong);
color: var(--er-text);
}
.dd-coverage-act--add:hover {
border-color: var(--er-accent);
color: var(--er-text);
}
.dd-coverage-act--missing {
border-color: var(--er-danger-border, rgba(248, 113, 113, 0.45));
color: var(--er-danger, #f87171);
}
.dd-coverage-act--missing:hover {
border-color: var(--er-danger, #f87171);
background: var(--er-danger-bg, rgba(127, 29, 29, 0.35));
color: #fecaca;
}
.dd-coverage-suggests {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0.3rem;
margin-top: 0.35rem;
}
.dd-coverage-suggest {
display: block;
width: 100%;
min-width: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid var(--er-accent-border);
border-radius: 0.4rem;
background: var(--er-input-bg);
color: var(--er-text-secondary);
font-size: 0.68rem;
font-weight: 600;
padding: 0.12rem 0.38rem;
cursor: pointer;
}
.dd-coverage-suggest:hover {
border-color: var(--er-accent-border-strong);
color: var(--er-text);
}
.dd-coverage-picker {
box-sizing: border-box;
overflow: hidden;
}
.dd-coverage-picker .dd-class-picker__current {
white-space: normal;
}
.dd-coverage-picker .dd-class-picker__list,
.dd-coverage-picker .dd-class-picker__list--all {
flex: 1 1 auto;
min-height: 8rem;
max-height: min(36vh, 24rem);
overflow-x: hidden;
overflow-y: auto;
}
.dd-coverage-picker .dd-class-picker__option {
flex-direction: column;
flex-wrap: wrap;
align-items: stretch;
max-width: 100%;
box-sizing: border-box;
touch-action: manipulation;
}
.dd-coverage-picker .dd-class-picker__option-label,
.dd-coverage-picker .dd-class-picker__option-score {
white-space: normal;
overflow: visible;
text-overflow: unset;
overflow-wrap: anywhere;
word-break: break-word;
flex: 1 1 auto;
min-width: 0;
max-width: 100%;
}
body.dd-coverage-assign-open {
overflow: hidden;
}
.dd-coverage-assign-modal {
position: fixed;
inset: 0;
z-index: 12100;
display: grid;
place-items: center;
padding: 1rem;
}
.dd-coverage-assign-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(2, 6, 23, 0.72);
backdrop-filter: blur(3px);
}
.dd-coverage-assign-modal__card {
position: relative;
display: flex;
flex-direction: column;
width: min(96vw, 92rem);
height: min(92vh, 58rem);
max-height: calc(100vh - 1.5rem);
border-radius: 1rem;
border: 1px solid var(--er-accent-border);
background: var(--er-surface, #141210);
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
color: var(--er-text);
overflow: hidden;
}
.dd-coverage-assign-modal__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0.75rem;
padding: 0.85rem 1rem 0.7rem;
border-bottom: 1px solid var(--er-accent-border);
flex: 0 0 auto;
}
.dd-coverage-assign-modal__title {
margin: 0;
font-size: 1.05rem;
color: var(--er-text);
}
.dd-coverage-assign-modal__lead {
margin: 0.2rem 0 0;
font-size: 0.8rem;
color: var(--er-text-muted);
}
.dd-coverage-assign-modal__close {
border: 1px solid var(--er-accent-border);
border-radius: 0.5rem;
background: var(--er-input-bg, rgba(255, 255, 255, 0.04));
color: var(--er-text);
width: 2rem;
height: 2rem;
font-size: 1.25rem;
line-height: 1;
cursor: pointer;
}
.dd-coverage-assign-modal__close:hover {
border-color: var(--er-accent-border-strong);
}
.dd-coverage-assign-modal__grid {
display: grid;
grid-template-columns: minmax(22rem, 34%) minmax(0, 1fr);
gap: 0;
min-height: 0;
flex: 1 1 auto;
}
.dd-coverage-assign-modal__left {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 0;
border-right: 1px solid var(--er-accent-border);
padding: 0.75rem 0.85rem 0.9rem;
gap: 0.65rem;
}
.dd-coverage-assign-modal__aviz {
flex: 0 0 auto;
padding: 0.7rem 0.8rem;
border-radius: 0.7rem;
border: 1px solid var(--er-accent-border);
background: var(--er-accent-soft, rgba(255, 255, 255, 0.03));
}
.dd-coverage-assign-modal__kicker {
display: block;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--er-text-muted);
margin-bottom: 0.2rem;
}
.dd-coverage-assign-modal__aviz-tip {
display: block;
font-size: 0.95rem;
line-height: 1.35;
color: var(--er-text);
}
.dd-coverage-assign-modal__aviz-class,
.dd-coverage-assign-modal__aviz-meta {
margin: 0.28rem 0 0;
font-size: 0.88rem;
color: var(--er-text-secondary, var(--er-text-muted));
line-height: 1.5;
}
.dd-coverage-assign-modal__filters {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.45rem;
flex: 0 0 auto;
}
.dd-coverage-assign-modal__search-wrap {
grid-column: 1 / -1;
}
.dd-coverage-assign-modal__search,
.dd-coverage-assign-modal__select {
width: 100%;
box-sizing: border-box;
border-radius: 0.45rem;
border: 1px solid var(--er-accent-border);
background: var(--er-input-bg, rgba(255, 255, 255, 0.04));
color: var(--er-text);
padding: 0.4rem 0.55rem;
font: inherit;
font-size: 0.82rem;
}
.dd-coverage-assign-modal__search:focus,
.dd-coverage-assign-modal__select:focus {
outline: 2px solid var(--er-accent-border-strong);
outline-offset: 1px;
}
.dd-coverage-assign-modal__count {
margin: 0;
font-size: 0.72rem;
color: var(--er-text-muted);
}
.dd-coverage-assign-modal__list {
flex: 1 1 auto;
min-height: 0;
overflow: auto;
display: flex;
flex-direction: column;
gap: 0.35rem;
padding-right: 0.15rem;
}
.dd-coverage-assign-doc {
border: 1px solid var(--er-accent-border);
border-radius: 0.55rem;
background: var(--er-input-bg, rgba(255, 255, 255, 0.03));
padding: 0.45rem 0.55rem;
cursor: pointer;
}
.dd-coverage-assign-doc:hover,
.dd-coverage-assign-doc:focus-visible {
border-color: var(--er-accent-border-strong);
outline: none;
}
.dd-coverage-assign-doc.is-assigned {
box-shadow: inset 3px 0 0 #22c55e;
background: rgba(20, 83, 45, 0.28);
}
.dd-coverage-assign-doc.is-taken {
box-shadow: inset 3px 0 0 #a8a29e;
opacity: 0.78;
}
.dd-coverage-assign-doc.is-assigned.is-active,
.dd-coverage-assign-doc.is-taken.is-active {
border-color: var(--er-accent);
}
.dd-coverage-assign-doc.is-active {
border-color: var(--er-accent);
box-shadow: inset 3px 0 0 var(--er-accent);
background: var(--er-accent-soft);
}
.dd-coverage-assign-doc.is-assigned.is-active {
box-shadow: inset 3px 0 0 #22c55e;
}
.dd-coverage-assign-doc.is-taken.is-active {
box-shadow: inset 3px 0 0 #a8a29e;
}
.dd-coverage-assign-doc.is-best:not(.is-assigned):not(.is-taken):not(.is-active) {
border-color: rgba(45, 212, 191, 0.35);
}
.dd-coverage-assign-doc__row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0.5rem;
}
.dd-coverage-assign-doc__copy {
min-width: 0;
flex: 1 1 auto;
}
.dd-coverage-assign-doc__name {
display: block;
font-size: 0.92rem;
font-weight: 600;
line-height: 1.4;
word-break: break-word;
color: var(--er-text);
}
.dd-coverage-assign-doc__meta {
display: block;
margin-top: 0.35rem;
font-size: 0.88rem;
color: var(--er-text-secondary, var(--er-text-muted));
line-height: 1.5;
word-break: break-word;
}
.dd-coverage-assign-modal__preview {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 0;
padding: 0.75rem 0.9rem 0.9rem;
}
.dd-coverage-assign-modal__preview-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0.75rem;
flex: 0 0 auto;
margin-bottom: 0.55rem;
}
.dd-coverage-assign-modal__preview-head .dd-coverage-act--add {
font-size: 0.78rem;
padding: 0.38rem 0.75rem;
}
.dd-coverage-assign-modal [data-assign-add]:disabled {
opacity: 0.55;
cursor: default;
}
.dd-coverage-assign-modal__preview-title {
margin: 0;
font-size: 0.92rem;
}
.dd-coverage-assign-modal__preview-meta {
display: block;
margin-top: 0.15rem;
font-family: "Fira Code", monospace;
font-size: 0.68rem;
color: var(--er-text-muted);
word-break: break-all;
}
.dd-coverage-assign-modal__preview-body {
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
display: flex;
flex-direction: column;
border: 1px solid var(--er-accent-border);
border-radius: 0.6rem;
background: rgba(2, 10, 13, 0.8);
padding: 0.55rem;
}
.dd-coverage-assign-modal__preview-body > .dd-preview-wrapper,
.dd-coverage-assign-modal__preview-body .dd-preview-body {
flex: 1 1 auto;
min-height: 0;
height: 100%;
}
.dd-coverage-assign-modal__preview-body iframe,
.dd-coverage-assign-modal__preview-body img {
max-width: 100%;
}
.dd-coverage-assign-modal__preview-body iframe {
width: 100%;
height: 100%;
border: 0;
}
@media (max-width: 900px) {
.dd-coverage-assign-modal__card {
height: min(96vh, 64rem);
}
.dd-coverage-assign-modal__grid {
grid-template-columns: 1fr;
grid-template-rows: minmax(16rem, 42%) minmax(0, 1fr);
}
.dd-coverage-assign-modal__left {
border-right: 0;
border-bottom: 1px solid var(--er-accent-border);
}
.dd-coverage-assign-modal__filters {
grid-template-columns: 1fr;
}
}