/* CR-008-BB-DAM: task-specific media asset library. */
.portal-brand:has([data-dam-discovery]),
.portal-brand:has(.dam-workbench),
.portal-brand:has(.dam-kpis),
.portal-brand:has(.dam-version-layout),
.portal-brand:has(.dam-rights-head),
.portal-brand:has(.relationship-map),
.portal-brand:has(.dam-danger-head),
.portal-brand:has(.dam-wizard) {
  --dam-accent: #d9680b;
  --dam-accent-soft: #fff3e8;
  --dam-ink: #172036;
  --dam-muted: #65738a;
  --dam-line: #dde3ec;
}

.dam-toolbar {
  display: grid;
  grid-template-columns: minmax(320px, 2fr) repeat(3, minmax(145px, .8fr)) auto auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--dam-line);
  border-radius: 14px;
  background: #fff;
}

.dam-toolbar label,
.dam-ref-filters label,
.dam-expiry-toolbar label,
.relationship-groups form label {
  display: grid;
  gap: 5px;
  color: #5e6b80;
  font-size: 14px;
  font-weight: 650;
}

.dam-toolbar input,
.dam-toolbar select,
.dam-ref-filters select,
.dam-expiry-toolbar select,
.relationship-groups form select {
  min-width: 0;
  height: 42px;
  border: 1px solid var(--dam-line);
  border-radius: 9px;
  background-color: #fff;
  color: #27344a;
  font-size: 15px;
}

.dam-more-filters { position: relative; }
.dam-more-filters > summary {
  display: grid;
  place-items: center;
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid var(--dam-line);
  border-radius: 9px;
  background: #fff;
  color: #344157;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}
.dam-more-filters > summary::-webkit-details-marker { display: none; }
.dam-more-filters > div {
  position: absolute;
  z-index: 15;
  top: calc(100% + 8px);
  right: 0;
  display: grid;
  grid-template-columns: repeat(2, 220px);
  gap: 12px;
  width: max-content;
  padding: 16px;
  border: 1px solid var(--dam-line);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(30, 41, 59, .16);
}

.dam-resultbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 2px;
}
.dam-resultbar > div:first-child { display: grid; gap: 2px; }
.dam-resultbar b { font-size: 16px; }
.dam-resultbar span { color: var(--dam-muted); font-size: 13px; }
.dam-bulk-actions { display: flex; align-items: center; gap: 13px; flex-wrap: wrap; }
.dam-bulk-actions > a { color: var(--dam-accent); font-size: 14px; font-weight: 700; }
.dam-bulk-actions label { display: flex; align-items: center; gap: 7px; color: var(--dam-muted); font-size: 13px; }
.dam-bulk-actions select { height: 36px; min-width: 130px; }
.dam-view-toggle { display: flex; padding: 3px; border: 1px solid var(--dam-line); border-radius: 9px; background: #f7f8fb; }
.dam-view-toggle button { height: 30px; padding: 0 11px; border: 0; border-radius: 7px; background: transparent; color: #59667c; cursor: pointer; }
.dam-view-toggle button.active { background: #fff; color: var(--dam-accent); box-shadow: 0 1px 5px rgba(20,31,50,.1); font-weight: 750; }

.dam-table-wrap {
  overflow: auto;
  border: 1px solid var(--dam-line);
  border-radius: 14px;
  background: #fff;
}
.dam-table-wrap .cr-table { min-width: 1360px; table-layout: auto; }
.dam-table-wrap .cr-table th { white-space: nowrap; }
.dam-table-wrap .cr-table td { vertical-align: middle; }
.dam-table-wrap .cr-table th:first-child,
.dam-table-wrap .cr-table td:first-child { width: 88px; }
.asset-table-thumb { width: 72px; height: 52px; object-fit: cover; border-radius: 8px; background: #edf2f6; }
.dam-number { color: var(--dam-ink); font-size: 17px; }

.dam-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.dam-card { overflow: hidden; border: 1px solid var(--dam-line); border-radius: 14px; background: #fff; color: var(--dam-ink); }
.dam-card > img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.dam-card > div { padding: 14px; }
.dam-card h2 { margin: 10px 0 5px; font-size: 18px; }
.dam-card h2 small { color: var(--dam-muted); font-size: 13px; }
.dam-card p { margin: 0; color: var(--dam-muted); font-size: 14px; }
.dam-card footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 13px; padding-top: 11px; border-top: 1px solid #edf0f4; font-size: 13px; }
.dam-card footer b { color: var(--dam-accent); }

.dam-tabs {
  display: flex;
  gap: 24px;
  margin: 8px 0 16px;
  padding: 0;
  overflow: auto;
  border: 0;
  border-bottom: 1px solid var(--dam-line);
  border-radius: 0;
  background: transparent;
}
.dam-tabs a { position: relative; white-space: nowrap; padding: 10px 2px 12px; border-radius: 0; color: #5d6878; font-size: 15px; font-weight: 650; }
.dam-tabs a:hover { color: var(--dam-ink); }
.dam-tabs a.active { background: transparent; color: var(--dam-ink); }
.dam-tabs a.active::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--dam-accent); }

.dam-workbench { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(350px, .68fr); gap: 16px; align-items: start; }
.dam-preview-stage { position: relative; min-height: 0; aspect-ratio: 3 / 2; overflow: hidden; border: 1px solid #293b43; border-radius: 9px; background: #102b38; display: grid; place-items: center; }
.dam-preview-stage > img { width: 100%; height: 100%; object-fit: contain; }
.dam-preview-tools { position: absolute; right: 12px; bottom: 12px; display: flex; gap: 8px; }
.dam-preview-tools button,
.dam-preview-tools a { padding: 7px 10px; border: 1px solid rgba(255,255,255,.32); border-radius: 6px; background: rgba(10,25,36,.8); color: #fff; font-size: 14px; cursor: pointer; }
.dam-preview-tools button:hover,
.dam-preview-tools a:hover { background: rgba(5,16,24,.94); }
.dam-asset-summary { padding: 18px; border: 1px solid var(--dam-line); border-radius: 9px; background: #fff; }
.dam-status-line { display: flex; gap: 6px; }
.dam-status-line .status { border-radius: 4px; font-size: 13px; }
.dam-decision-head { margin: 15px 0 16px; padding-bottom: 16px; border-bottom: 1px solid var(--dam-line); }
.dam-decision-head > span { color: #087b58; font-size: 14px; font-weight: 750; }
.dam-asset-summary .dam-decision-head h2 { margin: 6px 0; font-size: 21px; line-height: 1.35; }
.dam-decision-head p { margin: 0; color: #4f5b6a; font-size: 14px; line-height: 1.6; }
.dam-version-line { display: grid; grid-template-columns: 1fr auto; gap: 3px 10px; padding-bottom: 12px; }
.dam-version-line > div { display: flex; align-items: baseline; gap: 8px; }
.dam-version-line span,.dam-version-line small { color: var(--dam-muted); font-size: 14px; }
.dam-version-line b { color: var(--dam-ink); font-size: 18px; }
.dam-version-line small { grid-column: 1; }
.dam-version-line > a { grid-column: 2; grid-row: 1 / 3; align-self: center; color: #b85508; font-size: 14px; font-weight: 700; }
.dam-asset-summary dl { margin: 0 0 15px; border-top: 1px solid var(--dam-line); }
.dam-asset-summary dl div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #edf0f4; }
.dam-asset-summary dt { color: var(--dam-muted); font-size: 14px; }
.dam-asset-summary dd { margin: 0; color: var(--dam-ink); font-size: 14px; font-weight: 650; text-align: right; }
.dam-summary-actions { display: grid; gap: 8px; }
.dam-summary-actions .cr-button { width: 100%; box-sizing: border-box; justify-content: center; min-height: 40px; font-size: 15px; }
.dam-summary-actions .primary { background: #b94f0b; border-color: #b94f0b; }
.dam-summary-secondary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--dam-line); }
.dam-summary-secondary > a,.dam-more-actions > summary { color: #49586a; font-size: 14px; font-weight: 650; cursor: pointer; }
.dam-summary-secondary > a:hover,.dam-more-actions > summary:hover { color: #9f4509; }
.dam-more-actions { position: relative; }
.dam-more-actions > summary { list-style: none; }
.dam-more-actions > summary::-webkit-details-marker { display: none; }
.dam-more-actions > summary::after { content: "⌄"; margin-left: 5px; }
.dam-more-actions > div { position: absolute; z-index: 10; right: 0; top: calc(100% + 8px); display: grid; min-width: 150px; padding: 6px; border: 1px solid var(--dam-line); border-radius: 7px; background: #fff; box-shadow: 0 10px 26px rgba(23,32,54,.12); }
.dam-more-actions > div a { padding: 8px 9px; border-radius: 5px; color: #39475a; font-size: 14px; }
.dam-more-actions > div a:hover { background: #f4f6f8; }
.dam-more-actions > div a.danger { color: #a62d32; }
.rights-allow,.rights-limit,.rights-deny,.rights-missing { display: inline-flex; padding: 3px 7px; border-radius: 6px; font-size: 12px; font-weight: 800; }
.rights-allow { background: #e7f8f1; color: #087b58; }
.rights-limit { background: #fff2df; color: #9b5900; }
.rights-deny,.rights-missing { background: #fdebed; color: #b6242c; }

.dam-overview-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(320px,.55fr); gap: 16px; margin-top: 16px; }
.dam-detail-section { padding: 18px 0 0; border-top: 1px solid #cfd6df; }
.dam-detail-section > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.dam-detail-section > header h2 { margin: 0; font-size: 19px; }
.dam-detail-section > header a { color: #a84908; font-size: 14px; font-weight: 700; }
.dam-description { max-width: 790px; margin: 0 0 15px; color: #4f5e73; font-size: 15px; line-height: 1.7; }
.dam-meta-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid var(--dam-line); }
.dam-meta-grid > div { padding: 12px 14px 12px 0; border-bottom: 1px solid #edf0f4; background: transparent; }
.dam-meta-grid small,.dam-meta-grid b { display: block; }
.dam-meta-grid small { color: var(--dam-muted); font-size: 14px; }
.dam-meta-grid b { margin-top: 4px; font-size: 15px; }
.color-dot { display: inline-block; width: 11px; height: 11px; margin-right: 4px; border-radius: 50%; }
.color-dot.teal { background: #0b927f; }.color-dot.lime { background: #eaffc6; border: 1px solid #cbd3a8; }
.dam-use-summary { display: grid; align-content: start; }
.dam-use-summary > a { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 11px 0; border-top: 1px solid #edf0f4; color: var(--dam-ink); }
.dam-use-summary > a b { color: #9f4509; font-size: 19px; }
.dam-use-summary > a span { font-size: 15px; }
.dam-use-summary > a small { grid-column: 1 / -1; color: var(--dam-muted); font-size: 14px; }
.dam-inline-links { display: flex; gap: 18px; margin-top: 12px; }
.dam-inline-links a { color: #4c5b6e; font-size: 14px; font-weight: 650; }
.dam-inline-links a:hover { color: #9f4509; }
.audit-fold { margin-top: 12px; border-top: 1px dashed #cfd6e1; color: var(--dam-muted); }
.audit-fold summary { padding: 11px 0; cursor: pointer; font-size: 13px; }
.audit-fold dl { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; padding: 0 0 10px; }
.audit-fold dl div { padding: 10px; border-radius: 8px; background: #fff; }
.audit-fold dt { font-size: 12px; }.audit-fold dd { margin: 4px 0 0; color: var(--dam-ink); font-size: 13px; }

.dam-result-banner { margin-bottom: 12px; padding: 12px 15px; border: 1px solid #b9e4d4; border-radius: 10px; background: #eefaf5; color: #087b58; font-size: 14px; }
.dam-change-impact { display: grid; grid-template-columns: auto 1fr; gap: 12px; margin-top: 14px; padding: 12px 14px; border-left: 3px solid var(--dam-accent); border-radius: 8px; background: #fff7f0; color: #5d6472; font-size: 14px; }
.dam-change-impact b { color: #9b4a08; }

.dam-kpis { display: grid; grid-template-columns: repeat(6,1fr); gap: 9px; }
.dam-kpis > div { min-width: 0; padding: 13px; border: 1px solid var(--dam-line); border-radius: 11px; background: #fff; }
.dam-kpis small,.dam-kpis b,.dam-kpis span { display: block; }
.dam-kpis small { color: var(--dam-muted); font-size: 12px; }
.dam-kpis b { margin-top: 5px; font-size: 21px; }
.dam-kpis span { margin-top: 3px; color: var(--dam-muted); font-size: 11px; line-height: 1.35; }
.dam-count-separation { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 12px 0; }
.dam-count-separation > div { padding: 13px 16px; border: 1px solid var(--dam-line); border-radius: 11px; background: #fff; }
.dam-count-separation > div.highlight { border-color: #edb989; background: #fff8f1; }
.dam-count-separation small,.dam-count-separation b,.dam-count-separation span { display: block; }
.dam-count-separation small { color: var(--dam-muted); font-size: 12px; }
.dam-count-separation b { margin: 5px 0 3px; font-size: 18px; }
.dam-count-separation span { color: var(--dam-muted); font-size: 12px; }
.dam-ref-filters,.dam-expiry-toolbar { display: grid; grid-template-columns: repeat(5,minmax(140px,1fr)) auto; gap: 9px; align-items: end; margin-bottom: 10px; }
.dam-reference-table { margin: 0; padding: 0; overflow: auto; }
.dam-reference-table .cr-table { min-width: 1350px; table-layout: auto; }
.reference-kind { display: inline-flex; padding: 4px 7px; border-radius: 6px; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; font-size: 11px; }
.reference-kind.actual { background: #e9f3ff; color: #096bc1; }
.reference-kind.dependency { background: #f1f2f5; color: #687487; }
.dam-rule-note { margin: 9px 0 0; color: var(--dam-muted); font-size: 13px; }

.dam-version-layout { margin-bottom: 12px; }
.dam-version-timeline { display: grid; grid-template-columns: 1fr 1fr .8fr; gap: 12px; }
.dam-version-timeline article { padding: 14px; border: 1px solid var(--dam-line); border-radius: 13px; background: #fff; }
.dam-version-timeline article.current { border-top: 4px solid #0f9f75; }
.dam-version-timeline article.candidate { border-top: 4px solid #1677ff; }
.dam-version-timeline article.history { border-top: 4px solid #9ba5b3; }
.dam-version-timeline header { display: flex; justify-content: space-between; gap: 12px; }
.dam-version-timeline header small { color: var(--dam-muted); }
.dam-version-timeline h2 { margin: 4px 0 10px; font-size: 18px; }
.dam-version-timeline img { width: 100%; aspect-ratio: 3/2; object-fit: cover; border-radius: 9px; }
.dam-version-timeline dl { display: grid; grid-template-columns: 1fr 1fr; margin: 10px 0; }
.dam-version-timeline dl div { padding: 7px 0; }
.dam-version-timeline dt { color: var(--dam-muted); font-size: 11px; }
.dam-version-timeline dd { margin: 3px 0 0; font-size: 13px; font-weight: 650; }
.dam-version-compare { margin-top: 0; }
.dam-version-compare header { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.dam-version-compare header p { margin: 2px 0; color: var(--dam-muted); font-size: 13px; }
.dam-version-compare > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.dam-version-compare figure { margin: 0; }
.dam-version-compare img { width: 100%; aspect-ratio: 3/2; object-fit: cover; border-radius: 10px; }
.dam-version-compare figcaption { margin-top: 5px; color: var(--dam-muted); font-size: 12px; }
.rendition-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.rendition-grid article { position: relative; display: grid; gap: 3px; }
.rendition-grid img { width: 100%; aspect-ratio: 3/2; object-fit: cover; border-radius: 9px; }
.rendition-grid article.square img { object-position: center; }
.rendition-grid b { margin-top: 4px; font-size: 14px; }.rendition-grid span,.rendition-grid small { color: var(--dam-muted); font-size: 12px; }
.rendition-grid a { position: absolute; top: 8px; right: 8px; padding: 5px 8px; border-radius: 6px; background: rgba(255,255,255,.92); color: var(--dam-accent); font-size: 12px; font-weight: 700; }

.dam-rights-head,.dam-review-head,.dam-danger-head { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 16px 18px; border: 1px solid var(--dam-line); border-left: 4px solid var(--dam-accent); border-radius: 13px; background: #fff; }
.dam-rights-head small,.dam-review-head small,.dam-danger-head small { color: var(--dam-muted); }
.dam-rights-head h2,.dam-review-head h2,.dam-danger-head h2 { margin: 4px 0; font-size: 21px; }
.dam-rights-head p,.dam-review-head p,.dam-danger-head p { margin: 0; color: var(--dam-muted); font-size: 13px; }
.rights-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 12px 0; }
.rights-grid article { padding: 14px; border: 1px solid var(--dam-line); border-radius: 11px; background: #fff; }
.rights-grid h3 { margin: 11px 0 4px; font-size: 15px; }.rights-grid p { margin: 0; font-size: 14px; font-weight: 700; }.rights-grid small { display: block; margin-top: 5px; color: var(--dam-muted); line-height: 1.4; }
.dam-rights-evidence { display: grid; grid-template-columns: 1.3fr .7fr; gap: 12px; }
.dam-rights-evidence .panel { margin: 0; }
.dam-rights-evidence aside { display: grid; align-content: start; gap: 10px; }
.dam-rights-evidence aside .cr-button { width: 100%; box-sizing: border-box; }
.dam-rights-evidence aside .primary { background: var(--dam-accent); border-color: var(--dam-accent); }
.dam-expiry-rule { padding: 10px; border-radius: 8px; background: #fff5e8; color: #84501a; font-size: 12px; line-height: 1.5; }
.dam-review-diff { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
.dam-review-diff article { padding: 16px; border: 1px solid var(--dam-line); border-radius: 11px; background: #fff; }
.dam-review-diff article:last-child { border-color: #edb989; background: #fff9f3; }
.dam-review-diff h3 { margin: 5px 0; }.dam-review-diff p { margin: 0; color: var(--dam-muted); font-size: 13px; line-height: 1.6; }
.dam-review-decision label { display: grid; gap: 7px; font-size: 14px; font-weight: 700; }.dam-review-decision textarea { min-height: 90px; padding: 10px; border: 1px solid var(--dam-line); border-radius: 9px; font: inherit; }

.relationship-map { display: grid; grid-template-columns: minmax(280px,.7fr) 90px minmax(0,1.3fr); align-items: center; gap: 12px; padding: 18px; border: 1px solid var(--dam-line); border-radius: 14px; background: #fff; }
.relation-source { overflow: hidden; border: 2px solid #e2a56e; border-radius: 12px; }
.relation-source img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }
.relation-source small,.relation-source h2,.relation-source span { display: block; margin: 8px 12px; }
.relation-source h2 { font-size: 17px; }.relation-source small,.relation-source span { color: var(--dam-muted); font-size: 12px; }
.relation-lines { display: grid; gap: 25px; color: var(--dam-muted); font-size: 11px; text-align: center; }
.relation-lines span:after { content: " →"; color: var(--dam-accent); }
.relation-targets { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.relation-targets a { overflow: hidden; border: 1px solid var(--dam-line); border-radius: 10px; color: var(--dam-ink); }
.relation-targets img { width: 100%; aspect-ratio: 3/2; object-fit: cover; }
.relation-targets b,.relation-targets small { display: block; margin: 7px 9px; }.relation-targets small { color: var(--dam-muted); font-size: 11px; }
.relationship-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.relationship-groups article { margin-top: 12px; }
.relationship-groups article > a { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-top: 1px solid #edf0f4; color: var(--dam-ink); }
.relationship-groups article > a span { color: var(--dam-muted); font-size: 12px; }
.relationship-groups form { display: grid; gap: 10px; }

.impact-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 12px 0; }
.impact-grid a { padding: 13px; border: 1px solid var(--dam-line); border-radius: 10px; background: #fff; color: var(--dam-ink); }
.impact-grid small,.impact-grid b,.impact-grid span { display: block; }.impact-grid small { color: var(--dam-muted); }.impact-grid b { margin: 5px 0; font-size: 19px; }.impact-grid span { color: var(--dam-muted); font-size: 12px; }
.dam-deactivate-form fieldset { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; border: 0; padding: 0; }
.dam-deactivate-form legend { margin-bottom: 8px; font-weight: 800; }
.dam-deactivate-form fieldset label { display: flex; gap: 9px; padding: 12px; border: 1px solid var(--dam-line); border-radius: 10px; cursor: pointer; }
.dam-deactivate-form fieldset label:has(input:checked) { border-color: #dd8d49; background: #fff8f1; }
.dam-deactivate-form fieldset input { margin-top: 3px; }.dam-deactivate-form fieldset b,.dam-deactivate-form fieldset small { display: block; }.dam-deactivate-form fieldset small { margin-top: 4px; color: var(--dam-muted); line-height: 1.45; }
.dam-confirm-check { display: flex; align-items: center; gap: 8px; margin-top: 13px; font-size: 13px; }

.dam-wizard { max-width: 1120px; margin: 0 auto; }
.dam-steps { display: grid; grid-template-columns: repeat(5,1fr); gap: 4px; list-style: none; margin: 0 0 16px; padding: 0; }
.dam-steps li { padding: 9px; border-radius: 8px; background: #f1f3f7; color: #7c8798; font-size: 13px; text-align: center; }
.dam-steps li.active { background: var(--dam-accent-soft); color: #a74d08; font-weight: 800; }
.dam-steps li.done { background: #e9f8f2; color: #087b58; }
.dam-dropzone { display: grid; place-items: center; min-height: 190px; padding: 20px; border: 2px dashed #ccd4df; border-radius: 12px; background: #fafbfc; text-align: center; }
.dam-dropzone input { margin-bottom: 10px; }.dam-dropzone b { font-size: 17px; }.dam-dropzone span { margin-top: 5px; color: var(--dam-muted); font-size: 13px; }
.dam-upload-list { margin-top: 12px; }.dam-upload-list > div { display: grid; grid-template-columns: 72px 1fr auto; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid #edf0f4; }
.dam-upload-list img,.dam-file-icon { width: 72px; height: 50px; object-fit: cover; border-radius: 8px; background: #eef1f5; }.dam-file-icon { display: grid; place-items: center; color: #667386; font-weight: 800; }
.dam-upload-list b,.dam-upload-list small { display: block; }.dam-upload-list small { margin-top: 4px; color: var(--dam-muted); }.dam-upload-list button,.processing-list button { border: 0; background: transparent; color: var(--dam-accent); font-weight: 700; cursor: pointer; }
.processing-list { display: grid; gap: 8px; }.processing-list > div { display: grid; grid-template-columns: 30px 1fr auto; gap: 10px; padding: 11px; border: 1px solid var(--dam-line); border-radius: 9px; }.processing-list > div span { grid-row: 1/3; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; }.processing-list > div b,.processing-list > div small { display: block; }.processing-list > div small { color: var(--dam-muted); }.processing-list .success span { background: #e6f8f0; color: #07805b; }.processing-list .failed { border-color: #efc7c9; background: #fff7f7; }.processing-list .failed span { background: #fdebed; color: #b6242c; }
.dam-permission-matrix { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 15px; border: 1px solid var(--dam-line); border-radius: 10px; padding: 12px; }.dam-permission-matrix legend { padding: 0 5px; font-weight: 800; }.dam-permission-matrix label { font-size: 14px; }
.dam-confirm-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,1fr); gap: 16px; align-items: start; }.dam-confirm-grid > img { width: 100%; border-radius: 12px; }.dam-confirm-grid h2 { font-size: 22px; }

.dam-bulk section { margin-bottom: 14px; }.dam-bulk-fields { padding-top: 14px; border-top: 1px solid var(--dam-line); }
.dam-expiry-toolbar { grid-template-columns: repeat(3,minmax(170px,1fr)) auto; }

@media (max-width: 1300px) {
  .dam-toolbar { grid-template-columns: minmax(280px,2fr) repeat(2,minmax(140px,1fr)) auto; }
  .dam-toolbar label:nth-of-type(4) { display: none; }
  .dam-kpis { grid-template-columns: repeat(3,1fr); }
  .dam-ref-filters { grid-template-columns: repeat(3,1fr); }
  .dam-gallery { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 980px) {
  .dam-workbench,.dam-overview-grid,.dam-rights-evidence,.relationship-groups,.dam-confirm-grid { grid-template-columns: 1fr; }
  .dam-preview-stage { min-height: 0; }
  .dam-version-timeline { grid-template-columns: 1fr; }
  .rights-grid,.impact-grid { grid-template-columns: repeat(2,1fr); }
  .rendition-grid { grid-template-columns: repeat(2,1fr); }
  .relationship-map { grid-template-columns: 1fr; }
  .relation-lines { grid-template-columns: repeat(3,1fr); gap: 4px; }
  .relation-lines span:after { content: " ↓"; }
}

@media (max-width: 720px) {
  .dam-toolbar,.dam-ref-filters,.dam-expiry-toolbar,.dam-count-separation,.dam-gallery,.dam-kpis,.rights-grid,.impact-grid,.dam-meta-grid,.dam-deactivate-form fieldset,.dam-permission-matrix,.dam-review-diff { grid-template-columns: 1fr; }
  .dam-resultbar { align-items: flex-start; flex-direction: column; }
  .dam-more-filters > div { position: static; grid-template-columns: 1fr; width: auto; margin-top: 8px; box-shadow: none; }
  .dam-version-compare > div,.relation-targets { grid-template-columns: 1fr; }
  .audit-fold dl { grid-template-columns: 1fr; }
}