/* Private demo copies (docs/demo-requests.md): the sign-in page and the demo bar above every page of a copy. */
.auth-demo-facts {margin:0 0 6px;padding:0 0 0 18px;color:#536475;font-size:12px;line-height:1.6;}
.auth-button a.button {box-sizing:border-box;min-height:44px;align-items:center;font-size:14px;}

.demo-bar {display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:8px 24px;background:#15243a;color:#dbe4eb;font-size:12px;}
.demo-bar.ending {background:#fbf1dd;color:#8a5a1f;border-bottom:1px solid #eddcb5;}
.demo-bar-text {margin:0;min-width:0;}
.demo-bar-text strong {color:#fff;}
.demo-bar.ending .demo-bar-text strong {color:#8a5a1f;}
.demo-bar .demo-bar-short {display:none;}
.demo-bar-actions {display:flex;gap:8px;align-items:center;}
.demo-bar a.demo-bar-trial, .demo-bar a.demo-bar-trial:visited {padding:6px 12px;border-radius:6px;background:#efc979;color:#15243a;font-weight:700;white-space:nowrap;}
.demo-bar a.demo-bar-trial:hover {background:#f3d690;text-decoration:none;}
.demo-bar.ending a.demo-bar-trial, .demo-bar.ending a.demo-bar-trial:visited {background:#193a59;color:#fff;}
.demo-view-as {position:relative;}
.demo-bar button.demo-view-as-toggle {padding:6px 10px;border:1px solid #ffffff33;border-radius:6px;background:transparent;box-shadow:none;color:inherit;font-weight:500;white-space:nowrap;}
.demo-bar.ending button.demo-view-as-toggle {border-color:#e2cfa5;}
.demo-view-as-menu {position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:230px;margin:0;padding:6px;list-style:none;border:1px solid #dce3e7;border-radius:8px;background:#fff;box-shadow:0 8px 24px #15243a26;}
.demo-view-as-menu[hidden] {display:none;}
.demo-view-as-menu form {margin:0;}
.demo-view-as-menu button {display:block;width:100%;padding:8px 10px;border:0;border-radius:6px;background:none;box-shadow:none;color:#1e2d3d;text-align:left;font-size:13px;font-weight:600;}
.demo-view-as-menu button:hover {background:#f0f3f5;}
.demo-view-as-menu button.current {background:#e7eef5;}
.demo-view-as-menu small {display:block;margin-top:2px;color:#728292;font-size:11px;font-weight:500;}

/* The first-visit tour (DR6): a card beside the element it names, with an outline; never blocks the page. */
.demo-bar button.demo-tour-start {padding:6px 10px;border:1px solid #ffffff33;border-radius:6px;background:transparent;box-shadow:none;color:inherit;font-weight:500;white-space:nowrap;}
.demo-bar button.demo-tour-start:hover {background:#ffffff14;}
.demo-bar.ending button.demo-tour-start {border-color:#e2cfa5;}
.demo-tour-backdrop {position:fixed;inset:0;z-index:900;background:#15243a33;pointer-events:none;}
.demo-tour-spot {position:absolute;z-index:901;border-radius:8px;box-shadow:0 0 0 3px #efc979,0 0 0 9999px #15243a40;pointer-events:none;transition:top .2s,left .2s,width .2s,height .2s;}
.demo-tour-card {position:absolute;z-index:902;width:300px;max-width:calc(100vw - 32px);padding:16px 16px 14px;border:1px solid #dce3e7;border-radius:10px;background:#fff;box-shadow:0 14px 34px #15243a33;color:#1e2d3d;font-family:'DM Sans',Arial,sans-serif;text-align:left;}
.demo-tour-card.centered {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);}
.demo-tour-backdrop[hidden], .demo-tour-spot[hidden], .demo-tour-card[hidden], .demo-tour-back[hidden] {display:none;}
.demo-tour-arrow {position:absolute;width:12px;height:12px;background:#fff;border-left:1px solid #dce3e7;border-top:1px solid #dce3e7;transform:rotate(45deg);}
.demo-tour-card.below .demo-tour-arrow {top:-7px;left:var(--arrow-left,24px);}
.demo-tour-card.above .demo-tour-arrow {bottom:-7px;left:var(--arrow-left,24px);transform:rotate(225deg);}
.demo-tour-card.beside .demo-tour-arrow {top:var(--arrow-top,20px);left:-7px;transform:rotate(-45deg);}
.demo-tour-card.centered .demo-tour-arrow {display:none;}
.demo-tour-count {margin:0 0 4px;color:#9a6a2a;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}
.demo-tour-title {margin:0 0 6px;font:600 19px 'Playfair Display',Georgia,serif;color:#15243a;}
.demo-tour-text {margin:0 0 14px;color:#536475;font-size:13px;line-height:1.5;}
.demo-tour-actions {display:flex;gap:10px;align-items:center;justify-content:space-between;}
.demo-tour-move {display:flex;gap:8px;}
.demo-tour-card button {width:auto;margin:0;box-shadow:none;font:600 12px 'DM Sans',Arial,sans-serif;cursor:pointer;}
.demo-tour-card .demo-tour-skip, .demo-tour-card .demo-tour-back {padding:8px 4px;border:0;background:none;color:#536475;}
.demo-tour-card .demo-tour-next {padding:8px 14px;border:0;border-radius:6px;background:#193a59;color:#fff;}
.demo-tour-card .demo-tour-next:hover {background:#15243a;}

@media (max-width:1000px) {
    .demo-bar .demo-bar-long {display:none;}
    .demo-bar .demo-bar-short {display:inline;}
}
@media (max-width:600px) {
    .demo-bar {padding:8px 16px;}
    .demo-bar:not(.ending) .demo-bar-text strong {display:none;}
    .demo-bar:not(.ending) .demo-bar-short::before {content:"Demo";font-weight:700;}
    .demo-view-as-toggle .demo-view-as-current {display:none;}
    .demo-bar button.demo-tour-start {padding:6px 8px;}
    /* On a phone the card is a sheet at the bottom; the element it names keeps its outline above it. */
    .demo-tour-card, .demo-tour-card.centered {position:fixed;top:auto;left:16px;right:16px;bottom:16px;width:auto;transform:none;}
    .demo-tour-arrow {display:none;}
}

/* The demo request page on production (/demo): the form's extra fields and the result states. */
.demo-request-two {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.demo-request-two .auth-form-filed {min-width:0;}
.auth-form-filed select {width:100%;}
.demo-request-businesses {display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 14px;padding:0;border:0;}
.demo-request-businesses[hidden], .demo-request-hint[hidden], .demo-request-size[hidden] {display:none;}
.demo-request-businesses legend {width:100%;margin-bottom:7px;padding:0;font-size:12px;font-weight:700;color:#445767;}
.demo-request-businesses .filed-error {width:100%;}
.demo-request-choice {display:flex;gap:7px;align-items:center;font-size:12px;font-weight:500;color:#536475;cursor:pointer;}
.demo-request-choice input {width:auto;margin:0;}
.demo-request-news {margin:4px 0 6px;}
.demo-request-hint {margin:0 0 14px;padding:10px 12px;border-radius:7px;background:#eef3f7;color:#445767;font-size:12px;line-height:1.5;}
.demo-request-note {margin:0;padding:12px 14px;border-radius:7px;background:#f0f3f5;color:#536475;font-size:12px;line-height:1.5;}
.demo-request-icon {display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border-radius:50%;background:#e7eef5;color:#193a59;font-size:20px;}
.demo-request-icon.amber {background:#fbf1dd;}

@media (max-width: 420px) {
    .demo-request-two {grid-template-columns:1fr;gap:0;}
}