/* Daon-inspired presentation layer. Original responsive dashboard + flow logic remain unchanged.
   Palette: near-black, warm white, and golden yellow. No remote font or image dependencies. */
:root {
  --bg:#f7f7f5;
  --ink:#18191a;
  --ink-soft:#62666b;
  --nav:#161718;
  --accent:#e0ac00;
  --line:#e6e6e3;
  --white:#fff;
  --shadow:0 5px 25px rgba(16,17,18,.035);
  --radius:16px;
}
body {letter-spacing:-.015em;}
button:focus-visible,input:focus-visible,a:focus-visible {outline:3px solid #dbb017;outline-offset:3px}
/* Sidebar and identity */
.sidebar {color:#f6f6f2;border-right:1px solid #252625;background:#151615}
.brand {height:105px;gap:13px;padding-left:27px;border-bottom:1px solid #282927}
.brand-symbol {width:32px;height:33px;transform:none;flex:none}
.brand-symbol span {display:none}
.brand-symbol:before,.brand-symbol:after {content:"";position:absolute;width:36px;height:9px;left:-2px;top:12px;background:#f4c21b;border-radius:8px 1px 8px 1px;transform:rotate(51deg)}
.brand-symbol:after {transform:rotate(-51deg);background:#f6d445}
.brand-copy {gap:5px}
.brand-copy strong {font-size:27px;letter-spacing:-1.65px;color:#fff;font-weight:760}
.brand-dot {color:#f3ca27}
.brand-copy small {font-size:8px;font-weight:740;color:#adb0ab;letter-spacing:1.25px}
.side-content {padding-top:27px}
.nav-heading {color:#777d7b;font-size:9px;letter-spacing:1.8px}
.nav-link {height:45px;color:#b0b5b4;border-radius:10px;font-size:12px}
.nav-link svg {color:#8e9593}
.nav-link:hover {background:#292b29;color:#fff}
.nav-link.active {background:#f5cc31;border-color:#f5cc31;color:#121411;box-shadow:none;font-weight:760}
.nav-link.active svg,.nav-link.active .nav-number {color:#171815}
.nav-link .nav-number {color:#8b9290}
.side-divider {background:#2e302e}
.side-resource {color:#b3b8b5}
.tip-card {background:#222423;border:1px solid #353832;border-radius:13px;padding:20px 17px}
.tip-icon {background:#f4cd2c;color:#151713}
.tip-card strong {font-size:12px}
.tip-card p {color:#a9afac}
.tip-line {background:#414540}
.tip-card>span,.tip-card>span span {color:#d9c45c}
.sidebar-bottom {border-top:1px solid #303230}
.sidebar-bottom strong {color:#f6f6f6}
.sidebar-bottom small {color:#8c918f}
.small-orbit {background:#eac22d;color:#121311;font-weight:800;font-size:14px}
.green-indicator {background:#b2e4b8;box-shadow:0 0 0 3px #9bdb9b20}
/* Top and hero */
.topbar {background:#fff;border-bottom:1px solid var(--line)}
.breadcrumb {color:#898d89}
.breadcrumb b {color:#292b29}
.slash {color:#c6c9c4}
.env-indicator {background:#fafaf8;border-color:#e6e6e2;color:#5c605e}
.env-dot {background:#d5ab23}
.env-indicator.live .env-dot {background:#3ba879}
.top-avatar {background:#191b19;color:#f8d23e;border:0;font-size:12px}
.page-content {max-width:1510px;padding-top:41px}
.page-heading {margin-bottom:27px}
.eyebrow {color:#9a7614;font-size:10px;letter-spacing:1.6px}
.little-sparkle {color:#dfb622}
.page-heading h1 {font-size:37px;letter-spacing:-1.8px;font-weight:790}
.page-heading h1 em {background:none;-webkit-text-fill-color:#b18a0a;color:#b18a0a}
.page-heading p:last-child {color:#797d79;font-size:12px}
.date-label {color:#8d918c}
.hero {height:302px;border-radius:16px;background:linear-gradient(112deg,#171817 0%,#222320 68%,#2c2d24 100%);box-shadow:0 17px 35px #1f221c16}
.hero-noise {background-image:radial-gradient(#e9c55832 1px,transparent 1px);background-size:22px 22px;opacity:.25;mask-image:linear-gradient(90deg,transparent 5%,black 100%)}
.hero-rings {border-color:#f1ca361c}
.hero-rings:before,.hero-rings:after {border-color:#f1ca3614}
.hero-pill {background:#e8c42712;border-color:#eed03c50;color:#f2d770;font-size:9px;letter-spacing:1.45px}
.pill-star {font-size:8px;color:#f8d446}
.hero-copy {padding:34px 44px}
.hero h2 {font-size:38px;letter-spacing:-1.4px;font-weight:780;line-height:1.09;margin-top:22px;margin-bottom:16px}
.hero h2 span {color:#f5cf3e}
.hero p {font-size:12px;line-height:1.7;max-width:450px;color:#d4d5d0}
.hero-bottom {color:#e4e0d2;font-size:10px}
.hero-decorator {color:#f3ce3c;font-size:23px}
.hero-art {right:1%;top:-12px;width:40%}
.hero-glow {background:#e7c138;opacity:.16;filter:blur(55px)}
.orbit-outer {border-color:#dabc4955;transform:rotate(-24deg)}
.orbit-inner {border-color:#dabc493e}
.hero-center-icon {background:linear-gradient(142deg,#e8c442,#d29d18);border-radius:29px;box-shadow:0 17px 55px #0007;transform:rotate(-12deg)}
.hero-center-core {background:#1b1b19;color:#f1c62a;border-radius:17px;box-shadow:0 10px 25px #17170a3d;transform:rotate(12deg)}
.hero-x {display:block;width:40px;height:40px;position:relative}
.hero-x:before,.hero-x:after {content:"";width:44px;height:11px;background:#f4cd32;position:absolute;top:15px;left:-2px;border-radius:9px 2px 9px 2px;transform:rotate(50deg)}
.hero-x:after {transform:rotate(-50deg)}
.floating-icon {background:#fffdfa;border-radius:13px;box-shadow:0 12px 28px #0505055c}
.orbit-icon-1,.orbit-icon-2,.orbit-icon-3 {color:#292c25}
.hero-annotation {color:#e8d99a;letter-spacing:2.3px}
/* Entry field — elevated because it is the only required input */
.identity-bar {min-height:100px;padding:21px 23px;border-color:#e3e4df;border-left:4px solid #e8bd20;border-radius:14px;margin-top:20px}
.identity-symbol {background:#fff1b5;color:#3f3825;border-radius:11px}
.identity-description {min-width:253px;gap:5px}
.identity-description strong {font-size:13px}
.identity-description span {font-size:10.5px;color:#797e79}
.identity-description code {color:#5c4b08;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:650}
.identity-field {height:49px;max-width:380px;border-color:#d8dad5;border-radius:9px;background:#fff}
.identity-field:focus-within {border-color:#d2a61a;box-shadow:0 0 0 4px #eecb3833}
.identity-field input {font-size:13px;color:#1b1c1a}
.identity-field input::placeholder {color:#989e98}
.mail-symbol {color:#666c65}
.email-check {color:#16864f}
.email-hint {color:#8c918b}
.email-hint span {color:#ad8404}
/* Stats + section headings */
.metrics {min-height:93px;border-radius:14px;padding:14px 26px}
.metric-icon {border-radius:10px}
.icon-violet,.icon-peach,.icon-mint,.icon-blue {background:#fff2c1;color:#7a5c0a}
.metric strong {color:#212321;font-size:17px}
.metric div span {color:#8a908a}
.metric-divider {background:#e9ebe5}
.featured-section,.library {margin-top:44px}
.section-kicker {color:#947313}
.section-heading h2 {font-size:24px;color:#1e1f1d;letter-spacing:-.85px}
.heading-star {color:#c09512}
.section-heading p {color:#7e847e}
/* Card system: clean, confident, restrained */
.feature-card,.flow-card {background:#fff;border-color:#e4e5e1;box-shadow:0 4px 14px #1c21190a;border-radius:13px}
.feature-card:hover,.flow-card:hover {box-shadow:0 14px 32px #181a171c;transform:translateY(-2px);border-color:#d8c479}
.feature-card::after,.feature-card.accent-mint::after {background:radial-gradient(circle,#f2d15a35,transparent 68%)}
.flow-icon,.flow-head .flow-icon {background:#fff2c1!important;color:#292a21!important;border-radius:12px}
.popular-badge {background:#fff7d7;border-color:#f5e7a3;color:#876909}
.feature-card h3,.flow-card h3 {color:#181b18;font-weight:760}
.feature-card p,.flow-card p {color:#777d78}
.feature-bottom .feature-meta {color:#777e78}
.launch-btn,.accent-mint .launch-btn {background:#ebc12a;color:#171814;border-radius:8px}
.launch-btn:hover,.accent-mint .launch-btn:hover {background:#d5a818;color:#111}
.launch-btn.preview-launch,.accent-mint .launch-btn.preview-launch {background:#fff1be;color:#3e3104}
.launch-btn.preview-launch:hover {background:#f8e5a0}
.library-count {border-color:#e4e6e0;color:#7d837c}
.library-count span {color:#715711}
.filter-btn {color:#666d65;border-color:#e4e7e0;border-radius:8px;font-weight:650}
.filter-btn:hover {border-color:#d6ae23;color:#6e5410}
.filter-btn.active {background:#222420;border-color:#222420;color:#fff;box-shadow:none}
.flow-status.ready {color:#288760}
.flow-status.ready .status-dot {background:#3ca270}
.card-footer {border-color:#eceee7}
.card-action {color:#886a12}
.card-action:hover {color:#332807}
.card-category {color:#818880}
.footer {border-color:#e5e6e1;color:#8a918a}
.footer-brand {color:#434741}
.footer-mark {color:#cba216;font-weight:900;font-size:15px}
/* Popups */
.dialog-overlay {background:#10130db8}
.dialog {border-radius:16px}
.dialog-close {color:#565b54;background:#f3f4f0}
.dialog-kicker {color:#967312}
.dialog h2 {color:#171a15}
.dialog-subtitle,.steps li {color:#687168}
.steps li span {background:#fff0b5;color:#493b0b}
.dialog-info {background:#f7f7f2;color:#656b62}
.dialog-info.warning {background:#fff6dd;color:#866820}
.dialog-primary {background:#edc12a;color:#171914}
.dialog-primary:hover {background:#d6a617}
.dialog-secondary {background:#f3f3ee;color:#34362d}
.dialog .dialog-flow-icon,.dialog .dialog-flow-icon.accent-mint,.dialog .dialog-flow-icon.accent-coral,.dialog .dialog-flow-icon.accent-amber,.dialog .dialog-flow-icon.accent-blue,.dialog .dialog-flow-icon.accent-violet {background:#ffedb7;color:#59430a}
.dialog .dialog-flow-icon.dialog-success-icon {background:#e6f5e9;color:#28874f}
.dialog-secondary svg {color:#474a3e}
.toast {background:#252622;color:white}
.toast.error {background:#ad3939}
.result-id {background:#f6f6f3;color:#666e64}
.result-id strong {color:#252723}
.card-title-button:hover {text-decoration-color:#cda41e}
@media(max-width:1100px){
  .brand {padding-left:19px}
  .identity-description {min-width:205px}
  .hero h2 {font-size:34px}
}
@media(max-width:780px){
  .hero {height:270px}
  .hero-copy {padding:27px 25px}
  .hero h2 {font-size:31px}
  .identity-description {min-width:180px}
}
@media(max-width:530px){
  .hero {height:293px}
  .hero h2 {font-size:30px}
  .hero-copy {max-width:none}
  .hero-bottom {bottom:17px}
  .page-heading h1 {font-size:29px}
  .identity-bar {padding:16px}
  .identity-description span {font-size:9px}
}

/* Ready-to-open screen: desktop Open button and offline phone QR for the SAME instance. */
.dialog:has(.ready-launch-layout) {width:min(100%,640px);padding:29px 32px 28px}
.dialog:has(.ready-launch-layout) .dialog-flow-icon {height:47px;width:47px;border-radius:13px;margin-bottom:15px}
.dialog:has(.ready-launch-layout) .dialog-flow-icon svg {width:24px;height:24px}
.dialog:has(.ready-launch-layout) .dialog-kicker {margin-bottom:7px}
.dialog:has(.ready-launch-layout) h2 {font-size:25px;margin-bottom:5px}
.dialog:has(.ready-launch-layout) .dialog-subtitle {font-size:13px;margin-bottom:18px}
.ready-launch-layout {display:flex;align-items:center;gap:24px;padding:18px 20px;border:1px solid #e9e9e3;border-radius:14px;background:#fafaf7}
.ready-qr-group {flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:10px}
.ready-qr {display:flex;align-items:center;justify-content:center;width:222px;height:222px;padding:8px;background:#fff;border-radius:10px;border:1px solid #ededeb;overflow:hidden}
.ready-qr svg {width:100%;height:100%;display:block;image-rendering:pixelated}
.ready-qr-unavailable {font-size:12px;text-align:center;color:#826312;padding:15px}
.ready-scan-label {display:flex;align-items:center;gap:6px;color:#3d4039;font-weight:760;font-size:12px}
.ready-scan-label svg {height:17px;width:17px;color:#a57c00}
.ready-launch-details {min-width:0;flex:1}
.ready-launch-details>strong {display:block;font-weight:780;font-size:15px;color:#1c201b;margin-bottom:8px}
.ready-launch-details>p {font-size:12px;line-height:1.55;color:#72796f;margin:0 0 16px}
.ready-launch-details .result-id {font-size:11px;margin:0;padding:12px;background:#efefeb;line-height:1.55;overflow-wrap:anywhere}
.ready-launch-details .result-id strong {display:block;margin-top:5px;font-size:12px}
.ready-security-note {display:flex;align-items:flex-start;gap:8px;margin:16px 0 15px;color:#6d746b;font-size:11px;line-height:1.5}
.ready-security-note svg {height:15px;width:15px;flex:none;color:#9f7c0e}
.ready-actions .dialog-primary {background:#f8bf18;font-size:13px;color:#171914}
.ready-actions .dialog-primary:hover {background:#e9af08}
.ready-actions .dialog-secondary {font-size:12px;white-space:nowrap}
@media(max-width:600px){
 .dialog:has(.ready-launch-layout) {width:min(100%,430px);padding:20px 19px 21px}
 .dialog:has(.ready-launch-layout) .dialog-flow-icon {width:42px;height:42px;margin-bottom:10px}
 .dialog:has(.ready-launch-layout) h2 {font-size:23px}
 .dialog:has(.ready-launch-layout) .dialog-subtitle {font-size:12px;margin-bottom:13px}
 .ready-launch-layout {flex-direction:column;gap:9px;padding:13px}
 .ready-qr {width:196px;height:196px;padding:6px}
 .ready-qr-group {gap:6px}
 .ready-scan-label {font-size:11px}
 .ready-launch-details {text-align:center}
 .ready-launch-details>strong {font-size:12px;margin-bottom:2px}
 .ready-launch-details>p {font-size:11px;margin-bottom:8px}
 .ready-launch-details .result-id {font-size:10px;padding:8px}
 .ready-launch-details .result-id strong {font-size:11px;margin-top:2px}
 .ready-security-note {font-size:10px;margin:12px 0}
 .ready-actions {flex-wrap:nowrap}
 .ready-actions .dialog-secondary {padding:12px 10px}
}
@media(max-height:680px) and (max-width:600px){
 .ready-qr {width:164px;height:164px}
 .dialog:has(.ready-launch-layout) .dialog-flow-icon {display:none}
 .dialog:has(.ready-launch-layout) .dialog-subtitle {margin-bottom:8px}
 .ready-launch-layout {padding:9px}
}


/* Identity Store registration checker, deliberately compact to preserve the dashboard. */
.identity-lookup-controls {display:flex;gap:9px;align-items:center;flex:1 1 440px;min-width:290px}
.identity-lookup-controls .identity-field {min-width:0;max-width:none;flex:1;height:49px}
.check-registrations {border:1px solid #d6a115;background:#f8bf18;color:#1b1d1a;border-radius:9px;min-height:49px;padding:0 16px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px #ac810d18;transition:background .15s}
.check-registrations:hover {background:#edb30b}
.check-registrations:focus-visible {outline:3px solid #946b00;outline-offset:2px}
.check-registrations:disabled {opacity:.6;cursor:wait}
.registration-panel {background:#fff;border:1px solid #e4e5dc;border-radius:13px;padding:17px 19px;margin-top:10px;box-shadow:0 3px 11px #171a160c}
.registration-panel[hidden] {display:none}
.registration-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.registration-heading>div {display:flex;flex-direction:column;gap:4px}
.registration-heading strong {font-size:13px;color:#20231d;font-weight:800}
.registration-heading span {font-size:11px;color:#697067;overflow-wrap:anywhere}
.registration-dismiss {border:none;background:#f3f3ef;border-radius:7px;width:27px;height:27px;font-size:17px;cursor:pointer;color:#5f645b;flex:none}
.registration-factor-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.registration-factor {display:flex;align-items:center;gap:9px;padding:12px 11px;border:1px solid #eaebe5;border-radius:10px;background:#fcfcfa;min-width:0}
.registration-factor-icon {display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:850;background:#eee;color:#565c53}
.registration-factor.registered .registration-factor-icon {background:#ddf5e8;color:#177347}
.registration-factor.not_registered .registration-factor-icon {background:#f1f1ed;color:#7b8177}
.registration-factor.unavailable .registration-factor-icon {background:#fff0ce;color:#9a6a07}
.registration-factor-name {font-size:11px;font-weight:800;color:#262923}
.registration-factor-state {font-size:10px;color:#626961;margin-left:auto;text-align:right}
.registration-factor.registered .registration-factor-state {color:#177347;font-weight:750}
.registration-footnote {font-size:10px;margin:12px 1px 0;color:#8a660e}
.registration-loading {font-size:12px;color:#646b62}
@media(max-width:900px) {.identity-lookup-controls {flex-basis:100%}.identity-bar .email-hint{display:none}}
@media(max-width:600px) {
 .identity-lookup-controls {gap:7px;min-width:0;width:100%}
 .check-registrations {padding:0 11px;font-size:10px}
 .identity-lookup-controls .identity-field {padding:0 10px}
 .registration-factor-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .registration-factor {flex-direction:column;align-items:flex-start;gap:6px;padding:11px 9px}
 .registration-factor-state {margin-left:0;text-align:left;font-size:10px}
}
@media(max-width:345px) {
 .identity-lookup-controls {flex-wrap:wrap}
 .check-registrations {width:100%}
 .identity-lookup-controls .identity-field {flex:1 1 100%}
}

/* Demo identity reset: two explicit, separate actions, phone-friendly. */
.identity-lookup-controls {flex-wrap:wrap;min-width:0}
.identity-lookup-controls .identity-field {flex:1 1 190px}
.identity-lookup-buttons {display:flex;align-items:center;gap:8px;flex:0 0 auto}
.identity-lookup-buttons button {min-height:49px;border-radius:9px;white-space:nowrap;font-size:11px;font-weight:800;cursor:pointer;padding:0 13px}
.delete-user-button {border:1px solid #d4b1ac;background:#fff;color:#a83e35}
.delete-user-button:hover {background:#fff0ed;border-color:#c66d64}
.delete-user-button:focus-visible {outline:3px solid #a83e35;outline-offset:2px}
.identity-lookup-buttons button:disabled {opacity:.55;cursor:wait}
.delete-confirm-icon {display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:#fff0ed;color:#a83e35;margin-bottom:18px}
.delete-confirm-icon svg {width:27px;height:27px}
.delete-email-label {font-size:10px;font-weight:750;color:#7a8077;margin-bottom:8px}
.delete-email-value {background:#f6f6f2;border:1px solid #e9e9e2;border-radius:9px;padding:13px;color:#292b25;font-size:13px;font-weight:800;overflow-wrap:anywhere}
.delete-warning {color:#8d4e42;font-size:11px;line-height:1.6;margin:16px 0 20px}
.dialog-danger {border:0;border-radius:10px;background:#a83e35;color:#fff;font-size:11px;font-weight:800;padding:13px 17px;flex:1;cursor:pointer}
.dialog-danger:hover {background:#912e27}
.dialog-danger:disabled {opacity:.55;cursor:wait}
@media(max-width:1000px) {
  .identity-lookup-controls .identity-field {flex-basis:100%}
  .identity-lookup-buttons {width:100%;}
  .identity-lookup-buttons button {flex:1 1 auto}
}
@media(max-width:600px) {
  .identity-lookup-controls {gap:8px}
  .identity-lookup-controls .identity-field {flex:1 1 100%}
  .identity-lookup-buttons {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);width:100%;gap:8px}
  .identity-lookup-buttons button {width:100%;padding:0 8px;font-size:10.5px}
}
/* October update: compact, operator-first workspace. */
:root {--accent:#F8BF18}
.top-right {gap:12px;flex-wrap:wrap}
.tenant-picker {display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750;color:#5f655e}
.tenant-picker select {appearance:auto;border:1px solid #e0e3d9;border-radius:9px;padding:10px 9px;background:#fafaf7;color:#262923;max-width:195px;font:inherit;cursor:pointer}
.admin-header-btn {border:1px solid #e0e3d9;border-radius:9px;background:#fff;color:#43483e;padding:11px 13px;font-size:11px;font-weight:750;cursor:pointer}
.admin-header-btn:hover {border-color:#d3aa1a;background:#fff9e5}
.page-content {padding-top:25px}
.page-heading {margin-bottom:20px}
.identity-bar {margin-top:0;margin-bottom:11px}
.identity-lookup-controls {flex-basis:470px}
.identity-lookup-buttons button {font-size:10px}
.workspace-widgets {display:grid;grid-template-columns:1fr 1.1fr;gap:17px;margin-top:19px}
.workspace-widget {min-width:0;background:#fff;border:1px solid #e5e6df;border-radius:14px;padding:18px 19px;box-shadow:0 4px 16px #17191606}
.widget-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.widget-heading h2 {font-size:17px;line-height:1.2;letter-spacing:-.5px;margin:4px 0 0;color:#22251e}
.widget-hint {font-size:10px;color:#858c82}
.subtle-action {border:0;background:#f4f4ee;padding:7px 11px;border-radius:7px;cursor:pointer;color:#626860;font-size:11px;font-weight:700}
.subtle-action:disabled {opacity:.45;cursor:default}
.guide-list,.history-list {display:flex;flex-direction:column;gap:6px}
.guide-row {width:100%;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:10px;padding:9px;text-align:left;background:#f9f9f6;cursor:pointer;color:#232620}
.guide-row:hover {border-color:#edd78c;background:#fff9e7}
.guide-number {display:grid;place-items:center;width:32px;height:32px;flex:none;background:#fff0bb;border-radius:9px;font-size:10px;font-weight:900;color:#86650e}
.guide-row>span:nth-child(2){flex:1;min-width:0}
.guide-row strong,.history-info strong {font-size:11px;font-weight:800;display:block}
.guide-row small,.history-info span,.history-info small {font-size:10px;color:#767c73;display:block;line-height:1.5;margin-top:2px}
.guide-arrow {color:#9b770b;font-weight:800}
.history-entry {display:flex;gap:9px;align-items:center;justify-content:space-between;background:#f9f9f6;border-radius:10px;padding:9px 11px}
.history-info {min-width:0;overflow-wrap:anywhere}
.history-actions {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;flex:none}
.history-actions button {padding:7px 8px;border:1px solid #e8e8df;border-radius:6px;background:#fff;color:#6a5311;cursor:pointer;font-size:10px;font-weight:700}
.history-actions svg {width:13px;height:13px;vertical-align:middle}
.empty-history {font-size:11px;line-height:1.6;color:#8a9086;margin:14px 0}
.workspace-widgets + .hero {margin-top:20px;height:172px}
.workspace-widgets + .hero .hero-copy {padding:18px 30px}
.workspace-widgets + .hero .hero-copy h2 {font-size:29px;margin:11px 0 7px}
.workspace-widgets + .hero .hero-copy p {max-width:720px;line-height:1.45;font-size:11px}
.workspace-widgets + .hero .hero-bottom {display:none}
.workspace-widgets + .hero .hero-art {transform:scale(.74);transform-origin:center}
.workspace-widgets + .hero .hero-pill {font-size:8px}
.metrics {margin-top:17px}
.factor-shortcut {font-size:10px;border:1px solid #edd28a;background:#fff8e3;color:#795a0b;border-radius:7px;padding:7px 8px;font-weight:800;cursor:pointer;white-space:nowrap;margin-left:4px}
.factor-shortcut:hover {background:#F8BF18;color:#1b1d1a}
.registration-factor {flex-wrap:wrap;gap:7px}
.registration-factor .factor-shortcut {margin-left:auto}
.guide-steps {display:flex;flex-direction:column;gap:9px;margin:20px 0}
.guide-step {display:flex;align-items:center;gap:10px;padding:12px;background:#f8f8f4;border-radius:10px}
.guide-step>span {width:29px;height:29px;display:grid;place-items:center;background:#fff1bd;color:#80600d;border-radius:50%;font-size:12px;font-weight:800}
.guide-step>div {flex:1;min-width:0}
.guide-step strong {display:block;font-size:12px}
.guide-step small {display:block;font-size:10px;color:#878c83;margin-top:3px}
.guide-step button {border:0;background:#F8BF18;border-radius:7px;color:#191a17;font-size:11px;font-weight:800;padding:9px 11px;cursor:pointer}
.admin-label {display:block;font-size:11px;font-weight:700;color:#434a42;margin:12px 0}
.admin-label input,.admin-row input,.admin-row textarea {width:100%;display:block;min-width:0;border:1px solid #d9ddd4;border-radius:9px;background:#fff;padding:11px 12px;font:inherit;font-size:12px;margin:7px 0 0;line-height:1.45}
.admin-editor {max-height:min(56vh,560px);overflow:auto;padding:3px 15px 3px 3px;scrollbar-gutter:stable}
.admin-row {padding:17px 4px 20px;border-bottom:1px solid #e9e9e5;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.admin-row:first-child {padding-top:6px}
.admin-row label {font-size:11px;color:#596056;display:block;min-width:0}
.admin-row .admin-title-label {grid-column:1/-1;font-weight:750;color:#393d35}
.admin-row .admin-title-label input {font-size:14px;font-weight:650}
.admin-row label:last-child {grid-column:1/-1}
.admin-row textarea {resize:vertical;min-height:75px}
/* Contained focus indication: never paints over the field edge or neighboring labels. */
.admin-row input:focus-visible,.admin-row textarea:focus-visible {outline:none;border-color:#b88705;box-shadow:inset 0 0 0 2px #e8b20c}
.dialog:has(.admin-editor) {max-width:680px}
@media(max-width:530px){.admin-row{grid-template-columns:1fr}.admin-editor{padding-right:9px}}
.ready-actions {gap:7px}
.ready-actions .dialog-secondary {white-space:nowrap}
@media(max-width:1060px){.workspace-widgets {grid-template-columns:1fr}.top-right {gap:6px}.tenant-picker select {max-width:150px}}
@media(max-width:780px){.tenant-picker>span {display:none}.admin-header-btn {padding:9px 7px;font-size:10px}.tenant-picker select {padding:9px 5px;max-width:155px}.topbar{padding-left:11px;padding-right:11px}.breadcrumb {display:none}}
@media(max-width:600px){
 .page-content {padding-top:17px}.page-heading {margin-bottom:13px}
 .page-heading h1 {font-size:26px}
 .workspace-widget {padding:13px}
 .workspace-widgets {gap:10px;margin-top:12px}
 .workspace-widgets+.hero {height:145px;margin-top:13px}
 .workspace-widgets+.hero .hero-copy {padding:17px 18px}
 .workspace-widgets+.hero .hero-pill {display:none}
 .workspace-widgets+.hero .hero h2,.workspace-widgets+.hero .hero-copy h2{font-size:22px;margin:5px 0 6px}
 .workspace-widgets+.hero .hero-copy p{font-size:10px}
 .workspace-widgets+.hero .hero-art {display:none}
 .guide-row {padding:7px}
 .history-actions {max-width:128px}
 .registration-factor-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .registration-factor .factor-shortcut {margin-left:0}
 .ready-actions .dialog-secondary{padding:11px 7px;font-size:10px}
 .ready-actions .dialog-primary{padding:11px}
}

/* Company destination: real accessible link, visually consistent with the gold tagline. */
.tip-card .tip-daon-link {display:inline-flex;align-items:center;gap:5px;max-width:100%;color:#d9c45c;text-decoration:none;font-size:10px;line-height:1.6;transition:color .15s ease}
.tip-card .tip-daon-link span {color:inherit}
.tip-card .tip-daon-link:hover {color:#f7d85d;text-decoration:underline;text-underline-offset:3px}
.tip-card .tip-daon-link:focus-visible {outline:2px solid #f6d545;outline-offset:4px;border-radius:2px}
/* Guided workflows and server-side tenant configuration */
.workflow-row .guide-number svg {width:17px;height:17px}
.workflow-row .guide-arrow {font-size:10px;white-space:nowrap}
.workflow-mini-track {display:block;height:4px;margin-top:8px;background:#eae9df;border-radius:9px;overflow:hidden;max-width:185px}
.workflow-mini-track span,.workflow-progress span {display:block;height:100%;background:#e6b20e;border-radius:9px;transition:width .2s}
.workflow-context {display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #e6e6de;background:#f9f9f4;border-radius:9px;padding:12px;margin:13px 0;color:#424840;font-size:11px}
.workflow-context svg {width:17px;height:17px;color:#bd8a08}
.workflow-context strong {overflow-wrap:anywhere}
.workflow-context span {margin-left:auto;color:#8e721c;font-weight:750}
.workflow-progress {height:7px;background:#eaece6;border-radius:10px;overflow:hidden;margin:7px 0 15px}
.workflow-steps {max-height:min(47vh,455px);overflow-y:auto;padding-right:9px;scrollbar-gutter:stable;display:grid;gap:10px}
.workflow-step {padding:13px 14px;border:1px solid #e2e4dc;background:#fbfbf8;border-radius:11px}
.workflow-step.current {border-color:#dfba40;background:#fffaf0}
.workflow-step.completed {background:#f6faf4;border-color:#c8dec4}
.workflow-step.skipped {opacity:.75}
.workflow-step-head {display:flex;gap:12px;align-items:center}
.workflow-index {width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:10px;background:#f5e8bf;color:#6d5617;font-size:12px;font-weight:900}
.workflow-step.completed .workflow-index {background:#dceedd;color:#317846}
.workflow-step-head strong {font-size:12px;line-height:1.5;color:#242822}
.workflow-step-head small {display:block;margin-top:3px;font-size:10px;line-height:1.45;color:#72796e}
.workflow-instance {font-size:10px;color:#73766f;overflow-wrap:anywhere;margin:11px 0 0 42px;font-family:ui-monospace,monospace}
.workflow-note {font-size:10px;color:#766c4f;margin:7px 0 0 42px;line-height:1.5}
.workflow-actions {display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 0 42px}
.workflow-action,.workflow-secondary,.workflow-quiet {border-radius:8px;padding:9px 11px;font-size:11px;font-weight:750;cursor:pointer;white-space:normal}
.workflow-action {background:#f8bf18;color:#1b1b18;border:1px solid #f8bf18}
.workflow-action:disabled {background:#eeeee8;color:#898d86;border-color:#e6e6df;cursor:not-allowed}
.workflow-secondary {display:inline-flex;align-items:center;gap:6px;border:1px solid #d9dcd2;background:#fff;color:#655423}
.workflow-secondary svg {width:13px;height:13px}
.workflow-quiet {background:transparent;color:#777e73;border:0;text-decoration:underline;text-underline-offset:2px}
.workflow-done {margin-top:14px;padding:12px;border-radius:9px;background:#eaf6e9;color:#29623c;font-size:11px;font-weight:750}
.workflow-footnote {color:#838981;font-size:10px;line-height:1.55;margin:13px 0}
.dialog:has(.workflow-steps) {width:min(100%,640px);max-width:640px}
.dialog:has(.tenant-editor-grid),.dialog:has(#workflow-admin-list) {width:min(100%,760px);max-width:760px}
.tenant-editor-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;margin:17px 0}
.tenant-editor-grid label,.admin-tenant-switch label {display:block;color:#525950;font-weight:650;font-size:11px;min-width:0}
.tenant-editor-grid input,.admin-tenant-switch select,.workflow-edit-step select {width:100%;display:block;min-width:0;margin-top:7px;padding:11px 12px;border:1px solid #d9ddd4;border-radius:9px;background:#fff;color:#222921;font:inherit;font-size:12px;line-height:1.4;box-sizing:border-box}
.tenant-editor-grid input:focus-visible,.admin-tenant-switch select:focus-visible,.workflow-edit-step select:focus-visible {outline:none;border-color:#b88705;box-shadow:inset 0 0 0 2px #e8b20c}
.tenant-editor-grid input[readonly] {color:#757b75;background:#f4f5f1}
.admin-tenant-switch select {max-width:340px}
.tenant-clear {font-size:11px;color:#9b453c;display:flex;gap:8px;align-items:center}
.tenant-clear input {accent-color:#a83e35}
.workflow-admin-card {border:1px solid #e5e5df;border-radius:12px;padding:15px;margin:7px 0 12px;background:#fdfdf9}
.workflow-admin-head {display:flex;justify-content:space-between;align-items:center}
.workflow-admin-head strong {font-size:12px}
.workflow-admin-card .tenant-editor-grid {margin:12px 0}
.workflow-editor-label {font-size:11px;color:#676c62}
.workflow-edit-steps {display:grid;gap:8px;margin:9px 0 12px}
.workflow-edit-step {display:grid;grid-template-columns:22px minmax(0,1.2fr) minmax(0,1fr) 30px;align-items:center;gap:6px}
.workflow-edit-step>span {text-align:center;font-size:10px;font-weight:800;color:#907217}
.workflow-edit-step select {margin:0;padding:9px 6px}
.workflow-step-remove {border:0;background:#f1f0e8;border-radius:7px;height:34px;cursor:pointer;color:#747b6d;font-size:18px}
.add-workflow-btn {margin:10px 0}
@media (max-width:600px){
 .tenant-editor-grid {grid-template-columns:minmax(0,1fr);gap:11px}
 .workflow-steps {max-height:48vh}
 .workflow-edit-step {grid-template-columns:20px minmax(0,1fr) 29px}
 .workflow-edit-step select:nth-of-type(2) {grid-column:2/3}
 .workflow-edit-step .workflow-step-remove {grid-column:3/4;grid-row:1/3;height:100%}
 .top-right {gap:4px}
 #tenants-admin-btn,#workflows-admin-btn {padding:9px 7px;font-size:10px}
 .workflow-context span {margin-left:27px}
}

/* One compact administration entry point, with clear tabs instead of topbar clutter. */
.admin-tabs {display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #e9e9e3;margin:-3px 0 15px;padding-bottom:12px}
.admin-tabs button {border:1px solid #e5e5dd;color:#5d6258;background:#f8f8f4;padding:9px 15px;border-radius:8px;font-size:11px;font-weight:750}
.admin-tabs button.active {background:#f8bf18;border-color:#e4b517;color:#202017}
.admin-tabs button:focus-visible {outline:2px solid #d6a018;outline-offset:2px}
/* Catalog management: safe add/remove controls, with the same inset focus styling. */
.admin-row-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.admin-row-heading span{min-width:0;font-size:11px;font-weight:750;color:#666e61;overflow-wrap:anywhere}
.admin-remove-process{font:inherit;font-size:11px;font-weight:750;padding:7px 10px;border-radius:8px;border:1px solid #e7cfca;background:#fff9f8;color:#a24d44;cursor:pointer;flex:none}
.admin-remove-process:hover{background:#fae8e5}
.admin-row select{display:block;width:100%;min-width:0;box-sizing:border-box;padding:11px 12px;margin:7px 0 0;background:#fff;border:1px solid #d9ddd4;border-radius:9px;font:inherit;font-size:12px}
.admin-row select:focus-visible{outline:none;border-color:#b88705;box-shadow:inset 0 0 0 2px #e8b20c}
.admin-add-process{margin:13px 0 5px;padding:10px 14px}
.admin-catalog-hint,.admin-catalog-empty{font-size:11px;color:#737b70;line-height:1.55;margin:5px 0 17px}

/* Live catalog search: stays within the existing Daon theme. */
.demo-search-row {margin:0 0 16px;max-width:660px}
.demo-search-field {display:flex;align-items:center;gap:10px;width:100%;height:48px;padding:0 12px 0 15px;border:1px solid #dfe3da;background:#fff;border-radius:11px;transition:border-color .18s,box-shadow .18s}
.demo-search-field:focus-within {border-color:#c59e1b;box-shadow:0 0 0 3px rgba(235,193,42,.17)}
.demo-search-icon {display:flex;align-items:center;justify-content:center;color:#899087;flex:none}
.demo-search-icon svg {width:19px;height:19px}
#demo-search {flex:1;min-width:0;width:100%;border:0;background:transparent;outline:0;box-shadow:none;color:#242722;font:inherit;font-size:13px;font-weight:500;appearance:none;-webkit-appearance:none}
#demo-search::placeholder {color:#939991;font-weight:400}
#demo-search::-webkit-search-cancel-button {display:none}
.demo-search-clear {border:0;background:#f1f2ed;color:#687065;cursor:pointer;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;flex:none;padding:0}
.demo-search-clear:hover {color:#242722;background:#e5e7df}
.demo-search-clear:focus-visible {outline:2px solid #c59e1b;outline-offset:2px}
.demo-search-clear svg {width:15px;height:15px}
.demo-search-clear[hidden] {display:none!important}
@media(max-width:530px){.demo-search-row{max-width:none}.demo-search-field{height:46px}#demo-search{font-size:12px}}

/* Scenario Lab — curated, one-Process-Instance journeys. */
.scenario-list {display:flex;flex-direction:column;gap:7px}
.scenario-row {align-items:center;min-height:69px;background:#fafaf7;border:1px solid #ebebe5;transition:border-color .15s,background .15s}
.scenario-row:hover {background:#fff9e6;border-color:#e8cd78}
.scenario-row .guide-number svg {width:17px;height:17px}
.scenario-row small {max-width:410px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}
.scenario-row .guide-arrow {font-size:10px;white-space:nowrap}
.scenario-all {display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #ede4c5;background:#fffaf0;border-radius:9px;color:#70550a;padding:10px 13px;cursor:pointer;font-size:11px;font-weight:750}
.scenario-all svg {width:16px;height:16px}
.scenario-all:hover {background:#fff2cb}
.dialog:has(.scenario-detail),.dialog:has(.scenario-admin-editor),.dialog:has(.scenario-directory) {width:min(100%,740px);max-height:min(90vh,890px);overflow-y:auto}
.scenario-detail .dialog-flow-icon {margin-bottom:14px}
.scenario-detail-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 18px}
.scenario-explain {border:1px solid #e8e9e3;background:#f9f9f6;border-radius:12px;padding:16px 17px}
.scenario-explain.solution {border-color:#e7dbaf;background:#fffaf0}
.scenario-explain>span {font-size:9px;font-weight:850;color:#8f7015;letter-spacing:1.1px}
.scenario-explain p {margin:10px 0 0;color:#42483f;font-size:12px;line-height:1.65}
.scenario-outcomes {padding:2px 2px 10px}
.scenario-outcomes>strong {font-size:12px;color:#22251e}
.scenario-outcomes ul {list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:11px 13px}
.scenario-outcomes li {display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#545b53;line-height:1.45}
.scenario-outcomes li svg {width:16px;height:16px;color:#298251;flex:none}
.scenario-launch-context {margin:15px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.scenario-launch-context>div {display:flex;align-items:flex-start;gap:10px;border:1px solid #ebebe5;padding:12px;border-radius:10px;min-width:0}
.scenario-launch-context>div>svg {width:17px;height:17px;color:#806513;flex:none}
.scenario-launch-context span {display:block;font-size:10px;color:#8c9088;margin-bottom:5px}
.scenario-launch-context strong {display:block;font-size:11px;color:#282d25;overflow-wrap:anywhere}
.scenario-preflight {background:#fafaf7;border:1px solid #e8e9e4;border-radius:11px;padding:14px 16px;margin:16px 0}
.scenario-preflight>div:first-child strong {font-size:12px}
.scenario-preflight>div:first-child p {font-size:11px;line-height:1.55;color:#6b7169;margin:6px 0 11px}
.scenario-preflight button {display:inline-flex;gap:7px;align-items:center}
.scenario-preflight button svg {width:15px;height:15px}
.scenario-preflight button:disabled {opacity:.5;cursor:not-allowed}
.scenario-preflight-result:not(:empty) {margin-top:12px;padding-top:12px;border-top:1px solid #e6e7e1;font-size:11px;line-height:1.6;color:#545a50}
.scenario-factor-list {display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}
.scenario-factor {background:#f2f2ee;color:#666c64;padding:5px 9px;border-radius:6px;font-size:10px;font-weight:750}
.scenario-factor.registered {background:#e0f4e8;color:#216d40}
.scenario-factor.not_registered {background:#f4f0e4;color:#887128}
.scenario-preflight-result p {color:#777e75;margin:6px 0 0;font-size:10px}
.scenario-note {background:#fff5da;color:#785b18;border-radius:9px;padding:12px 14px;margin:12px 0;font-size:11px;line-height:1.55}
.scenario-footnote {font-size:10px;color:#858a80;line-height:1.6;margin:18px 0 0}
.scenario-directory {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}
.scenario-directory-card {text-align:left;background:#fafaf7;border:1px solid #e9e9e2;padding:16px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:130px}
.scenario-directory-card:hover {border-color:#dfc16c;background:#fff8e6}
.scenario-directory-card strong {font-size:13px}
.scenario-directory-card span {font-size:11px;color:#646d63;line-height:1.5}
.scenario-directory-card small {font-size:10px;color:#956f0f;margin-top:auto}
.dialog:has(.scenario-admin-editor) {width:min(100%,850px)}
.scenario-admin-card {background:#fdfdfa;border:1px solid #e8e9e2;border-radius:12px;padding:16px;margin:8px 2px 14px}
.scenario-admin-actions {display:flex;gap:5px;flex-wrap:wrap}
.scenario-admin-actions button {padding:7px 10px;border-radius:7px}
.scenario-admin-actions button:disabled {opacity:.35;cursor:default}
.scenario-admin-card .tenant-editor-grid {margin:13px 0 12px}
.scenario-admin-label {display:flex;flex-direction:column;gap:6px;margin:13px 0;font-size:11px;font-weight:750;color:#444b42}
.scenario-admin-label textarea,.scenario-admin-label select {display:block;width:100%;box-sizing:border-box;border:1px solid #dfe2d9;border-radius:8px;padding:11px;background:#fff;color:#242722;font:inherit;font-size:12px;font-weight:500;line-height:1.55}
.scenario-admin-label textarea {resize:vertical;min-height:58px}
.scenario-admin-toggles {display:flex;flex-wrap:wrap;gap:15px;margin:14px 0 3px}
.scenario-admin-toggles label {display:flex;align-items:center;gap:7px;font-size:11px;color:#565b55;cursor:pointer}
.scenario-admin-toggles input {accent-color:#dca91f}
@media(max-width:650px){
 .scenario-detail-grid,.scenario-launch-context,.scenario-directory,.scenario-outcomes ul {grid-template-columns:1fr}
 .scenario-explain {padding:13px}
 .scenario-admin-card {padding:12px}
 .scenario-admin-actions {gap:3px}
 .scenario-row {padding:10px}
 .scenario-row .guide-arrow {font-size:9px}
}
/* Keep scenario admin controls readable in the existing modal form grid. */
.scenario-admin-card .tenant-editor-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.scenario-admin-card .tenant-editor-grid label {display:flex;flex-direction:column;gap:6px;min-width:0;color:#444b42;font-size:11px;font-weight:750}
.scenario-admin-card .tenant-editor-grid input,.scenario-admin-card .tenant-editor-grid select {box-sizing:border-box;width:100%;min-height:40px;border:1px solid #dfe2d9;border-radius:8px;padding:8px 10px;background:#fff;color:#242722;font-size:12px;font-weight:500}
/* The Add action lives in the same pinned footer as Save/Cancel so it never scrolls underneath them. */
.scenario-admin-editor > .dialog-actions.scenario-admin-footer {position:sticky;bottom:-1px;padding:12px 0;background:#fff;border-top:1px solid #e9eae5;z-index:2;align-items:center;gap:10px}
.scenario-admin-footer #add-scenario {flex:0 0 auto;min-height:46px;padding:12px 16px;font-size:13px;white-space:nowrap}
.scenario-admin-footer #add-scenario:disabled {opacity:.45;cursor:not-allowed}
.scenario-admin-footer .dialog-primary {min-width:130px}
@media(max-width:560px){
 .scenario-admin-footer #add-scenario {flex:1 0 100%;justify-content:center}
 .scenario-admin-footer .dialog-secondary {flex:0 0 auto}
 .scenario-admin-footer .dialog-primary {flex:1 1 auto}
}
@media(max-width:560px){.scenario-admin-card .tenant-editor-grid{grid-template-columns:1fr}}


/* Authenticator management: consistent controls and accessible confirmation dialogs. */
.registration-factor-actions {
  display:flex; align-items:center; justify-content:flex-end; gap:7px;
  flex:1 1 100%; min-width:0; margin-top:3px;
}
.registration-factor .registration-factor-actions .factor-shortcut {margin-left:0}
.registration-factor .factor-remove {
  appearance:none; display:inline-flex; align-items:center; justify-content:center;
  min-height:32px; padding:7px 12px; margin:0;
  border:1px solid #e6c6c1; border-radius:8px;
  background:#fffafa; color:#a14339; font:inherit; font-size:11px; font-weight:750;
  line-height:1.2; white-space:nowrap; cursor:pointer;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.registration-factor .factor-remove:hover {background:#fff0ed;border-color:#c98a81;color:#852f27}
.registration-factor .factor-remove:focus-visible,
.auth-removal-dialog input:focus-visible,
.auth-removal-dialog button:focus-visible {outline:3px solid #d6aa21;outline-offset:3px}
.registration-factor .factor-remove:disabled {opacity:.55;cursor:not-allowed}
.auth-removal-dialog {color:#252922}
.auth-removal-dialog .dialog-kicker {font-size:10px;line-height:1.5;letter-spacing:1.5px;margin:0 0 13px}
.auth-removal-dialog h2 {font-size:clamp(25px,3vw,31px);font-weight:800;line-height:1.18;letter-spacing:-.9px;margin:0 35px 12px 0}
.auth-removal-dialog .dialog-subtitle {font-size:13px;line-height:1.65;color:#606960;margin:0 0 22px;max-width:58ch}
.auth-removal-dialog .removal-context {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0 0 22px;padding:16px;border:1px solid #e8e9e3;border-radius:12px;background:#f8f9f6}
.auth-removal-dialog .removal-context-item {min-width:0;display:flex;flex-direction:column;gap:6px;margin:0}
.auth-removal-dialog .removal-context dt {color:#727b71;font-size:10px;font-weight:760;letter-spacing:.35px;text-transform:uppercase}
.auth-removal-dialog .removal-context dd {margin:0;min-width:0;overflow-wrap:anywhere;color:#232922;font-size:12px;font-weight:760;line-height:1.5}
.auth-removal-dialog .removal-choices {margin:0 0 20px;padding:0;min-width:0;border:0}
.auth-removal-dialog .removal-choices legend,
.auth-removal-dialog .removal-selection-label {display:block;margin:0 0 7px;color:#292e28;font-size:12px;font-weight:800}
.auth-removal-dialog .removal-choices-help {font-size:11px;line-height:1.5;margin:0 0 12px;color:#747c73}
.auth-removal-dialog .removal-choice-list {display:grid;gap:9px;max-height:238px;overflow-y:auto;padding:2px}
.auth-removal-dialog .removal-choice {
  display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer;
  padding:13px 14px;border:1px solid #e3e6de;border-radius:10px;background:#fff;
  transition:background .15s,border-color .15s,box-shadow .15s;
}
.auth-removal-dialog .removal-choice:hover {border-color:#d6b455;background:#fffdf5}
.auth-removal-dialog .removal-choice:has(input:checked) {border-color:#cb9b1b;background:#fff9e6;box-shadow:0 0 0 1px #cb9b1b24}
.auth-removal-dialog .removal-choice input {flex:none;appearance:auto;width:17px;height:17px;margin:0;accent-color:#b48913;cursor:pointer}
.auth-removal-dialog .removal-choice-copy {display:flex;flex-direction:column;min-width:0;gap:4px}
.auth-removal-dialog .removal-choice-copy strong {color:#262923;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.auth-removal-dialog .removal-choice-copy small {color:#71796f;font-size:10px}
.auth-removal-dialog .removal-selection {margin:0 0 19px}
.auth-removal-dialog .removal-single {display:flex;align-items:center;gap:10px;border:1px solid #e4e7e0;border-radius:10px;padding:13px 14px;min-width:0;background:#fff}
.auth-removal-dialog .removal-single strong {font-size:12px;font-weight:760;overflow-wrap:anywhere}
.auth-removal-dialog .removal-single-check {width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e0f3e8;color:#21734b;font-size:12px;flex:none}
.auth-removal-dialog .removal-notice {border-left:3px solid #d4b85e;border-radius:0 8px 8px 0;background:#fbfaf5;padding:12px 14px;font-size:11px;line-height:1.65;color:#575f54;margin:0 0 23px}
.auth-removal-dialog .removal-actions {display:flex;gap:10px;flex-wrap:nowrap}
.auth-removal-dialog .removal-actions .dialog-secondary {flex:0 0 auto;min-width:95px;border:1px solid #e3e6dd}
.auth-removal-dialog .removal-actions .dialog-danger {flex:1 1 auto;min-width:0}
.auth-removal-dialog .removal-actions button {font:inherit;font-weight:800;font-size:12px;line-height:1.4;min-height:43px;border-radius:10px}
.auth-removal-dialog .removal-actions .dialog-danger {background:#a83e35;color:#fff}
.auth-removal-dialog .removal-actions .dialog-danger:hover {background:#922f28}
@media(max-width:600px) {
 .registration-factor-actions {justify-content:flex-start;flex-wrap:wrap;gap:6px}
 .registration-factor .factor-remove,.registration-factor .registration-factor-actions .factor-shortcut {flex:0 1 auto;min-height:32px}
 .auth-removal-dialog .removal-context {grid-template-columns:1fr;gap:14px;padding:14px}
 .auth-removal-dialog .dialog-subtitle {font-size:12px}
 .auth-removal-dialog .removal-actions {gap:8px}
 .auth-removal-dialog .removal-actions .dialog-secondary {min-width:78px}
 .auth-removal-dialog .removal-actions button {font-size:11px;padding:11px 10px}
}
@media(max-width:370px) {
 .auth-removal-dialog .removal-actions {flex-direction:column-reverse}
 .auth-removal-dialog .removal-actions .dialog-secondary,
 .auth-removal-dialog .removal-actions .dialog-danger {width:100%}
}

/* 2026-10: Cohesive, accessible modal sizing for the entire Demo Studio. */
.dialog-overlay {padding:clamp(12px,2.5vw,28px)}
.dialog {
  box-sizing:border-box;
  width:min(100%,760px);
  max-width:760px;
  max-height:calc(100dvh - 28px);
  overflow-y:auto;
  padding:clamp(24px,3.2vw,40px);
  border-radius:20px;
}
.dialog:has(.scenario-detail),
.dialog:has(.scenario-admin-editor),
.dialog:has(.scenario-directory),
.dialog:has(.tenant-editor-grid),
.dialog:has(.admin-editor),
.dialog:has(.auth-settings-editor),
.dialog:has(#workflow-admin-list) {width:min(100%,850px);max-width:850px}
.dialog:has(.ready-launch-layout) {width:min(100%,760px);max-width:760px;padding:clamp(24px,3vw,38px)}
.dialog h2 {font-size:clamp(27px,3vw,34px);line-height:1.2;letter-spacing:-.75px;margin-bottom:12px}
.dialog .dialog-kicker {font-size:12px;line-height:1.55;letter-spacing:1.4px}
.dialog .dialog-subtitle {font-size:15px;line-height:1.65;max-width:68ch;margin-bottom:24px}
.dialog .dialog-info,.dialog .steps li,.dialog .workflow-footnote {font-size:14px;line-height:1.6}
.dialog .dialog-actions button {min-height:46px;font-size:14px;padding:12px 18px}
.dialog .dialog-close {width:42px;height:42px;right:18px;top:16px;font-size:25px}
.dialog .result-id {font-size:13px}
.dialog:has(.ready-launch-layout) h2 {font-size:clamp(27px,3vw,33px)}
.dialog:has(.ready-launch-layout) .dialog-subtitle {font-size:15px}
.dialog .ready-launch-details>p,.dialog .ready-security-note {font-size:14px;line-height:1.5}
.dialog .ready-launch-details .result-id {font-size:13px}
.dialog .ready-actions button {font-size:14px}
.dialog .admin-tabs button {font-size:13px;min-height:42px;padding:10px 15px}
.dialog .tenant-editor-grid label,.dialog .admin-tenant-switch label,.dialog .scenario-admin-label {font-size:13px}
.dialog .tenant-editor-grid input,.dialog .tenant-editor-grid select,.dialog .admin-tenant-switch select {min-height:44px;font-size:14px}
.dialog .scenario-admin-label textarea,.dialog .scenario-admin-label select {font-size:14px}

/* Authenticator removal: larger labels and checkbox selection for one or more records. */
.dialog:has(.auth-removal-dialog) {width:min(100%,760px);max-width:760px}
.auth-removal-dialog .dialog-kicker {font-size:12px}
.auth-removal-dialog h2 {font-size:clamp(29px,3vw,36px)}
.auth-removal-dialog .dialog-subtitle {font-size:16px;line-height:1.6;max-width:66ch}
.auth-removal-dialog .removal-context {padding:20px;margin-bottom:25px;gap:24px}
.auth-removal-dialog .removal-context dt {font-size:12px}
.auth-removal-dialog .removal-context dd {font-size:15px}
.auth-removal-dialog .removal-choices legend,.auth-removal-dialog .removal-selection-label {font-size:16px;margin-bottom:9px}
.auth-removal-dialog .removal-choice-toolbar {display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.auth-removal-dialog .removal-choices-help {font-size:13px;line-height:1.5;margin:0}
.auth-removal-dialog .removal-toggle-all {flex:none;border:1px solid #d9c17b;background:#fff8e4;border-radius:8px;color:#775a0e;font:inherit;font-size:13px;font-weight:750;cursor:pointer;padding:9px 14px}
.auth-removal-dialog .removal-toggle-all:hover {background:#fff0c5}
.auth-removal-dialog .removal-choice-list {max-height:min(38vh,370px);gap:10px}
.auth-removal-dialog .removal-choice {min-height:64px;padding:14px 16px}
.auth-removal-dialog .removal-choice input {width:20px;height:20px}
.auth-removal-dialog .removal-choice-copy strong {font-size:15px}
.auth-removal-dialog .removal-choice-copy small {font-size:12px}
.auth-removal-dialog .removal-single strong {font-size:15px}
.auth-removal-dialog .removal-count {color:#675c3d;font-size:13px;font-weight:700;margin:12px 2px 0}
.auth-removal-dialog .removal-notice {font-size:15px;line-height:1.6;padding:17px 19px;margin-bottom:26px}
.auth-removal-dialog .removal-actions button {font-size:14px;min-height:48px}
.auth-removal-dialog .removal-actions .dialog-danger:disabled {opacity:.44;cursor:not-allowed}

/* Admin: only the mapping and the reason device execution matters. */
.auth-settings-editor {margin:22px 0 26px}
.auth-settings-label {display:block;font-size:14px;color:#30352b;font-weight:780;margin:0 0 10px}
.auth-settings-select {appearance:auto;display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:50px;padding:11px 15px;border:1px solid #cfd3c7;background:#fff;color:#242821;border-radius:10px;font:inherit;font-size:15px;font-weight:550;cursor:pointer}
.auth-settings-select:focus-visible,.auth-removal-dialog .removal-toggle-all:focus-visible {outline:3px solid #d9aa1b;outline-offset:2px}
.auth-settings-help {display:flex;align-items:flex-start;gap:11px;margin:18px 0 0;background:#faf8ef;border:1px solid #eae5d1;border-radius:12px;padding:17px 18px;color:#555c50}
.auth-settings-help svg {width:21px;height:21px;flex:none;margin-top:1px;color:#947018}
.auth-settings-help p {margin:0;font-size:15px;line-height:1.6}
.auth-settings-help strong {color:#33392c}
/* Per-tenant registration/authentication mapping editor */
.auth-section-heading h3,.auth-dereg-section h3 {font-size:18px;letter-spacing:-.3px;color:#20251d;margin:0 0 7px}
.auth-section-heading p {font-size:14px;line-height:1.55;color:#666c61;margin:0 0 17px}
.auth-link-button {appearance:none;border:0;background:none;padding:0;color:#80620c;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:750;cursor:pointer}
.auth-shortcut-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.auth-shortcut-card {min-width:0;border:1px solid #e4e6de;background:#fcfcf9;border-radius:13px;padding:17px}
.auth-shortcut-card h4 {margin:0 0 13px;color:#23291f;font-size:16px;font-weight:800}
.auth-shortcut-fields {display:grid;gap:13px}
.auth-shortcut-field {display:block;min-width:0}
.auth-shortcut-field span {display:block;font-weight:720;font-size:12px;color:#595e56;margin-bottom:7px}
.auth-shortcut-card .auth-settings-select {font-size:13px;min-height:45px;padding:9px 10px}
.auth-dereg-section {border-top:1px solid #e2e6d9;margin-top:23px;padding-top:23px}
.auth-dereg-section .auth-settings-label {margin-top:15px}
.auth-empty-hint {border:1px solid #eadfb7;background:#fcf8e8;color:#74632d;padding:12px 14px;border-radius:10px;font-size:13px;margin:0 0 17px}
@media(max-width:610px){.auth-shortcut-grid{grid-template-columns:1fr}.auth-shortcut-card{padding:15px}}
@media(max-width:600px){
 .dialog-overlay {padding:10px}
 .dialog,.dialog:has(.ready-launch-layout),.dialog:has(.auth-removal-dialog),.dialog:has(.scenario-detail),.dialog:has(.scenario-admin-editor),.dialog:has(.scenario-directory),.dialog:has(.tenant-editor-grid),.dialog:has(.admin-editor),.dialog:has(.auth-settings-editor) {width:100%;max-width:100%;padding:24px 20px;border-radius:16px}
 .dialog h2,.dialog:has(.ready-launch-layout) h2 {font-size:27px}
 .dialog .dialog-subtitle,.dialog:has(.ready-launch-layout) .dialog-subtitle {font-size:15px}
 .auth-removal-dialog .dialog-subtitle,.auth-removal-dialog .removal-notice {font-size:15px}
 .auth-removal-dialog .removal-choice-toolbar {align-items:flex-start;flex-wrap:wrap}
 .auth-removal-dialog .removal-context {padding:16px;gap:15px}
 .auth-removal-dialog .removal-context dd {font-size:14px}
 .auth-removal-dialog .removal-actions {flex-wrap:wrap}
 .auth-removal-dialog .removal-actions button {font-size:14px}
 .auth-settings-help p {font-size:14px}
 .dialog .ready-launch-details>p,.dialog .ready-security-note {font-size:13px}
 .dialog .admin-tabs button {font-size:12px}
}

/* Scenario manager has one dedicated scrolling region. Keep all actions visible,
   rather than letting a second modal scrollbar place form fields beneath them. */
.dialog:has(.scenario-admin-editor) {display:flex;flex-direction:column;overflow:hidden}
.dialog:has(.scenario-admin-editor) #dialog-content {display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.dialog:has(.scenario-admin-editor) .scenario-admin-editor {display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.scenario-admin-editor > .admin-editor {flex:1 1 auto;min-height:90px;max-height:none;overflow-y:auto}
.scenario-admin-editor > .workflow-footnote {flex:none;margin:9px 0 0}
.scenario-admin-editor > .scenario-admin-footer {position:static;flex:none}

/* Keep add/clear actions aligned in the existing Daon admin editor. */
.admin-process-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* Admin password visibility control. */
.admin-password-field{position:relative;margin:7px 0 18px}.admin-password-field input{display:block;width:100%;min-width:0;border:1px solid #d9ddd4;border-radius:9px;background:#fff;padding:12px 48px 12px 12px;font:inherit;font-size:14px;line-height:1.45}.admin-password-field button{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:6px;background:transparent;color:#526046}.admin-password-field button:hover{background:#f1f3ec}.admin-password-field button svg{width:20px;height:20px}
.tenant-removal-section{border-top:1px solid #e5ded7;margin-top:23px;padding-top:19px}.tenant-removal-section h3{font-size:16px;margin:0 0 8px}.tenant-removal-section p{font-size:14px;line-height:1.6;color:#727567;margin:8px 0 12px}.tenant-removal-section .dialog-danger,.tenant-removal-confirm .dialog-danger{border:0;border-radius:9px;background:#a83e35;color:#fff;font:inherit;font-size:14px;font-weight:700;padding:12px 18px;min-height:46px}.tenant-removal-section .dialog-danger:hover,.tenant-removal-confirm .dialog-danger:hover{background:#922f28}.tenant-removal-section .dialog-danger:disabled{opacity:.45;cursor:not-allowed}.tenant-removal-confirm .dialog-danger{flex:1}.tenant-removal-error{color:#a83e35;font-size:14px;line-height:1.6;margin:12px 0}.tenant-removal-help{max-width:700px}
/* v1.5.11: contain mobile toolbar controls and authenticator actions. */
@media(max-width:780px){
 .topbar{height:auto;min-height:76px;padding:11px 13px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start}
 .topbar .top-left{min-width:0;min-height:40px}
 .topbar .mobile-menu{width:34px;min-height:40px;margin:0;flex:none}
 .topbar .breadcrumb,.topbar .top-avatar{display:none}
 .topbar .top-right{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 8px;min-width:0;width:100%}
 .topbar .tenant-picker{grid-column:1;min-width:0;margin:0;display:block}
 .topbar .tenant-picker>span{display:none}
 .topbar .tenant-picker select{width:100%;max-width:none;min-width:0;min-height:40px;padding:8px;font-size:12px;box-sizing:border-box}
 .topbar .admin-header-btn{grid-column:2;min-height:40px;max-width:140px;margin:0;padding:8px 10px;font-size:12px;white-space:normal}
 .topbar .env-indicator{grid-column:1 / -1;justify-self:start;max-width:100%;padding:5px 9px;font-size:11px;white-space:nowrap}
 .registration-factor-grid .registration-factor{display:grid;grid-template-columns:24px minmax(0,1fr);align-content:start;align-items:start;gap:7px 9px;min-width:0;padding:12px}
 .registration-factor-grid .registration-factor-icon{grid-column:1;grid-row:1 / 3}
 .registration-factor-grid .registration-factor-name{grid-column:2;min-width:0;font-size:12px}
 .registration-factor-grid .registration-factor-state{grid-column:2;margin:0;text-align:left;font-size:11px;min-width:0}
 .registration-factor-grid .registration-factor-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-column:1 / -1;align-self:stretch;gap:7px;flex:none;min-width:0;width:100%;margin:5px 0 0}
 .registration-factor-grid .registration-factor-actions .factor-shortcut,.registration-factor-grid .registration-factor-actions .factor-remove{width:100%;min-width:0;max-width:100%;min-height:40px;margin:0;padding:8px;white-space:normal;text-align:center;box-sizing:border-box}
}
@media(max-width:560px){
 .registration-factor-grid{grid-template-columns:minmax(0,1fr);gap:9px}
 .registration-factor-grid .registration-factor{grid-template-columns:24px minmax(0,1fr) minmax(105px,136px);align-items:center}
 .registration-factor-grid .registration-factor-actions{grid-column:3;grid-row:1 / 3;margin:0}
 .registration-factor-grid .registration-factor-actions .factor-shortcut,.registration-factor-grid .registration-factor-actions .factor-remove{min-height:44px;font-size:11px}
}
@media(max-width:360px){
 .topbar .top-right{grid-template-columns:minmax(0,1fr)}
 .topbar .admin-header-btn{grid-column:1;width:100%;max-width:none}
 .registration-factor-grid .registration-factor{grid-template-columns:24px minmax(0,1fr)}
 .registration-factor-grid .registration-factor-actions{grid-column:1 / -1;grid-row:auto;margin-top:5px}
}