/* Loaded after page styles. CSS follows the OS/browser preference live, without
   storing a preference or rebuilding forms. Light layouts retain their colors. */
:root{color-scheme:light dark}
@media screen and (prefers-color-scheme:dark) and (forced-colors:none){
  :root{
    color-scheme:dark;
    --green:#8addad;--ink:#e8e8e8;--muted:#bcbcbc;--line:#424242;--pale:#272727;
    --theme-canvas:#181818;--theme-surface:#202020;--theme-raised:#2a2a2a;
    --theme-input:#181818;--theme-control-border:#777;--theme-primary:#227848;
    background:var(--theme-canvas);color:var(--ink);
  }
  body,body.admin-app{background:var(--theme-canvas);color:var(--ink)}
  body header,body footer,body .card,body .panel,body .account-box,body .admin-tools-nav,
  body .metrics>a,body.mail-app .metrics>div,body.trial-app .stat-grid>div,body .local-metadata,
  body .skip{background:var(--theme-surface);border-color:var(--line)}
  body.admin-app .card{border-color:var(--line);box-shadow:0 2px 8px #0002}
  body :is(input,select,textarea),body.trial-app textarea{
    background:var(--theme-input);color:var(--ink);border-color:var(--theme-control-border);
    accent-color:var(--green);
  }
  body input[readonly],body :is(input,select,textarea):disabled{
    background:var(--theme-raised);color:var(--muted);border-color:var(--line);
  }
  body input::placeholder,body textarea::placeholder{color:#aaa;opacity:1}
  body input::file-selector-button{background:var(--theme-raised);color:var(--ink);border:1px solid var(--theme-control-border);border-radius:4px;padding:5px 9px}
  body label,body .profile-person,body .brand span,body .qahse-feedback-dialog h2{color:var(--ink)}
  body :is(a,summary),body.admin-app a,body.admin-app summary,body .brand,body .research-label{color:var(--green)}
  body :is(header span,.muted,footer,small,dt,.eyebrow,.table-meta,.pagination,.empty),
  body .metrics span,body .device-meta p,body .override-control small,body .preview-send small,
  body.mail-app header .brand span,body .trial-benefits p,body .trial-profile dt,
  body .research-support .small,body .trial-form .module-picker legend small,
  body.trial-app .stat-grid span{color:var(--muted)}
  body :is(th,td,article,details,dl div,.detail-tabs,.table-meta,.pagination,.module-picker,
    .password-reset,.watermark-editor,.device-policy,.mail-test,.preview-send,.trial-benefits>div){border-color:var(--line)}
  body th{background:var(--theme-raised);color:var(--muted)}
  body .customers tbody tr:hover{background:var(--theme-raised)}
  body :is(.notice,.kind-help,.license,.activation-extension,.upload-progress,.research-support){
    background:var(--pale);color:var(--ink);border-color:#484848;
  }
  body :is(.hash,.notes-preview,.override-control){background:var(--theme-raised);border-color:var(--line);color:var(--ink)}
  body .external-release-panel{background:var(--theme-surface);border-color:#484848}
  body :is(.download-settings,.followup-history article){border-color:var(--line)}
  body .steps b{background:var(--pale);color:var(--green)}
  body .profile-tags span{background:#303030;color:#d0d0d0}
  body :is(.badge,.tag,.status){background:#234333;color:#a6edbd;border-color:#41654e}
  body .status.expiring,body .type-badge.trial,body .legacy-message{background:#40351c;color:#f5d089;border-color:#74603c}
  body .status.expired{background:#482924;color:#ffb6ad}
  body .status.disabled{background:#343434;color:#ccc}
  body .type-badge{background:#243c4e;color:#b3d7f2;border-color:#46657a}
  body .type-badge.developer{background:#382c4f;color:#dbbfff;border-color:#655179}
  body .type-badge.research{background:#203f3b;color:#a6e3dc;border-color:#456963}
  body .upload-progress[data-state=error]{background:#402b24;border-color:#86604f}
  body .upload-progress[data-state=error] h3{color:#ffc3a8}
  body .upload-progress progress,body .upload-progress progress::-webkit-progress-bar{background:var(--theme-raised)}
  body .upload-progress progress::-webkit-progress-value{background:var(--green)}
  body .upload-progress progress::-moz-progress-bar{background:var(--green)}
  body nav a,body.admin-app header nav a,body .admin-tools-nav a{color:var(--muted)}
  body nav a[aria-current=page],body .detail-tabs>a[aria-current]{color:var(--green);border-color:var(--green)}
  body.admin-app header nav a:hover,body .admin-tools-nav a:hover{background:var(--theme-raised);color:var(--green)}
  body.admin-app header nav a[aria-current],body .admin-tools-nav a[aria-current]{background:var(--pale);color:var(--green);border-color:#484848}
  body button,body .button,body.admin-app a.button:not(.secondary),
  body .qahse-feedback-dialog button,body .qahse-feedback-dialog a{
    background:var(--theme-primary);color:#fff;border-color:#489a67;
  }
  body button:hover,body .button:hover{background:#2b8854;color:#fff}
  body button.secondary,body a.button.secondary,body .qahse-feedback-dialog .qahse-feedback-secondary{
    background:var(--theme-surface);color:var(--green);border-color:#707070;
  }
  body button.secondary:hover,body a.button.secondary:hover{background:var(--pale);color:#baf4ce}
  body .text-button,body .qahse-feedback-toast button{background:transparent;color:var(--green);border-color:transparent}
  body .text-button:hover,body .qahse-feedback-toast button:hover{background:var(--pale);color:#baf4ce}
  body .qahse-feedback-dialog{background:var(--theme-surface);color:var(--ink);border-color:#626262;box-shadow:0 24px 80px #0008}
  body .qahse-feedback-dialog p{color:var(--muted)}
  body .qahse-feedback-dialog::backdrop{background:#0000008c}
  body .qahse-feedback-toast{background:#282828;color:#bbf2cc;border-color:#626262;box-shadow:0 10px 38px #0005}
  body :is(a,button,input,select,textarea,summary):focus-visible{outline-color:#91c8ff}
  body input:focus,body select:focus,body.trial-app textarea:focus{outline-color:#91c8ff}
  body .mail-preview-canvas{background:#121212;border-color:var(--line)}
  /* Preview artwork and email iframe stay true to their authored colors. */
  body .mail-preview-frame{color-scheme:light}
  body.admin-app .customer-delete{border-color:#754949}
  body.admin-app .customer-delete summary{color:#ffb6ad}
  body.admin-app button.danger{background:#952b2b;color:#fff;border-color:#c36b6b}
  body.admin-app button.danger:hover{background:#ae3636;color:#fff}
}
@media print{:root{color-scheme:light}}