/* All preview text is rendered by the browser, rather than a scaled image. */
.preview-branding{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;background:#e5f1f8;border:1px solid #c6dce9;border-radius:9px;padding:25px;margin:25px 0}
.preview-branding label{margin:0;font-size:13px}.preview-branding input[type=text]{margin-top:9px;font-size:16px;background:#fff;max-width:380px}
.preview-branding fieldset{border:0;padding:0;margin:0;min-width:0}.preview-branding legend{font-size:13px;font-weight:600;padding:0;margin-bottom:12px}.preview-branding p{font-size:11px;margin:8px 0 0}
.preview-themes{display:flex;flex-wrap:wrap;gap:8px 12px}.preview-theme{display:flex;align-items:center;gap:7px;position:relative;padding:7px 9px;border:1px solid #bcced9;border-radius:5px;background:#fff;cursor:pointer;font-size:11px!important;min-height:39px}
.preview-theme:has(input:checked){outline:2px solid #345c75;outline-offset:1px}.preview-theme input{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:0;min-height:0}.preview-theme:has(input:focus-visible){outline:3px solid #216b9d;outline-offset:4px}.preview-swatch{width:16px;height:16px;border-radius:50%;background:#b9dcf5;border:1px solid #547a9255}
.preview-theme[data-theme=forest] .preview-swatch{background:#37725c}.preview-theme[data-theme=navy] .preview-swatch{background:#25456c}.preview-theme[data-theme=clay] .preview-swatch{background:#a75b43}.preview-theme[data-theme=plum] .preview-swatch{background:#78516f}
.preview-brand-intro{font-size:15px;max-width:780px;margin-top:20px}
.dashboard-preview{--pv-accent:#b9dcf5;--pv-dark:#1c435e;--pv-soft:#eaf4fb;--pv-border:#d5e5f0;--pv-side:#172e3d;color:#243340;background:#f4f6f8;font-family:Arial,Helvetica,sans-serif}
.dashboard-preview[data-theme=forest]{--pv-accent:#a9d4bd;--pv-dark:#2a614b;--pv-soft:#edf5f0;--pv-border:#d4e6da;--pv-side:#173a2e}
.dashboard-preview[data-theme=navy]{--pv-accent:#bfd0ec;--pv-dark:#25456c;--pv-soft:#edf1f8;--pv-border:#d7e0ef;--pv-side:#17283f}
.dashboard-preview[data-theme=clay]{--pv-accent:#edc5b5;--pv-dark:#8c4833;--pv-soft:#faf0eb;--pv-border:#eddbd3;--pv-side:#472c26}
.dashboard-preview[data-theme=plum]{--pv-accent:#d9c3d5;--pv-dark:#714864;--pv-soft:#f5eef3;--pv-border:#e6d8e3;--pv-side:#382434}
.pv-shell{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:680px;font-size:13px;line-height:1.5}.pv-sidebar{background:var(--pv-side);color:#e6edf2;padding:24px 14px;display:flex;flex-direction:column}.pv-brand{display:flex;gap:11px;align-items:center;padding:0 4px 26px;border-bottom:1px solid #ffffff20;min-width:0}.pv-logo{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:8px;background:var(--pv-accent);color:var(--pv-side);font-weight:700;font-size:24px}.pv-brand strong{display:block;font-size:15px;overflow-wrap:anywhere;line-height:1.3}.pv-brand small{display:block;font-size:9px;color:#d0dbe3;margin-top:5px}.pv-sidebar-label{font-size:9px;letter-spacing:1.5px;color:#b8c8d2!important;margin:24px 10px 12px}.pv-nav{display:flex;flex-direction:column;gap:5px}.pv-nav button{border:0;background:transparent;color:#dce5ec;padding:11px 9px;display:flex;gap:10px;align-items:center;text-align:left;font-size:11px;border-radius:5px;cursor:pointer;min-height:38px}.pv-nav button:hover{background:#ffffff15}.pv-nav .pv-active{background:var(--pv-accent);color:var(--pv-side);font-weight:700}.pv-nav-icon{font-size:9px;opacity:.7}.pv-sidebar-foot{font-size:9px;color:#b8c8d2;margin:auto 6px 0;padding-top:30px}.pv-body{min-width:0}.pv-topbar{background:white;min-height:58px;border-bottom:1px solid #e0e6eb;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px;font-size:11px}.pv-topbar .preview-business{overflow-wrap:anywhere;max-width:65%;font-weight:600}.pv-topbar-right{font-size:10px;color:#697681;white-space:nowrap}.pv-main{padding:25px}.pv-page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.pv-page-head h3{font-size:26px;letter-spacing:-.8px;margin:5px 0 8px;font-weight:600}.pv-page-head p{font-size:11px;line-height:1.6;margin:0;color:#596976}.pv-page-head .pv-kicker{font-size:8px;letter-spacing:1.5px;color:var(--pv-dark);font-weight:700}.pv-badge{display:inline-block;white-space:nowrap;padding:4px 8px;border-radius:4px;font-size:9px;background:#eff2f4;color:#4b5d6a;line-height:1.5;font-weight:600}.pv-good{background:#e9f4ed;color:#35654b}.pv-pending{background:var(--pv-soft);color:var(--pv-dark);border:1px solid var(--pv-border)}.pv-neutral{background:#f0f2f5;color:#4d5c6a}.pv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.pv-stat{background:white;border:1px solid #dfe5ea;padding:18px 15px;border-radius:7px;min-width:0}.pv-stat>span{display:block;font-size:10px;color:#596976}.pv-stat strong{display:block;font-size:29px;letter-spacing:-1px;margin:12px 0 8px;font-weight:600}.pv-stat small{font-size:9px;color:#657582}.pv-overview-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:18px}.pv-card{background:white;border:1px solid #dfe5ea;border-radius:7px;padding:19px;margin-bottom:18px;min-width:0}.pv-card h4{font-size:13px;margin:0 0 15px;letter-spacing:-.2px}.pv-overview-grid>.pv-card{margin:0}.pv-agenda-row{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:15px 0;border-bottom:1px solid #edf0f3;align-items:start}.pv-agenda-row:last-child{border:0}.pv-time{font-size:10px;color:var(--pv-dark);font-weight:600}.pv-agenda-row strong{display:block;font-size:11px;line-height:1.5}.pv-agenda-row small{display:block;font-size:9px;color:#657582;margin-top:5px}.pv-agenda-row .pv-badge{grid-column:2;justify-self:start}.pv-attention-row{display:flex;gap:10px;padding:15px 0;border-bottom:1px solid #edf0f3}.pv-attention-row:last-child{border:0}.pv-attention-row strong{display:block;font-size:10px}.pv-attention-row small{display:block;font-size:9px;color:#657582;margin-top:6px}.pv-attention-dot{font-size:9px;display:grid;place-items:center;width:19px;height:19px;flex-shrink:0;background:var(--pv-soft);color:var(--pv-dark);border-radius:50%}.pv-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pv-pipeline>div{background:var(--pv-soft);padding:13px;border:1px solid var(--pv-border);border-radius:5px}.pv-pipeline small{font-size:9px;display:block;color:var(--pv-dark)}.pv-pipeline strong{font-size:22px;display:block;font-weight:500;margin-top:7px}.pv-table-scroll{overflow:auto}.pv-table{width:100%;border-collapse:collapse;min-width:540px;font-size:11px}.pv-table th{font-size:9px;letter-spacing:.3px;text-align:left;color:#596976;background:#f5f7f9;padding:12px 10px;font-weight:600}.pv-table td{padding:17px 10px;vertical-align:top;border-bottom:1px solid #e8edf0;line-height:1.6}.pv-table tr:last-child td{border:0}.pv-table td:first-child{font-weight:600;color:var(--pv-dark)}.pv-table td:nth-child(2){overflow-wrap:anywhere}.pv-toolbar{font-size:11px;margin-bottom:15px;color:#586c7b;padding:12px 15px;background:white;border:1px solid #e0e6eb;border-radius:5px}.pv-job-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pv-job-meta small{font-size:9px;color:#657582;display:block}.pv-job-meta strong{display:block;font-size:12px;margin-top:6px}.pv-job-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0;font-size:10px}.pv-job-progress span{background:#e9edf1;padding:12px;border-radius:4px}.pv-job-progress .pv-current{background:var(--pv-accent);color:var(--pv-side);font-weight:600}.pv-copy{font-size:12px;line-height:1.7;margin:0;color:#536674!important}.pv-notice{padding:14px 17px;font-size:11px;line-height:1.6;background:var(--pv-soft);color:var(--pv-dark);border:1px solid var(--pv-border);border-radius:6px;margin-bottom:18px}.pv-timer{font-size:32px;font-variant-numeric:tabular-nums;margin:0;color:var(--pv-dark)!important}.pv-invoice{max-width:720px;margin:auto;padding:28px}.pv-invoice-header{display:flex;justify-content:space-between;border-bottom:2px solid var(--pv-accent);padding-bottom:24px;gap:20px}.pv-invoice-header strong{font-size:23px;overflow-wrap:anywhere}.pv-invoice-header small{display:block;font-size:10px;color:#657582;margin-top:5px}.pv-invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.pv-invoice-meta p{font-size:11px;margin:0}.pv-invoice-totals{display:flex;justify-content:space-between;align-items:center;padding:24px 10px;font-size:14px}.pv-invoice-totals strong{font-size:26px;color:var(--pv-dark)}.pv-invoice-note{font-size:10px;line-height:1.6;padding:12px;background:#f4f6f8;border-radius:4px;color:#596976!important}.pv-board{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;overflow:auto}.pv-board-column{background:#eaf0f4;padding:12px;border-radius:6px}.pv-board-column>h4{font-size:11px;margin:0 0 4px}.pv-board-column>small{font-size:8px;color:#596976}.pv-booking{background:white;border:1px solid var(--pv-border);border-left:3px solid var(--pv-dark);border-radius:5px;padding:12px 9px;margin-top:15px}.pv-booking>small{font-size:8px;color:var(--pv-dark);display:block}.pv-booking>strong{display:block;font-size:10px;margin:9px 0}.pv-booking>span:not(.pv-badge){font-size:9px;display:block;margin-bottom:12px}.pv-booking .pv-badge{font-size:8px;white-space:normal}.pv-connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pv-connection-grid .pv-card{margin:0}.pv-connection-grid p{margin-bottom:20px}
.preview-figure{margin:0;border-top:1px solid #d1dce2;background:#e0e8ed;padding:18px 18px 0}.preview-figure>.dashboard-preview{border:1px solid #bdcbd5;border-radius:7px;overflow:hidden;box-shadow:0 7px 20px #29445210}.preview-figure figcaption{display:flex;justify-content:space-between;padding:12px 0;gap:15px;font-size:10px;color:#405664}.preview-dialog-scroll{overflow:auto;max-height:calc(100dvh - 150px)}.preview-dialog-scroll .pv-shell{min-height:700px}.screenshot-dialog:has(#dashboard-preview-full){max-width:1600px}.preview-mobile-tip{display:none}
@media(max-width:1050px){.pv-shell{grid-template-columns:170px minmax(0,1fr)}.pv-main{padding:18px}.pv-stats{gap:8px}.pv-stat{padding:14px 11px}.pv-overview-grid{grid-template-columns:1fr 1fr;gap:12px}.pv-card{padding:15px}.pv-brand strong{font-size:13px}.pv-nav button{font-size:10px}}
@media(max-width:760px){
 .preview-branding{grid-template-columns:1fr;gap:20px;padding:20px;margin:22px 0}.preview-branding input[type=text]{max-width:none}.preview-brand-intro{font-size:14px}.preview-themes{gap:9px}.preview-theme{min-height:42px}
 .preview-figure{padding:8px 8px 0}.preview-figure figcaption{font-size:9px;padding:12px 3px}.pv-shell{grid-template-columns:1fr;min-height:0}.pv-sidebar{padding:15px}.pv-brand{border:0;padding:0}.pv-brand strong{font-size:15px}.pv-brand small{font-size:9px}.pv-logo{width:34px;height:34px;font-size:22px}.pv-sidebar-label,.pv-sidebar-foot{display:none}.pv-nav{flex-direction:row;overflow:auto;gap:6px;margin-top:16px;padding-bottom:3px}.pv-nav button{white-space:nowrap;padding:9px 11px;min-height:38px;flex-shrink:0;font-size:10px;background:#ffffff0a}.pv-nav-icon{display:none}.pv-topbar{padding:12px 15px;min-height:45px;font-size:10px}.pv-topbar-right{font-size:8px}.pv-main{padding:17px 12px}.pv-page-head{margin-bottom:20px}.pv-page-head h3{font-size:23px}.pv-page-head p{font-size:11px}.pv-page-head .pv-kicker{font-size:7px}.pv-stats{grid-template-columns:1fr 1fr;gap:9px}.pv-stat{padding:15px 12px}.pv-stat>span{font-size:10px}.pv-stat strong{font-size:27px;margin:9px 0 5px}.pv-stat small{font-size:9px}.pv-overview-grid{grid-template-columns:1fr;gap:13px}.pv-card{padding:15px}.pv-card h4{font-size:13px}.pv-agenda-row{grid-template-columns:36px 1fr;padding:12px 0}.pv-agenda-row strong{font-size:11px}.pv-attention-row strong{font-size:11px}.pv-agenda-row small,.pv-attention-row small{font-size:10px}.pv-pipeline{grid-template-columns:1fr 1fr;gap:8px}.pv-pipeline small{font-size:9px}.pv-pipeline strong{font-size:22px}.pv-job-meta{grid-template-columns:1fr 1fr;gap:18px 12px}.pv-job-meta strong{font-size:11px}.pv-job-progress{grid-template-columns:1fr 1fr;font-size:10px}.pv-connection-grid{grid-template-columns:1fr}.pv-invoice{padding:17px}.pv-invoice-header strong{font-size:20px}.pv-invoice-meta{grid-template-columns:1fr}.pv-invoice .pv-table{min-width:390px}.preview-dialog-scroll{max-height:calc(100dvh - 125px)}.preview-mobile-tip{display:block;font-size:11px!important;margin:8px 0 0!important}
}
/* Allow horizontal preview navigation to scroll without widening its grid. */
.pv-sidebar{min-width:0}
.pv-nav{min-width:0}
@media(max-width:760px){.pv-shell{grid-template-columns:minmax(0,1fr)}.pv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pv-topbar .preview-business{max-width:58%}.pv-topbar-right{white-space:normal;text-align:right}}
@media(min-width:761px){.pv-nav button{font-size:12px}.pv-stat>span{font-size:11px}.pv-stat small{font-size:10px}.pv-table{font-size:12px}.pv-table th{font-size:10px}.pv-agenda-row strong,.pv-attention-row strong{font-size:12px}.pv-agenda-row small,.pv-attention-row small{font-size:10px}.pv-time{font-size:11px}.pv-copy{font-size:13px}.pv-page-head p{font-size:12px}.pv-page-head .pv-kicker{font-size:9px}}