/* v464 — concise help, coherent attachment choices, and compact trust seal. */
.context-help { position: relative; z-index: 1; }
.context-help-toggle {
  position: relative; isolation: isolate; overflow: visible;
  border-color: color-mix(in oklab, var(--color-info) 38%, var(--color-border));
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-info) 13%, var(--color-card)), var(--color-card));
  box-shadow: 0 3px 12px color-mix(in oklab, var(--color-info) 10%, transparent);
}
.context-help-toggle:hover { border-color: color-mix(in oklab, var(--color-info) 65%, var(--color-border)); }
.context-help-mark { position: relative; z-index: 2; flex: 0 0 21px; box-shadow: 0 1px 0 rgba(0,0,0,.12); }
.context-help-label { position: relative; z-index: 1; white-space: nowrap; }

.attachment-field .field-label small { color: var(--color-muted-foreground); font-weight: 500; }
.attachment-choice-trigger {
  min-height: 48px; display: flex; align-items: center; gap: 9px; width: 100%;
  padding: 9px 12px; border: 1px dashed color-mix(in oklab, var(--color-primary) 52%, var(--color-border));
  border-radius: 15px; color: var(--color-foreground); cursor: pointer;
  background: linear-gradient(135deg, color-mix(in oklab, var(--color-primary) 10%, transparent), color-mix(in oklab, var(--color-info) 6%, transparent));
  transition: border-color var(--dur-2), transform var(--dur-2), background var(--dur-2);
}
.attachment-choice-trigger:hover, .attachment-choice-trigger:focus-within { border-color: var(--color-primary); transform: translateY(-1px); }
.attachment-choice-trigger svg { width: 21px; height: 21px; flex: none; color: var(--color-primary); }
.attachment-choice-trigger > span { font-weight: 780; font-size: var(--fs-sm); }
.attachment-choice-trigger > small { margin-inline-start: auto; color: var(--color-muted-foreground); font-size: var(--fs-xs); text-align: end; }
.attachment-media-choice { border-radius: 16px; border: 1px solid color-mix(in oklab, var(--color-primary) 22%, var(--glass-hairline)); background: color-mix(in oklab, var(--color-primary) 4%, transparent); }
.chat-attachment-head { display: flex; align-items: center; gap: 5px; margin: 0 4px 6px; color: var(--color-muted-foreground); font-size: var(--fs-xs); font-weight: 760; }
.chat-attachment-head svg { width: 15px; height: 15px; color: var(--color-primary); }
.chat-attachment-head small { margin-inline-start: auto; font-weight: 500; }

html[data-dg-design="editorial"] .trust-seal-link { width: 124px; min-height: 0; grid-template-rows: 108px auto; gap: 2px; padding: 6px; }
html[data-dg-design="editorial"] .trust-seal-stage { width: 108px; height: 108px; }
html[data-dg-design="editorial"] .trust-seal-img { max-width: 106px; max-height: 108px; }
html[data-dg-design="editorial"] .trust-seal-link > small { margin: 0; line-height: 1.3; }
@media (max-width: 560px) {
  .attachment-choice-trigger > small { max-width: 48%; }
  html[data-dg-design="editorial"] .trust-seal-link { width: 112px; grid-template-rows: 96px auto; }
  html[data-dg-design="editorial"] .trust-seal-stage { width: 96px; height: 96px; }
  html[data-dg-design="editorial"] .trust-seal-img { max-width: 94px; max-height: 96px; }
}