/* V4 extends the original QMox palette, spacing and four-tab shell. */
.v4-comm-tabs{display:flex;border-bottom:1px solid #dce4e0;margin:0 0 20px;gap:24px}.v4-comm-tabs button{font-size:16px;padding:13px 3px;border-bottom:3px solid transparent;color:#6b7572}.v4-comm-tabs button.active{border-color:var(--primary);color:var(--primary);font-weight:650}.v4-subhead{margin:12px 0 20px}.v4-subhead h2{font-size:19px;line-height:1.5;margin:0 0 7px;color:var(--primary)}.v4-subhead p{font-size:13px;line-height:1.7;margin:0;color:var(--secondary)}.v4-tag{font-size:11px;padding:3px 7px;display:inline-block;background:#e8f5f3;color:#1a5a50;border-radius:5px;vertical-align:middle;font-weight:500}.v4-tag.neutral{background:#ecefec;color:#64706a}.v4-kind{font-size:12px;display:block;color:#507268;margin-bottom:6px}.v4-record,.v4-activity{width:100%;display:flex;gap:12px;text-align:left;align-items:center;border-bottom:1px solid #e2e7e4;background:#fff;padding:17px 14px;line-height:1.6}.v4-record .grow,.v4-activity .grow{min-width:0}.v4-record strong,.v4-record span:not(.v4-tag),.v4-record small,.v4-activity strong,.v4-activity small{display:block}.v4-record .v4-tag{display:inline-block}.v4-record strong,.v4-activity strong{font-size:15px;overflow-wrap:anywhere}.v4-record small,.v4-activity small{font-size:12px;color:#6b7572;margin-top:4px}.v4-record-icon{width:39px;height:39px;border-radius:12px;background:#edf3f0;display:grid!important;place-items:center;flex-shrink:0}.v4-record-icon.voice{background:#f6f1e8}.v4-ai-symbol{width:48px;flex-shrink:0;text-align:center}.v4-ai-symbol .icon{width:36px;height:36px}.v4-ai-symbol .v4-tag{display:block;font-size:10px;padding:0 5px;margin:3px 6px}.v4-person{width:40px;height:40px;border-radius:50%;background:#e5eeea;color:#315a4e;display:grid!important;place-items:center;flex-shrink:0;font-weight:600}.v4-person.big{width:68px;height:68px;font-size:24px;margin:auto}.v4-profile{text-align:center;padding:20px 8px}.v4-profile h2{margin:12px 0 6px}.v4-profile p{color:var(--secondary);font-size:13px}.v4-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.v4-shortcut{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #dce5e0;border-radius:12px;padding:15px 12px;background:white;font-weight:600}.v4-shortcut b{font-size:11px;margin-left:auto;background:#ba4d30;color:white;padding:1px 6px;border-radius:10px}.v4-section-line{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px;gap:10px}.v4-section-line h2{font-size:17px;margin:0;color:#263833}.v4-section-line h3{font-size:15px;margin:0}.v4-section-line>span{font-size:12px;color:#6b7572}.v4-section-line .link{font-size:12px}.v4-device{display:flex;align-items:center;gap:12px;background:#fff;padding:16px;border:1px solid #e1e7e3;border-radius:14px;margin-bottom:10px}.v4-device h3{font-size:15px;margin:0 0 4px}.v4-device p{font-size:11px;color:#6b7572;margin:0 0 5px;overflow-wrap:anywhere}.v4-device>.icon{width:36px;height:36px}.v4-online{font-size:11px;color:#6b7572}.v4-online:before{content:'●';font-size:8px;margin-right:5px}.v4-online.on{color:#1d7660}.v4-actions{display:flex;gap:10px;margin:18px 0}.v4-actions>.button{flex:1;display:flex;justify-content:center;align-items:center;gap:7px}.v4-actions .icon{width:19px;height:19px}.v4-filters{display:flex;gap:7px;overflow-x:auto;max-width:100%;padding:3px 0 9px;scrollbar-width:thin}.v4-chip{background:#fff;color:var(--text);border:1px solid #d9e2dd;border-radius:16px;padding:7px 11px;white-space:nowrap;font-size:12px;flex-shrink:0}.v4-chip.selected{background:#e8f5f3;border-color:#7ea79a;color:#1a5a50;font-weight:600}.v4-date{font-size:13px;color:#66746d;margin:19px 2px 9px}.v4-info{background:#e9f1ed;border-left:3px solid #739c8f;padding:12px 14px;line-height:1.8;color:#3f5b50;font-size:13px}.v4-error{background:#faeae6;border-left:3px solid #b24b39;padding:12px;color:#8e3528}.v4-amber{color:#946117!important}.v4-pre{white-space:pre-line;line-height:1.85}.v4-sync{font-size:11px;color:#6b7572;margin-bottom:20px}.v4-review-entry{display:flex;align-items:center;gap:12px;border-top:1px solid #d2e3d9;border-bottom:1px solid #d2e3d9;padding:19px 0;margin:20px 0;background:transparent}.v4-review-entry>div{flex:1}.v4-review-entry h3{font-size:17px;margin:4px 0 7px}.v4-review-entry p{font-size:12px;color:#6b7572;margin:0;line-height:1.6}.v4-review-entry>.button{flex-shrink:0}.v4-recap{background:#e8f5f3}.v4-recap h2{font-size:20px;line-height:1.5}.v4-overview{background:white;border-radius:12px;overflow:hidden;margin-bottom:18px}.v4-overview-item{display:flex;width:100%;padding:15px 16px;justify-content:space-between;border-bottom:1px solid #e8ece9}.v4-overview-item b{color:#1a5a50;font-size:13px}.v4-approval{display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px 0}.v4-approval+.v4-approval{border-top:1px solid #e5e8e7}.v4-approval small{grid-column:1/-1;color:#6b7572;line-height:1.6}.v4-approval>span{font-size:13px;color:#1a5a50}.v4-wave{display:flex;gap:3px;align-items:center;justify-content:center;height:48px;margin:15px 0}.v4-wave i{width:4px;background:#a5beb2;border-radius:3px}.v4-wave.playing i{background:#2d7a6e;animation:v4-wave 1s ease-in-out infinite alternate}.v4-wave.playing i:nth-child(3n){animation-delay:.4s}@keyframes v4-wave{to{transform:scaleY(.4)}}.v4-recorder{text-align:center;background:white;border-radius:16px;padding:30px 22px}.v4-recorder>.icon{width:50px;height:50px}.v4-recorder h2{font-size:18px}.v4-recorder p{font-size:13px;line-height:1.8;color:#6b7572}.v4-duration{font-size:28px;color:#1a5a50;font-variant-numeric:tabular-nums;margin:26px 0}.v4-sim-note{font-size:11px;color:#6b7572;line-height:1.7;margin:20px 0}.v4-panel-links{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.v4-panel-links .button{font-size:11px;padding:8px 10px;min-height:34px}#v4-review{border-top:1px solid #dce5df;margin:20px 0;padding-top:5px}#v4-review label{font-size:12px;display:block;margin:12px 0}#v4-review select{width:100%;display:block;font-size:12px;margin-top:6px}#v4-review details{font-size:12px;line-height:1.7}#v4-call-root:empty{display:none}.v4-call-screen{position:absolute;inset:34px 0 18px;background:#153f37;color:#fff;z-index:55;display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 24px 30px;overflow-y:auto}.v4-call-label{font-size:13px;color:#bccec5}.v4-call-avatar{width:90px;height:90px;border-radius:28px;background:#e6f0e9;display:grid;place-items:center;margin:30px 0 18px}.v4-call-avatar .icon{width:58px;height:58px}.v4-call-screen h2{font-size:23px;margin:0 0 10px}.v4-call-screen p{font-size:12px;color:#ccdbd4;margin:4px 0}.v4-call-status{font-size:25px;font-variant-numeric:tabular-nums;margin:30px 0 12px}.v4-call-screen small{font-size:11px;color:#bccec5}.v4-call-buttons{display:flex;gap:25px;margin-top:auto;padding-top:30px}.v4-call-buttons .button{border-radius:30px;min-height:52px;min-width:100px}.v4-call-buttons .v4-answer{background:#d9eee0;color:#164c38}.v4-call-tools{display:flex;gap:20px;margin-top:24px}.v4-call-tools .button{color:white;background:#ffffff15;border:1px solid #ffffff40;font-size:12px}.v4-call-tools .button.selected{background:white;color:#153f37}.v4-monitor{position:absolute;top:34px;left:8px;right:8px;z-index:30;background:#153f37;color:white;padding:9px 12px;border-radius:10px;font-size:12px;pointer-events:none}.v4-monitor+*{margin-top:40px}
@media(max-width:600px){.v4-review-entry .small-button{padding:10px}.v4-device{padding:13px 10px}.v4-device .link{font-size:12px}.v4-call-screen{padding-top:26px}.v4-call-avatar{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.v4-wave.playing i{animation:none}}
.v4-version{font-size:11px;font-weight:600;background:#e8f5f3;color:#1a5a50;border-radius:5px;padding:3px 5px;vertical-align:middle}
/* Keep navigation/call controls in view; the inherited desktop canvas was 844px tall on short mobile windows. */
@media(max-width:650px){body{height:100dvh;overflow:hidden}.workspace{height:calc(100dvh - 54px);min-height:0}.stage{height:100%;min-height:0;overflow:hidden}.phone{height:0;min-height:0;flex:1}.preview-caption{flex-shrink:0}.stage-bottom{flex-shrink:0}.workbench-header a[href="coverage.html"]{display:none}.workbench-header{gap:6px}.workbench-header>div{gap:3px}.workbench-header strong{white-space:nowrap}.workbench-header button,.workbench-header a{font-size:10px;padding:4px}.v4-call-screen{inset:0 0 12px;padding:20px}.v4-call-avatar{width:65px;height:65px;margin:15px 0}.v4-call-avatar .icon{width:43px;height:43px}.v4-call-status{margin:15px 0 8px}.v4-call-buttons{padding-top:15px}.v4-call-tools{margin-top:15px}}

/* V4 review: separate contact actions and make recording time visible as a dial. */
.v4-request-entry.button.wide{margin:12px 0 22px}.v4-add-person{width:30px;height:30px;flex-shrink:0;color:var(--primary)}
.v4-recorder{padding:24px 20px}.v4-recorder h2{margin:0 0 12px}.v4-record-progress{width:176px;height:176px;position:relative;margin:18px auto}.v4-record-progress>svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.v4-ring-track,.v4-ring-fill{fill:none;stroke-width:8}.v4-ring-track{stroke:#e4ede9}.v4-ring-fill{stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset .5s linear}.v4-dial-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--primary)}.v4-dial-center>.icon{width:28px;height:28px;margin-bottom:1px}.v4-dial-center strong{font-size:38px;line-height:1.15;font-weight:600;font-variant-numeric:tabular-nums}.v4-dial-center span{font-size:13px;margin-left:5px}.v4-dial-center small{font-size:12px;color:#65766d}.v4-record-progress.recording .v4-dial-center small{color:var(--primary)}
@media(prefers-reduced-motion:reduce){.v4-ring-fill{transition:none}}

/* Shared V4 content rhythm: 16px card radius, 16px inner padding, 12px row gaps. */
.phone{--v4-card-radius:16px}
.v4-record,.v4-activity{border:0;border-radius:var(--v4-card-radius);padding:16px;margin:0 0 12px}
.v4-device,.v4-overview,.v4-recorder{border-radius:var(--v4-card-radius)}
.v4-highlight{display:block;width:100%;text-align:left;padding:0;margin:0}.v4-highlight .card{width:100%}
.v4-activity-home>.section-title{font-size:17px;color:#263833;margin:25px 0 12px}
.card.v4-review-entry{border:0;border-radius:var(--v4-card-radius);padding:16px;margin:0 0 14px;background:#fff;flex-wrap:wrap;gap:14px}
.v4-review-entry>div{min-width:180px}.v4-review-entry h3{font-size:17px}.v4-review-entry>.button{margin-left:auto}
.v4-track>.v4-section-line{margin:0 0 12px}.v4-track .v4-activity{border:0;margin:0;padding:12px 0;background:transparent;border-radius:0}.v4-recap h3{font-size:18px;line-height:1.5}
.v4-contact-filters{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:16px 0 20px}.v4-filter-label,.v4-date-filter>span{display:block;font-size:12px;color:var(--secondary);margin-bottom:7px}.v4-contact-filters .v4-filters{padding:0}.v4-date-filter{display:block}.v4-date-filter select{height:46px;padding:0 40px 0 12px;border-radius:10px;font-size:13px;background-color:#fff;color:var(--text);border:1px solid #d9e2dd}.v4-contact-filters+.v4-date{margin-top:0}