/* Updating the interpolation source from a newer Excel file: the four-step dialog and the warning above the version list.
   Rules sit in the readability layer like the rest of the administration styles. */
@layer readability {
  body#royal-blue-app .notice.amber {display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 16px;border:1px solid #f0dcae;border-radius:12px;background:#fff8e8;color:#6f4a05;line-height:1.6}
  body#royal-blue-app .notice.amber svg {flex:none;margin-top:2px;color:#b87500}

  body#royal-blue-app .su {display:grid;gap:16px;min-width:0}
  body#royal-blue-app .su>*,body#royal-blue-app .su-body,body#royal-blue-app .su-body>* {min-width:0;max-width:100%}
  body#royal-blue-app .su [hidden] {display:none !important}
  body#royal-blue-app .su :is(h3,p,ol,ul,fieldset) {margin-top:0}
  body#royal-blue-app .su h3 {margin:0 0 6px;font-size:18px !important;color:#1f3f6b}
  body#royal-blue-app .su h3:focus-visible {outline:3px solid #aac8ff;outline-offset:3px;border-radius:6px}
  body#royal-blue-app .su-lead {margin:0 0 14px;color:#36516f;font-size:14px !important;line-height:1.7}
  body#royal-blue-app .su-small {margin:10px 0 0;color:#506580;font-size:13px !important;line-height:1.6}

  /* The set in use */
  body#royal-blue-app .su-context {display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border:1px solid #d5e3f9;border-radius:12px;background:#f5f9ff}
  body#royal-blue-app .su-context>div {flex:1 1 220px;min-width:0}
  body#royal-blue-app .su-context strong {display:block;font-size:15px !important;color:#1f3f6b}
  body#royal-blue-app .su-context small {display:block;margin-top:2px;font-size:13px !important;color:#506580}
  body#royal-blue-app .su-context .su-note {flex:1 1 100%;margin:0}
  body#royal-blue-app .su-mode {flex:none;padding:3px 11px;border-radius:999px;background:#175adb;color:#fff;font-size:12px !important;font-weight:700;letter-spacing:.04em}

  /* Steps */
  body#royal-blue-app .su-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
  body#royal-blue-app .su-steps li {display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:10px;background:#f2f6fc;color:#62758d;font-size:13px !important;line-height:1.3}
  body#royal-blue-app .su-steps li span {display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#dde6f3;color:#4b6384;font-size:12px;font-weight:700}
  body#royal-blue-app .su-steps li.done {background:#eef9f5;color:#17664f}
  body#royal-blue-app .su-steps li.done span {background:#c9eadc;color:#17664f}
  body#royal-blue-app .su-steps li[aria-current=step] {background:#e6efff;color:#1f4a9a;font-weight:600;box-shadow:inset 0 0 0 2px #b9d0fb}
  body#royal-blue-app .su-steps li[aria-current=step] span {background:#175adb;color:#fff}

  /* Choosing the file */
  body#royal-blue-app .su-drop {position:relative;display:grid;justify-items:center;gap:4px;padding:26px 16px;border:2px dashed #a9c2ec;border-radius:14px;background:#f8fbff;color:#36516f;text-align:center;cursor:pointer}
  body#royal-blue-app .su-drop:hover,body#royal-blue-app .su-drop.over {border-color:#2b65ea;background:#edf4ff}
  body#royal-blue-app .su-drop:focus-within {outline:3px solid #aac8ff;outline-offset:2px}
  body#royal-blue-app .su-drop input {position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
  body#royal-blue-app .su-drop-icon {color:#3d73bc}
  body#royal-blue-app .su-drop-title {font-size:15px !important;font-weight:600;color:#1f3f6b}
  body#royal-blue-app .su-drop-file {font-size:13px !important;color:#506580;overflow-wrap:anywhere}
  body#royal-blue-app .su-actions {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px}
  body#royal-blue-app .su-help {margin-top:14px;padding:2px 14px 12px;border:1px solid #e1eafa;border-radius:12px;background:#fbfdff}
  body#royal-blue-app .su-help>summary {display:flex;align-items:center;min-height:42px;color:#245bba;font-size:14px !important;cursor:pointer}
  body#royal-blue-app .su-help ol {margin:0 0 10px;padding-left:22px;color:#36516f;font-size:13.5px !important;line-height:1.75}

  /* Messages */
  body#royal-blue-app .su-note {display:flex;align-items:flex-start;gap:9px;margin:12px 0 0;padding:10px 14px;border:1px solid #d5e5fa;border-radius:10px;background:#f0f7ff;color:#24446b;font-size:13.5px !important;line-height:1.6}
  body#royal-blue-app .su-note svg {flex:none;margin-top:2px}
  body#royal-blue-app .su-note>span {min-width:0;overflow-wrap:anywhere}
  body#royal-blue-app .su-note.ok {border-color:#c4e6da;background:#eef9f5;color:#17664f}
  body#royal-blue-app .su-note.warn {border-color:#f0dcae;background:#fff8e8;color:#6f4a05}
  body#royal-blue-app .su-note.bad {border-color:#f1c6c1;background:#fff3f2;color:#8f2a24}
  body#royal-blue-app .su-note.info {border-color:#d5e5fa;background:#f0f7ff}
  body#royal-blue-app .su-inline {display:inline-flex;align-items:center;gap:6px;margin-left:6px;font-weight:600;white-space:nowrap}
  body#royal-blue-app .su-hints {margin:12px 0;padding:10px 16px 10px 34px;border-radius:10px;background:#f7faff;border:1px solid #e1eafa;color:#36516f;font-size:13.5px !important;line-height:1.7}

  /* Tables */
  body#royal-blue-app .su-table {max-height:320px;overflow:auto;margin:10px 0 0;border:1px solid #d5e3f9;border-radius:12px;background:#fff}
  body#royal-blue-app .su-table:focus-visible {outline:3px solid #aac8ff;outline-offset:2px}
  body#royal-blue-app .su-table table {width:100%;border-collapse:separate;border-spacing:0;min-width:520px}
  body#royal-blue-app .su-table :is(th,td) {padding:8px 12px;text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #e6eefb;font-size:13px !important;line-height:1.5;color:#2c4766}
  body#royal-blue-app .su-table thead th {position:sticky;top:0;z-index:1;background:#f1f6ff;color:#24446b;font-weight:600}
  body#royal-blue-app .su-table tbody tr:last-child :is(th,td) {border-bottom:0}
  body#royal-blue-app .su-table code {padding:1px 6px;border-radius:5px;background:#eaf1fc;color:#1f4a9a;font-size:12.5px;white-space:nowrap}
  body#royal-blue-app .su-changes {margin-top:12px}
  body#royal-blue-app .su-changes>summary {min-height:40px;display:flex;align-items:center;color:#245bba;font-size:14px !important;cursor:pointer}

  /* How the file differs */
  body#royal-blue-app .su-tiles {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
  body#royal-blue-app .su-tile {display:grid;gap:2px;align-content:start;padding:12px 14px;border:1px solid #dbe7fb;border-radius:12px;background:#fff}
  body#royal-blue-app .su-tile strong {font-size:26px !important;line-height:1.15;color:#133858;font-variant-numeric:tabular-nums}
  body#royal-blue-app .su-tile span {font-size:13px !important;color:#36516f;line-height:1.4}
  body#royal-blue-app .su-tile small {font-size:12px !important;color:#62758d;line-height:1.4;overflow-wrap:anywhere}
  body#royal-blue-app .su-tile.good {border-color:#c4e6da;background:#f4fbf8}
  body#royal-blue-app .su-tile.good strong {color:#17664f}
  body#royal-blue-app .su-tile.attention {border-color:#f0dcae;background:#fffaf0}
  body#royal-blue-app .su-tile.attention strong {color:#8a5a00}
  body#royal-blue-app .su-tile.warn {border-color:#f1c6c1;background:#fff6f5}
  body#royal-blue-app .su-tile.warn strong {color:#9b2c26}
  body#royal-blue-app .su-tile.quiet strong {color:#506580}

  /* Choosing how to import */
  body#royal-blue-app .su-modes {display:grid;gap:10px;margin:14px 0 0;padding:0;border:0;min-width:0}
  body#royal-blue-app .su .su-modes .su-legend {padding:0;margin-bottom:8px;font-size:15px !important;font-weight:600;color:#1f3f6b}
  body#royal-blue-app .su-mode-card {display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:10px;row-gap:3px;align-items:start;padding:12px 14px;border:1px solid #dbe7fb;border-radius:12px;background:#fff;cursor:pointer}
  body#royal-blue-app .su-mode-card.single {grid-template-columns:minmax(0,1fr);cursor:default}
  body#royal-blue-app .su-mode-card:hover {border-color:#96b8f4;background:#f8fbff}
  body#royal-blue-app .su-mode-card.selected {border-color:#2b65ea;background:#edf4ff;box-shadow:0 0 0 2px #cfe0ff}
  body#royal-blue-app .su-mode-card:focus-within {outline:3px solid #aac8ff;outline-offset:2px}
  body#royal-blue-app .su-mode-card input {grid-row:1 / span 3;width:18px;height:18px;margin:3px 0 0}
  body#royal-blue-app .su-mode-name {font-size:15px !important;font-weight:600;color:#1f3f6b}
  body#royal-blue-app .su-mode-text {font-size:13px !important;line-height:1.6;color:#36516f}
  body#royal-blue-app .su-mode-result {font-size:13px !important;color:#24446b;font-variant-numeric:tabular-nums}
  body#royal-blue-app .su-badge {margin-left:6px;padding:1px 8px;border-radius:999px;background:#d9f0e6;color:#17664f;font-size:11.5px;font-style:normal;font-weight:600;vertical-align:middle}
  body#royal-blue-app .su-lost {color:#9b2c26}
  body#royal-blue-app .su-check {display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;padding:10px 14px;border:1px solid #e1eafa;border-radius:12px;background:#fbfdff;cursor:pointer}
  body#royal-blue-app .su-check input {width:18px;height:18px;margin-top:3px;flex:none}
  body#royal-blue-app .su-check small {display:block;margin-top:2px;font-size:12.5px !important;line-height:1.55;color:#506580}
  body#royal-blue-app .su-fields {display:grid;gap:6px;margin-top:16px}
  body#royal-blue-app .su-fields label {font-size:14px !important;font-weight:600;color:#24446b}
  body#royal-blue-app .su-fields small {margin-bottom:8px;font-size:12.5px !important;color:#62758d}
  body#royal-blue-app .su-fields :is(input,textarea) {width:100%;box-sizing:border-box}
  body#royal-blue-app .su-next {margin:12px 0;padding:12px 18px 12px 36px;border:1px solid #e1eafa;border-radius:12px;background:#f7faff;color:#36516f;font-size:14px !important;line-height:1.8}

  /* The list of sets on the Kịch bản mô hình page: the set in use in full, those waiting, old ones folded */
  body#royal-blue-app :is(.sv-active,.sv-pending,.sv-empty,.sv-fold,.sv-history) {min-width:0}
  body#royal-blue-app .sv-active .card-title {margin-bottom:6px}
  body#royal-blue-app .sv-ident {display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin:0 0 14px}
  body#royal-blue-app .sv-code {font-size:22px !important;font-weight:700;line-height:1.3;color:#133858;overflow-wrap:anywhere}
  body#royal-blue-app .sv-desc {margin:0;color:#36516f;font-size:14px !important;line-height:1.5;overflow-wrap:anywhere}
  body#royal-blue-app .sv-lead {margin:6px 0 0;color:#36516f;font-size:14px !important;line-height:1.7}
  body#royal-blue-app .sv-facts {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,.8fr);gap:10px;margin:0 0 12px}
  body#royal-blue-app .sv-facts>div {padding:10px 12px;border:1px solid #dbe7fb;border-radius:12px;background:#f8fbff;min-width:0}
  body#royal-blue-app .sv-facts dt {margin:0;color:#506580;font-size:13px !important;line-height:1.4}
  body#royal-blue-app .sv-facts dd {margin:2px 0 0;font-size:18px !important;font-weight:700;line-height:1.35;color:#133858;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  body#royal-blue-app .sv-facts dd span {white-space:nowrap}
  body#royal-blue-app .sv-day {margin:0 0 10px;color:#36516f;font-size:13.5px !important;line-height:1.6}
  body#royal-blue-app .sv-rules {margin:0 0 12px;border:1px solid #e1eafa;border-radius:12px;background:#fbfdff}
  body#royal-blue-app .sv-rules>div {display:grid;grid-template-columns:minmax(150px,34%) minmax(0,1fr);gap:4px 14px;padding:10px 14px}
  body#royal-blue-app .sv-rules>div+div {border-top:1px solid #e6eefb}
  body#royal-blue-app .sv-rules dt {margin:0;color:#506580;font-size:13px !important;line-height:1.5}
  body#royal-blue-app .sv-rules dd {margin:0;min-width:0}
  body#royal-blue-app .sv-rules dd b {display:block;color:#1f3f6b;font-size:14px !important;line-height:1.5;overflow-wrap:anywhere}
  body#royal-blue-app .sv-rules dd small {display:block;margin-top:2px;color:#62758d;font-size:13px !important;line-height:1.55}
  body#royal-blue-app .sv-form {display:grid;gap:12px;margin:0 0 12px;padding:14px;border:1px solid #e1eafa;border-radius:12px;background:#fbfdff}
  body#royal-blue-app .sv-field {display:grid;gap:4px;min-width:0}
  body#royal-blue-app .sv-field label {font-size:14px !important;color:#1f3f6b}
  body#royal-blue-app .sv-field small {color:#62758d;font-size:13px !important;line-height:1.55}
  body#royal-blue-app .sv-field select,body#royal-blue-app .sv-field input:not([type=checkbox]) {width:100%;max-width:420px;box-sizing:border-box}
  body#royal-blue-app .sv-check {display:flex;align-items:flex-start;gap:8px;cursor:pointer}
  body#royal-blue-app .sv-check input {width:18px;height:18px;margin-top:3px;flex:none}
  body#royal-blue-app .sv-error {margin:0;padding:8px 12px;border:1px solid #f1c6c1;border-radius:10px;background:#fff3f2;color:#8f2a24;font-size:13.5px !important}
  body#royal-blue-app .sv-more {margin:0 0 12px}
  body#royal-blue-app .sv-more>summary {min-height:40px;display:flex;align-items:center;gap:8px;color:#245bba;font-size:14px !important;cursor:pointer;list-style:none}
  body#royal-blue-app .sv-more>summary::-webkit-details-marker {display:none}
  body#royal-blue-app .sv-more>summary::after {content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s}
  body#royal-blue-app .sv-more[open]>summary::after {transform:rotate(-135deg)}
  body#royal-blue-app .sv-more p {margin:4px 0 8px;color:#36516f;font-size:13px !important;line-height:1.65;overflow-wrap:anywhere}
  body#royal-blue-app .sv-actions {display:flex;flex-wrap:wrap;gap:8px}
  body#royal-blue-app .sv-hint {margin:10px 0 0;color:#62758d;font-size:13px !important;line-height:1.6}
  body#royal-blue-app .sv-list {list-style:none;margin:0;padding:0;display:grid;gap:10px}
  body#royal-blue-app .sv-row {display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 16px;padding:12px 14px;border:1px solid #e1eafa;border-radius:12px;background:#fbfdff}
  body#royal-blue-app .sv-row[data-status=draft],body#royal-blue-app .sv-row[data-status=reviewed],body#royal-blue-app .sv-row[data-status=approved] {border-color:#f0dcae;background:#fffaf0}
  body#royal-blue-app .sv-row-main {flex:1 1 260px;min-width:0}
  body#royal-blue-app .sv-row-title {display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
  body#royal-blue-app .sv-row .sv-code {font-size:16px !important}
  body#royal-blue-app .sv-row p {margin:3px 0 0}
  body#royal-blue-app .sv-meta {color:#506580;font-size:13px !important;line-height:1.5}
  body#royal-blue-app .sv-next {color:#245bba;font-size:13px !important;font-weight:600}
  body#royal-blue-app .sv-row-actions {display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
  body#royal-blue-app .sv-chip {padding:1px 9px;border-radius:999px;font-size:12px !important;line-height:1.6;font-weight:600}
  body#royal-blue-app .sv-chip.same {background:#e3f2fb;color:#1f5f8a}
  body#royal-blue-app .sv-chip.mode {background:#fff1cf;color:#7a4b00}
  body#royal-blue-app details.card:is(.sv-fold,.sv-history) {padding:0 !important}
  body#royal-blue-app :is(.sv-fold,.sv-history)>summary {display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 18px;list-style:none;cursor:pointer;color:#1f3f6b}
  body#royal-blue-app :is(.sv-fold,.sv-history)>summary::-webkit-details-marker {display:none}
  body#royal-blue-app :is(.sv-fold,.sv-history)>summary::after {content:"";flex:none;width:8px;height:8px;margin-left:auto;border-right:2px solid #6c82a0;border-bottom:2px solid #6c82a0;transform:rotate(45deg);transition:transform .15s}
  body#royal-blue-app :is(.sv-fold,.sv-history)[open]>summary::after {transform:rotate(-135deg)}
  body#royal-blue-app :is(.sv-fold,.sv-history)>summary:focus-visible {outline:3px solid #aac8ff;outline-offset:-3px;border-radius:14px}
  body#royal-blue-app :is(.sv-fold,.sv-history)>summary small {color:#62758d;font-size:13px !important;white-space:nowrap}
  body#royal-blue-app .sv-fold-title {font-size:16px !important;font-weight:600}
  body#royal-blue-app :is(.sv-fold,.sv-history)[open]>summary {border-bottom:1px solid #e6eefb}
  body#royal-blue-app .sv-history>.sv-list {padding:14px 18px 18px}
  body#royal-blue-app .sv-fold>.table-wrap {margin:14px 18px 18px;width:auto}
  body#royal-blue-app .sv-calendar>.coverage-calendar {margin:0;padding:14px 18px 18px;border:0;border-radius:0;box-shadow:none;background:none}
  body#royal-blue-app .sv-calendar>.coverage-calendar .analysis-heading h2 {display:none}

  @media (max-width:760px) {
    body#royal-blue-app .su-steps {grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
    body#royal-blue-app .su-steps li {justify-content:center;padding:8px 4px;font-size:0 !important;gap:0}
    body#royal-blue-app .su-steps li[aria-current=step] {font-size:12.5px !important;gap:6px;grid-column:span 1}
    body#royal-blue-app .su-steps li:not([aria-current=step]) {flex:0 0 auto}
    body#royal-blue-app .su-tiles {grid-template-columns:repeat(2,minmax(0,1fr))}
    body#royal-blue-app .su-actions>.btn {flex:1 1 140px;justify-content:center}
    body#royal-blue-app .su-drop {padding:22px 12px}
    body#royal-blue-app .sv-facts {grid-template-columns:repeat(2,minmax(0,1fr))}
    body#royal-blue-app .sv-rules>div {grid-template-columns:minmax(0,1fr)}
    body#royal-blue-app .sv-facts>div:nth-child(2) {grid-column:1 / -1;order:3}
    body#royal-blue-app .sv-row-actions {width:100%}
    body#royal-blue-app .sv-row-actions>.btn {flex:1 1 130px;justify-content:center}
    body#royal-blue-app .su-problems table {min-width:0}
    body#royal-blue-app .su-problems :is(th,td):nth-child(2) {display:none}
  }
}