/* Generated by scripts/render-feature-previews.py. */

/* Source-matched contact panels and cropped application dialogs. */
.fp-contact-tags { display:flex;flex-wrap:wrap;gap:8px;margin-top:10px; }
.fp-contact-tags .fp-badge { display:inline-flex;align-items:center;gap:6px;font-size:13px; }
.fp-contact-tags svg { width:12px;height:12px; }
.fp-before .fp-heading { margin-bottom:8px; }
.fp-before .fp-actions .fp-action { flex:1;justify-content:center; }
#fv1 .fp-fields>div { border:0;padding:11px 0; }
#fv1 .fp-list { gap:10px; }
#fv1 .fp-row { border:0;border-bottom:1px solid var(--fp-line);padding:15px 0;border-radius:0;background:transparent; }
#fv1 .fp-row:last-child { border-bottom:0; }
.fp-agent-bar { display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid var(--fp-line); }
.fp-agent-bar img { object-fit:contain;width:26px;height:26px; }
.fp-agent-bar strong { font-size:14px;font-weight:600; }
.fp-agent-bar .fp-badge { margin-left:auto; }
.fp-composer { border:1px solid var(--fp-line);border-radius:8px;margin-top:24px;padding:13px; }
.fp-composer>p { color:#a6b2c1;font-size:13px;min-height:34px; }
.fp-composer-controls { display:flex;flex-wrap:wrap;gap:6px;align-items:center; }
.fp-composer-controls .fp-action { padding:5px 8px;font-size:13px;min-height:30px; }
.fp-composer-controls .fp-action:last-child { margin-left:auto; }
.fp-dialog-surface { padding:20px;border:1px solid var(--fp-line);border-radius:8px;background:#121a23; }
.fp-dialog-surface .fp-heading { gap:12px;margin-bottom:17px; }
.fp-dialog-surface .fp-heading h3 { font-size:16px;letter-spacing:-.02em; }
.fp-dialog-surface .fp-heading>.fp-action { flex-shrink:0; }
.fp-dialog-copy { color:#adb9c7;font-size:13px;line-height:1.75; }
.fp-inline-link { color:#84c9e9;font-size:13px;margin-top:16px!important; }
.fp-dialog-footer { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:23px; }
.fp-knowledge-docs { display:grid;gap:16px;margin:20px 0; }
.fp-knowledge-docs>div { display:flex;align-items:flex-start;gap:12px; }
.fp-knowledge-docs svg { margin-top:3px;color:#b7cbdc; }
.fp-knowledge-docs strong { font-size:13px;font-weight:500; }
.fp-knowledge-docs p { color:#a6b2c1;font-size:13px; }
.fp-contact-quick-actions { display:grid;gap:9px;margin-top:22px; }
.fp-contact-quick-actions .fp-action { justify-content:flex-start;min-height:39px; }
.fp-dialog-lock { display:block;margin-bottom:14px;color:#a6b2c1; }
.fp-call-detail { border:1px solid var(--fp-line);border-radius:7px;overflow:hidden; }
.fp-call-head { display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 16px;border-bottom:1px solid var(--fp-line);font-size:13px; }
.fp-call-head>svg:last-child { margin-left:auto; }
.fp-call-head strong { font-weight:500; }
.fp-call-head>span { color:#a6b2c1; }
.fp-call-body { padding:18px;background:#ffffff03; }
.fp-call-numbers { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 0 18px;border-bottom:1px solid var(--fp-line); }
.fp-call-numbers span,.fp-detail-section h4 { font-size:12px;font-weight:500;letter-spacing:.05em;color:#9eacbc;text-transform:uppercase; }
.fp-call-numbers p { font-size:13px;margin-top:4px; }
.fp-detail-section { margin-top:21px; }
.fp-detail-section h4 { margin:0 0 7px; }
.fp-detail-section>p { font-size:13px;line-height:1.75;color:#d2dbe5; }
.fp-recording-label { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px; }
.fp-recording-label h4 { margin:0; }
.fp-audio-display { display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--fp-line);border-radius:6px;color:#c3cddb;font-size:13px; }
.fp-audio-track { height:3px;min-width:12px;flex:1;background:#394453;border-radius:2px;overflow:hidden; }
.fp-audio-track>span { display:block;height:100%;background:#adbfce;transition:width 2.8s linear; }
.fp-audio-play { display:grid;place-items:center;padding:4px;background:none;border:0;color:inherit;cursor:pointer; }
.fp-secure-status { margin-top:22px;padding:13px 14px;border-radius:5px;background:#ffffff05;color:#b4c9c3;font-size:13px;line-height:1.65;min-height:70px; }
#fv11 .fp-contact-quick-actions { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
#fv11 .fp-contact-quick-actions .fp-action { min-height:46px;padding:12px; }
@media(max-width:480px) {
 #fv11 .fp-contact-quick-actions { grid-template-columns:1fr; }
 .fp-dialog-surface { padding:16px; }
 .fp-dialog-surface .fp-heading { flex-wrap:wrap; }
 .fp-call-body { padding:14px; }
 .fp-call-numbers { grid-template-columns:1fr; }
 .fp-composer-controls .fp-action { padding-inline:6px; }
}


.feature-preview .fp-coach-focus { margin-top:20px; background:rgba(174,197,216,.035); }
.feature-preview .fp-coach-focus .fp-note { border:0; background:none; padding:0; margin-top:0; }
.feature-preview .fp-coach-focus .fp-note strong { display:block; font-size:14px; }
.feature-preview .fp-coach-focus .fp-note p { margin-top:8px; min-height:3.2em; line-height:1.6; }
.feature-preview .fp-transcript { margin-top:18px; }
.feature-preview .fp-transcript-line { padding-block:11px; }
.feature-preview .fp-transcript-line + .fp-transcript-line { border-top:1px solid rgba(174,197,216,.07); }
.feature-preview .fp-transcript-line strong { font-size:12px; font-weight:500; color:#b8c9d9; }
.feature-preview .fp-transcript-line p { margin-top:5px; line-height:1.65; }
.feature-preview .fp-pane-label > span { font-weight:400; }
.feature-preview .fp-call-recording { margin-left:auto; color:#95baad; }
.feature-preview .fp-active-call { padding:0; overflow:hidden; }
.feature-preview .fp-active-call .fp-contact-line { padding:16px 18px; margin:0; border-bottom:1px solid var(--fp-line); }
.feature-preview .fp-ai-conversation { padding:2px 18px 12px; }
.feature-preview .fp-ai-conversation .fp-message p { padding:10px 12px; border:1px solid var(--fp-line); border-radius:6px; background:rgba(174,197,216,.035); max-width:92%; }
.feature-preview .fp-ai-conversation .fp-user { margin-left:28px; text-align:right; }
.feature-preview .fp-ai-conversation .fp-user p { margin-left:auto; text-align:left; }
.feature-preview .fp-run-summary { padding-top:20px; }
.feature-preview .fp-run-summary .fp-pane-label { justify-content:space-between; margin-bottom:0; }
.feature-preview .fp-run-progress { height:5px; margin-top:12px; border-radius:3px; background:#303b45; overflow:hidden; }
.feature-preview .fp-run-progress > span { display:block; height:100%; background:#98b7c9; transition:width .7s ease; }
.feature-preview .fp-progress-caption { display:flex; flex-wrap:wrap; gap:6px 12px; justify-content:space-between; color:#a6b2c1; font-size:12px; margin-top:8px; }
.feature-preview .fp-training-readiness { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:16px; margin:24px 0; padding-bottom:22px; border-bottom:1px solid var(--fp-line); }
.feature-preview .fp-training-readiness > div { min-width:0; }
.feature-preview .fp-training-readiness > div + div { border-left:1px solid var(--fp-line); padding-left:16px; }
.feature-preview .fp-training-readiness span { display:block; font-size:12px; color:#a6b2c1; }
.feature-preview .fp-training-readiness small { display:block; font-size:12px; color:#8dc0af; margin-top:5px; }
.feature-preview .fp-training-readiness strong { display:block; font-size:27px; font-weight:500; line-height:1.4; margin-top:8px; }
.feature-preview .fp-training-readiness > div:first-child strong { font-size:15px; color:#c5d9e5; }
.feature-preview .fp-recent-practice .fp-contact-line + .fp-contact-line { padding-top:18px; border-top:1px solid var(--fp-line); }
.feature-preview .fp-practice-result { margin-top:18px; display:flex; align-items:center; gap:22px; padding:18px 0 0; border-top:1px solid var(--fp-line); }
.feature-preview .fp-practice-result > div { flex:0 0 auto; }
.feature-preview .fp-practice-result > div > span { color:#a6b2c1; font-size:12px; }
.feature-preview .fp-practice-result strong { display:block; margin-top:4px; font-size:26px; color:#bdd4c8; font-weight:500; }
.feature-preview .fp-practice-result strong small { font-size:12px; color:#a6b2c1; }
.feature-preview .fp-practice-result p { font-size:13px; line-height:1.6; }
.feature-preview .fp-practice-result p > span { color:#a6b2c1; }
@container (max-width:370px) {
 .feature-preview .fp-training-readiness { gap:10px; }
 .feature-preview .fp-training-readiness > div + div { padding-left:10px; }
 .feature-preview .fp-training-readiness span { min-height:2.8em; }
 .feature-preview .fp-ai-conversation { padding-inline:14px; }
 .feature-preview .fp-active-call .fp-contact-line { padding:14px; }
 .feature-preview .fp-practice-result { gap:14px; }
}
@media (prefers-reduced-motion:reduce) {
 .feature-preview .fp-run-progress > span { transition:none; }
}


.fp-market-vendor{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 18px}
.fp-section-label{font-size:13px;color:#aab5c3;padding-bottom:10px;margin:18px 0;border-bottom:1px solid rgba(205,220,240,.12)}
.fp-market-item{padding:20px;border:1px solid rgba(205,220,240,.13);border-radius:8px;background:rgba(255,255,255,.025)}
.fp-market-item h4{margin:0;font-size:16px}.fp-market-item p{font-size:13px;color:#aab5c3;line-height:1.6}
.fp-market-item .fp-market-price{font-size:26px;color:#eef2f7;margin:10px 0 0;font-weight:600}.fp-market-price span{font-size:13px;font-weight:400;color:#aab5c3}
.fp-market-item>.fp-action{width:100%;justify-content:center;margin-top:18px}
.fp-data-captured{margin-top:20px;font-size:13px;color:#c4ced9}.fp-data-captured summary{cursor:pointer;padding:6px 0}.fp-data-captured ul{padding-left:20px;line-height:1.8}
.fp-delivery-progress{height:6px;background:#283441;border-radius:3px;margin:20px 0}.fp-delivery-progress span{display:block;width:100%;height:100%;background:#a9bccc;border-radius:3px}
.fp-order-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(205,220,240,.12);padding-top:14px;font-size:13px;color:#aab5c3}
.fp-arena-heading{text-align:center}.fp-arena-heading h3{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.06em;font-size:32px;margin:0}.fp-arena-heading p{font-size:13px;color:#aab5c3;margin:10px 0 0}
.fp-periods{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;font-size:13px;margin-bottom:28px}.fp-periods>*{padding:6px}.fp-periods strong{background:rgba(255,255,255,.08);border-radius:4px}
.fp-podium{display:flex;align-items:flex-end;gap:14px;padding:5px 0 0}.fp-podium-person{min-width:0;flex:1;display:flex;align-items:center;flex-direction:column;text-align:center;gap:8px}.fp-podium-person>strong{font-size:14px;line-height:1.4}.fp-podium-person small{font-size:13px;color:#aab5c3;line-height:1.4}.fp-podium-person>b{font-size:19px;font-variant-numeric:tabular-nums}.fp-rank-1>b{color:#edc475}
.fp-crest{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:2px solid rgba(214,175,92,.85);box-shadow:inset 0 0 0 2px rgba(20,14,6,.7);color:#fbe8c8;font-size:20px;font-weight:800}.fp-rank-1 .fp-crest{width:68px;height:68px}
.fp-pedestal{width:100%;height:54px;margin-top:6px;border:1px solid #797b80;background:linear-gradient(135deg,#5a6069,#292e36);color:#d6dce4;font-family:Georgia,serif;font-size:25px;line-height:1;display:grid;place-items:center;padding:0}.fp-rank-1 .fp-pedestal{height:80px;border-color:#94763e;background:linear-gradient(135deg,#69582e,#352c1c);color:#f0d58f}.fp-rank-3 .fp-pedestal{height:40px;border-color:#79563d;background:linear-gradient(135deg,#5e4537,#30261f);color:#d7b294}
.fp-sales-filters{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0;font-size:13px;color:#aab5c3}
.fp-kind-commissions .fp-table-wrap th,.fp-kind-commissions .fp-table-wrap td{white-space:normal;min-width:0;padding:15px 12px;font-size:13px}
.fp-kind-commissions .fp-table-wrap table{width:100%;min-width:0;table-layout:fixed}.fp-kind-commissions .fp-table-wrap th:first-child{width:38%}
.fp-sale-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.fp-sale-fields>.fp-form-field:last-child{grid-column:1/-1}
.fp-sale-estimate{border-top:1px solid rgba(205,220,240,.12);margin-top:24px;padding-top:20px}.fp-sale-estimate h4{font-size:14px;margin:0 0 18px}.fp-sale-estimate>div{display:flex;flex-wrap:wrap;gap:20px}.fp-sale-estimate>div p{flex:1;min-width:105px;margin:0}.fp-sale-estimate p span{display:block;font-size:13px;line-height:1.5;color:#aab5c3}.fp-sale-estimate p strong{display:block;margin-top:7px;font-size:20px;font-variant-numeric:tabular-nums}.fp-sale-rate{color:#aab5c3;font-size:13px;line-height:1.7;margin:20px 0 0}
.fp-sms-step p[data-sim]{min-height:4em}.fp-delivery-progress span{transition:width 1s ease}.fp-podium-person>b{transition:color .3s}
@container (max-width:360px){.fp-sale-fields{grid-template-columns:1fr}.fp-kind-commissions .fp-table-wrap th,.fp-kind-commissions .fp-table-wrap td{padding:14px 7px}.fp-podium-person>b{font-size:15px}.fp-periods{gap:1px}}
@media(prefers-reduced-motion:reduce){.fp-delivery-progress span{transition:none}}
.fp-editor-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:22px;align-items:start}.fp-editor-flow{min-width:0}.fp-sms-step{border:1px solid rgba(205,220,240,.13);border-radius:7px;background:rgba(255,255,255,.02);overflow:hidden}.fp-sms-step header{display:flex;gap:8px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid rgba(205,220,240,.12)}.fp-sms-step header strong{font-size:14px}.fp-sms-step header span{font-size:13px;color:#aab5c3}.fp-sms-step>div{padding:16px}.fp-sms-step p{font-size:13px;line-height:1.75;margin:0;color:#c4ced9;overflow-wrap:anywhere}
.fp-credential-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(205,220,240,.12);font-size:13px;line-height:1.5}.fp-static-switch{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;width:28px;height:16px;background:#64828d;border-radius:9px;padding:2px}.fp-static-switch:after{content:"";width:12px;height:12px;border-radius:50%;background:#edf4f7}.fp-step-delay{display:flex;gap:8px;justify-content:center;align-items:center;padding:16px;font-size:13px;color:#aab5c3}.fp-step-delay svg{width:14px;height:14px}
.fp-editor-settings{border-left:1px solid rgba(205,220,240,.12);padding-left:18px;min-width:0}.fp-editor-settings h4{font-size:14px;margin:20px 0 12px}.fp-editor-settings h4:first-child{margin-top:0}.fp-editor-settings p{font-size:13px;line-height:1.7}.fp-editor-settings p span{display:block;color:#aab5c3}
.fp-call-floor{border:1px solid rgba(205,220,240,.13);border-radius:8px;margin-top:18px}.fp-call-row{display:flex;align-items:center;gap:12px;padding:18px 16px}.fp-call-row+.fp-call-row{border-top:1px solid rgba(205,220,240,.12)}.fp-call-row>div{min-width:0}.fp-call-row strong{font-size:14px;line-height:1.5}.fp-call-row p{font-size:13px;line-height:1.5;color:#aab5c3;margin:4px 0 0}.fp-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#75828c}.fp-status-call{background:#71b8a2}.fp-status-active{background:#c7a875}.fp-call-time{margin-left:auto;text-align:right;flex-shrink:0}.fp-call-time strong{font-size:13px;font-variant-numeric:tabular-nums}.fp-call-time small{display:block;font-size:13px;color:#aab5c3;margin-top:4px}
@container (max-width:440px){.fp-editor-grid{grid-template-columns:1fr}.fp-editor-settings{border-left:0;border-top:1px solid rgba(205,220,240,.12);padding:18px 0 0}.fp-podium{gap:8px}.fp-podium-person>strong{font-size:13px}.fp-podium-person>b{font-size:16px}.fp-call-row{gap:9px;padding:16px 12px}.fp-call-time{max-width:95px}.fp-call-time small{font-size:13px}}