/* Shared rendering; only the configured brand area gets these variables. */
.brand.brand-configured { min-width: 0; max-width: 100%; gap: var(--brand-gap); padding: var(--brand-padding-y) var(--brand-padding-x); background: var(--brand-surface); border: var(--brand-border-width) solid var(--brand-edge); border-radius: var(--brand-border-radius); font-family: var(--brand-font); }
.brand.brand-configured .brand-mark { width: var(--brand-logo-size); height: var(--brand-logo-size); padding: var(--brand-logo-padding); border: var(--brand-logo-border-width) solid var(--brand-logo-edge); border-radius: var(--brand-logo-radius); background: linear-gradient(var(--brand-logo-gradient-angle),var(--brand-logo-surface),var(--brand-logo-surface2)); color: var(--brand-logo-text-color); font-size: var(--brand-logo-text-size); font-weight: var(--brand-logo-text-weight); opacity: var(--brand-logo-opacity); overflow: hidden; }
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand.brand-configured .brand-copy { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.brand.brand-configured .brand-copy strong { color: var(--brand-title-color); font-size: var(--brand-title-size); font-weight: var(--brand-title-weight); letter-spacing: var(--brand-letter-spacing); opacity: var(--brand-text-opacity); }
.brand.brand-configured .brand-copy span { color: var(--brand-subtitle-color); font-size: var(--brand-subtitle-size); font-weight: var(--brand-subtitle-weight); opacity: var(--brand-subtitle-opacity); }
.brand.brand-configured .brand-copy :is(strong,span):empty { display: none; }
.brand.brand-configured .sidebar-close { flex: 0 0 auto; }
@media (max-width: 760px) { #sidebar .brand.brand-configured { flex-wrap: wrap; } #sidebar .brand.brand-configured .sidebar-close { margin-left: auto; } }
@media (prefers-reduced-motion: reduce) { .brand-configured, .brand-configured * { transition: none; animation: none; } }

/* Style direct text blocks only: inline-image captions/cards and all metadata stay neutral. */
.message-document[data-submitted-ticket-text] > :is(p,h3,blockquote,pre,ul,ol) {
  color: var(--submitted-ticket-text-color-dark);
  font-size: var(--submitted-ticket-text-size);
  font-weight: var(--submitted-ticket-text-weight);
  line-height: var(--submitted-ticket-text-line-height);
  overflow-wrap: anywhere;
}
/* The legacy app has only partial light surfaces; keep this light text treatment readable locally. */
html[data-theme="light"] .message-document[data-submitted-ticket-text] > :is(p,h3,blockquote,pre,ul,ol) {
  color: var(--submitted-ticket-text-color-light);
  background: #f8fafc;
  padding: 10px 12px;
  border-radius: var(--radius-sm,12px);
}
html[data-theme="light"] .message-document[data-submitted-ticket-text] > :is(ul,ol) { padding-inline-start: 2rem; }
.message-document[data-submitted-ticket-text] > :is(p,h3,blockquote,pre,ul,ol) a { color: inherit; }
.branding-admin__submitted .branding-admin__group-help { grid-column: 1 / -1; margin: 0; }
.branding-admin__submitted > button { grid-column: 1 / -1; justify-self: start; max-width: 100%; white-space: normal; }
.submitted-ticket-text-preview { display: grid; gap: 12px; min-width: 0; margin: 18px 0 24px; }
.submitted-ticket-text-preview .timeline-content { border-radius: var(--radius-sm,12px); }
.submitted-ticket-text-preview .submitted-ticket-text-preview__label { margin: 0 0 9px; color: var(--muted); font-size: .75rem; font-weight: 600; }
.submitted-ticket-text-preview .message-document > :last-child { margin-bottom: 0; }

/* Ticket requester profile: isolated typography and a theme-specific surface. */
.ticket-header-profile { display:grid; gap:var(--ticket-header-gap,2px); width:var(--ticket-header-width,70%); justify-self:center; min-width:0; box-sizing:border-box; margin:0 auto; padding:var(--ticket-header-padding-y,6px) var(--ticket-header-padding-x,14px); border:var(--ticket-header-border-width,1px) solid var(--ticket-header-edge-dark,rgba(147,197,253,.25)); border-radius:var(--ticket-header-radius,12px); background:var(--ticket-header-surface-dark,rgba(11,19,38,.2)); text-align:center; line-height:var(--ticket-header-line-height,1.4); }
.ticket-header-profile[hidden] { display:none; }
.ticket-header-profile > div { min-width:0; }
.ticket-header-profile > [data-ticket-header-row="department"] { display:var(--ticket-header-department-display,none); }
.ticket-header-profile dd { margin:0; overflow-wrap:anywhere; white-space:normal; opacity:var(--ticket-header-text-opacity,1); }
.ticket-header-profile [data-ticket-header-field="location"] { font-size:var(--ticket-header-location-size,16px); font-weight:var(--ticket-header-location-weight,700); color:var(--ticket-header-location-color-dark,#bfdbfe); }
.ticket-header-profile [data-ticket-header-field="department"] { font-size:var(--ticket-header-department-size,14px); font-weight:var(--ticket-header-department-weight,600); color:var(--ticket-header-department-color-dark,#e2e8f0); }
.ticket-header-profile [data-ticket-header-field="function"] { font-size:var(--ticket-header-function-size,14px); font-weight:var(--ticket-header-function-weight,500); color:var(--ticket-header-function-color-dark,#aebbd1); }
html[data-theme="light"] .ticket-header-profile { border-color:var(--ticket-header-edge-light,rgba(148,163,184,.5)); background:var(--ticket-header-surface-light,rgba(248,250,252,1)); }
html[data-theme="light"] .ticket-header-profile [data-ticket-header-field="location"] { color:var(--ticket-header-location-color-light,#1e40af); }
html[data-theme="light"] .ticket-header-profile [data-ticket-header-field="department"] { color:var(--ticket-header-department-color-light,#334155); }
html[data-theme="light"] .ticket-header-profile [data-ticket-header-field="function"] { color:var(--ticket-header-function-color-light,#475569); }
.ticket-header-preview { min-width:0; margin-bottom:20px; }
.ticket-header-preview h3 { margin:0 0 6px; font-size:.9rem; }
.ticket-header-preview > .field-help { margin:0 0 10px; }