/* Hand-maintained JS-side counterpart to inline-style-migration.css.
   inline-style-migration.css is auto-generated by scripts/migrate-inline-styles.js,
   which only scans .html templates (see 07-full-inline-css-migration.md). It never
   touched the widget .js files that build markup as strings with a literal
   style="..." attribute (or call .attr('style', ...)) — those attribute-based styles
   are governed by CSP's style-src-attr the same as a template-authored style
   attribute, and with style-src-attr 'none' now enforced they are silently dropped
   by the browser. This file covers that gap: one rule per unique declaration set
   pulled out of JS-authored HTML strings. Do not add rules here for anything already
   covered by inline-style-migration.css — reuse that file's class instead. */

.color-green-bold { color: green; font-weight: 600; }
.icon-color-approved-green { color: #11880f; }
.color-darkred { color: darkred; }
.min-height-365px { min-height: 365px; }
.width-70px-wrap { width: 70px; white-space: normal; word-break: break-word; }
.display-none-margin-top-6px { display: none; margin-top: 6px; }
.email-preview-box { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #ffffff; border-radius: 10px; padding: 20px; border: 1px solid #dddddd; margin-top: 20px; }
.width-100pct { width: 100%; }
.padding-16px-text-align-center { padding: 16px; text-align: center; }
/* .text-align-center already exists in style.css (loaded globally) — reused, not redefined here. */
.link-green-bold-16px { text-decoration: none; color: green; font-weight: 600; font-size: 16px; }
.link-blue-bold-16px { text-decoration: none; color: blue; font-weight: 600; font-size: 16px; }
.color-blue-bold-16px { color: blue; font-weight: 600; font-size: 16px; }
.width-6rem { width: 6rem; }
.width-8rem { width: 8rem; }
.display-none { display: none; }
/* .width-95px already exists in inline-style-migration.css — reused, not redefined here. */
.width-95px-display-none { width: 95px; display: none; }
.comment-count-badge { position: absolute; font-size: 16px; right: 0; top: 0; border-radius: 5px; padding: 3px; }
.padding-top-24px { padding-top: 24px; }
.flex-align-start { display: flex; align-items: flex-start; }
.margin-top-5px-right-5px { margin-top: 5px; margin-right: 5px; }
.margin-top-0-bold { margin-top: 0; font-weight: bold; }
.height-100pct-width-100pct { height: 100%; width: 100%; }
.link-btn-28px { height: 28px; padding: 0 10px; font-size: 12px; }
.position-relative-top-neg-80px { position: relative; top: -80px; }
.margin-0-padding-0 { margin: 0; padding: 0; }
.display-none-margin-0-padding-0 { display: none; margin: 0; padding: 0; }
.dashboard-legend-item { display: flex; align-items: center; margin-bottom: 4px; }
.dashboard-legend-swatch { width: 10px; height: 10px; margin-right: 4px; }

/* registration-single-view.js role-chip colors — replaces roleChipStyle()'s inline
   style attribute with a fixed set of classes keyed by role. */
.role-chip-dealing-officer { background: #DBEAFE; color: #1E40AF; }
.role-chip-examiner { background: #FEF3C7; color: #92400E; }
.role-chip-assistant-registrar { background: #EDE9FE; color: #6D28D9; }
.role-chip-deputy-registrar { background: #CCFBF1; color: #0F766E; }
.role-chip-registrar { background: #FCE7F3; color: #9D174D; }
.role-chip-applicant { background: #F3F4F6; color: #6B7280; }
.role-chip-default { background: #F3F4F6; color: #6B7280; }

/* name-clearance-apply-widget.js nc-result-item entrance stagger — replaces a
   per-item inline style="animation-delay:...s" (index * 0.05s) with nth-child rules.
   Capped at 20 items; any item beyond that shares the last delay, which is a
   cosmetic no-op for a violations/warnings list. */
.nc-result-item:nth-child(1) { animation-delay: 0s; }
.nc-result-item:nth-child(2) { animation-delay: 0.05s; }
.nc-result-item:nth-child(3) { animation-delay: 0.1s; }
.nc-result-item:nth-child(4) { animation-delay: 0.15s; }
.nc-result-item:nth-child(5) { animation-delay: 0.2s; }
.nc-result-item:nth-child(6) { animation-delay: 0.25s; }
.nc-result-item:nth-child(7) { animation-delay: 0.3s; }
.nc-result-item:nth-child(8) { animation-delay: 0.35s; }
.nc-result-item:nth-child(9) { animation-delay: 0.4s; }
.nc-result-item:nth-child(10) { animation-delay: 0.45s; }
.nc-result-item:nth-child(11) { animation-delay: 0.5s; }
.nc-result-item:nth-child(12) { animation-delay: 0.55s; }
.nc-result-item:nth-child(13) { animation-delay: 0.6s; }
.nc-result-item:nth-child(14) { animation-delay: 0.65s; }
.nc-result-item:nth-child(15) { animation-delay: 0.7s; }
.nc-result-item:nth-child(16) { animation-delay: 0.75s; }
.nc-result-item:nth-child(17) { animation-delay: 0.8s; }
.nc-result-item:nth-child(18) { animation-delay: 0.85s; }
.nc-result-item:nth-child(19) { animation-delay: 0.9s; }
.nc-result-item:nth-child(20) { animation-delay: 0.95s; }