/* Updated product artwork only. Existing section dimensions and mechanics stay. */
.sw-media { position:absolute; inset:0; display:block; width:100%; height:100%; overflow:hidden; background:radial-gradient(ellipse at 55% 65%,#28443355,transparent 78%),#0d1110; pointer-events:none; color:#24342b; text-align:left; }
.sw-fit { position:absolute; left:50%; top:50%; display:block; width:560px; height:350px; margin:-175px 0 0 -280px; transform-origin:center; }
.sw-fit>.hm-scene { position:relative; left:0; top:0; margin:0; }
.dpp-card__photo:has(>.sw-media),.hs-acc__pic:has(>.sw-media) { position:relative; }
.sw-demo-host { position:relative; }
.fx-player--live { cursor:default; }
.fx-player--live::before { display:none; }
.fx-photo:has(>.sw-media)>.fx-quote { background:rgba(10,12,10,.8); }
.fx-more__media>.sw-media { opacity:0; visibility:hidden; transition:opacity .2s cubic-bezier(.22,1,.36,1),visibility 0s .2s; }
.fx-more__media>.sw-media.is-on { opacity:1; visibility:visible; transition:opacity .2s cubic-bezier(.22,1,.36,1); }
.fx-more:has([data-more-list] a:focus-visible) .sw-media { transition:none; }
.ag-split__visual>.sw-media { position:absolute; inset:0; }
.svs-card__media:has(>.sw-media)>.svs-card__fade { width:45px; opacity:.45; }
.sw-media .sw-app { height:330px; }
.sw-media .hm-scene :is(header,footer,aside) { padding:0; margin:0; background:none; }
.sw-media .hm-scene { color:#26362d; }
.sw-button { display:inline-flex; justify-content:center; align-items:center; padding:7px 10px; border:1px solid #347f57; border-radius:5px; background:#347f57; color:#fff; font-size:9px; font-weight:600; white-space:nowrap; }
.sw-pill { display:inline-flex; align-items:center; justify-content:center; border:1px solid #d4e7db; border-radius:5px; padding:4px 7px; color:#38734e; background:#eaf5ee; font-size:8px; white-space:nowrap; font-weight:500; }
.sw-toolbar { height:39px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e4ebe6; font-size:11px; }
.sw-toolbar>span { display:flex; align-items:center; gap:8px; }
.sw-row { display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid #e8eee9; }
.sw-row-icon { display:grid; place-items:center; flex:none; width:27px; height:27px; border-radius:6px; background:#edf6f0; color:#528363; }
.sw-row-icon .hm-icon { width:15px; height:15px; }
.sw-row>span:nth-child(2) { min-width:0; }
.sw-row b { display:block; font-size:10px; }
.sw-row small { display:block; margin-top:3px; color:#8b9a90; font-size:7px; }
.sw-row>.sw-pill { margin-left:auto; }
.sw-field { display:block; margin:10px 0; }
.sw-field>small { display:block; font-size:7px; color:#7b9082; margin-bottom:4px; }
.sw-field>span { display:block; padding:7px 9px; min-height:27px; border:1px solid #dce6df; border-radius:5px; background:#fff; color:#47634f; font-size:9px; line-height:1.5; }
.sw-field [data-mi-focus="true"] { border-color:#3e8a63; box-shadow:0 0 0 2px #3e8a6310; }
.sw-metrics { display:flex; gap:9px; margin:10px 14px; }
.sw-metrics>div { flex:1; padding:9px 11px; border:1px solid #e0e9e3; border-radius:6px; }
.sw-metrics small { color:#83988b; font-size:7px; display:block; }
.sw-metrics strong { color:#345a40; font-size:22px; display:block; letter-spacing:-.045em!important; margin-top:3px; }
.sw-bottom-action { display:flex; justify-content:flex-end; align-items:center; gap:8px; padding:10px 14px; }
.sw-bottom-action>small { margin-right:auto; font-size:7px; color:#8b9f91; }
.sw-browser { position:absolute; left:8px; top:18px; width:544px; height:314px; border:1px solid #cddbd2; border-radius:11px; overflow:hidden; background:#fff; box-shadow:0 20px 40px #0005; }
.sw-browser-bar { height:25px; border-bottom:1px solid #dce6df; display:flex; align-items:center; justify-content:space-between; padding:0 12px; background:#f2f6f3; font-size:7px; color:#809387; }
.sw-browser-bar>i { width:5px; height:5px; background:#b4cabc; border-radius:50%; box-shadow:8px 0 #d5dfd8,16px 0 #d5dfd8; }
.sw-website { background:#fbfcf9; height:100%; overflow:hidden; color:#244631; }
.sw-media .sw-website>header { display:flex; align-items:center; justify-content:space-between; padding:13px 17px; height:49px; border-bottom:1px solid #e8eee7; font-size:8px; background:#fff; }
.sw-website>header>b { display:flex; align-items:center; gap:5px; font-size:9px; }
.sw-website>header>b>i { display:grid; place-items:center; width:20px; height:20px; border-radius:5px; background:#315c42; color:#fff; font:15px Georgia,serif; }
.sw-website>header>span { font-size:6px; color:#7d8e80; }
.sw-website>header>em { background:#e9f2ec; border:1px solid #d2e3d8; padding:5px 7px; font-size:6px; border-radius:4px; }
.sw-web-hero { display:grid; grid-template-columns:1fr 1fr; gap:15px; padding:20px 19px; height:201px; }
.sw-web-hero>div>small { font-size:5px; letter-spacing:.07em!important; color:#708c79; }
.sw-web-hero strong { display:block; font:500 30px/.98 Georgia,serif!important; letter-spacing:-.055em!important; margin:8px 0 9px; color:#244b32; }
.sw-web-hero p { font-size:7px; line-height:1.6; color:#829588; margin-bottom:12px!important; }
.sw-web-hero>.dm-photo { height:164px; border-radius:6px; object-position:center; }
.sw-web-hero .sw-button { font-size:7px; padding:7px 8px; }
.sw-web-rating { display:block; font-size:6px; color:#b88d41; margin-top:11px; }
.sw-web-rating>b { color:#3f6450; margin-left:5px; }
.sw-media .sw-website>footer { display:flex; justify-content:space-between; margin:0 19px; padding:11px 4px; border-top:1px solid #e2eae0; font-size:7px; color:#637f6b; }
.sw-planning { display:grid; grid-template-columns:134px 1fr; height:194px; }
.sw-media .sw-planning>aside { border-right:1px solid #e5ece7; padding:16px 11px; display:flex; flex-direction:column; gap:13px; background:#fcfdfc; }
.sw-planning aside>b { font-size:9px; }.sw-planning aside>span { font-size:7px; color:#6e8a77; }.sw-planning aside>small { font-size:6px; color:#8ba493; margin-top:14px; }
.sw-sitemap { position:relative; padding:14px; background:#f8faf8; }
.sw-sitemap-home { width:108px; height:45px; padding:7px 9px; margin:auto; border:1px solid #bdd6c5; border-radius:6px; background:#fff; color:#477c59; font-size:11px; }
.sw-sitemap-home>b { font-size:9px; margin-left:4px; }.sw-sitemap-home>small { display:block; font-size:6px; color:#93a799; margin-top:4px; }
.sw-sitemap-line { width:1px; height:19px; background:#b8cdbf; margin:auto; }
.sw-sitemap-pages { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; border-top:1px solid #bed0c4; padding-top:11px; }
.sw-sitemap-pages>div { background:#fff; border:1px solid #dce7df; padding:10px 6px; border-radius:5px; text-align:center; }.sw-sitemap-pages b { display:block; font-size:8px; }.sw-sitemap-pages small { display:block; font-size:5px; color:#97aa9d; margin-top:4px; }
.sw-added-page { display:flex; align-items:center; width:155px; position:relative; gap:8px; padding:8px 10px; margin:10px auto 0; border:1px solid #b9d6c4; border-radius:5px; background:#edf7f0; }.sw-added-page>b { font-size:8px; }.sw-added-page>small { font-size:5px; color:#83a18f; }.sw-added-page>i { font-size:9px; color:#3e8a63; }
.sw-design-editor { display:grid; grid-template-columns:146px 1fr; height:194px; background:#f0f4f1; }
.sw-media .sw-design-editor>aside { padding:10px; background:#fff; border-right:1px solid #e2ebe5; }
.sw-editor-tabs { display:flex; gap:18px; font-size:8px; margin-bottom:13px; color:#8b9d91; }.sw-editor-tabs>b { color:#3e8a63; }
.sw-design-editor .sw-field { margin:9px 0; }.sw-design-editor .sw-field>span { font-size:7px; padding:6px; }.sw-design-editor aside>small { font-size:7px; color:#7b9485; }
.sw-layout-options { display:flex; gap:9px; margin:7px 0; font-size:20px; color:#91aa9a; }.sw-layout-options>b { color:#3e8a63; }.sw-editor-status { font-size:6px; color:#589570; margin-top:8px; }
.sw-design-canvas { width:300px; height:179px; margin:8px 9px; overflow:hidden; border:1px solid #dbe5de; border-radius:4px; box-shadow:0 5px 10px #142a1712; }
.sw-design-canvas>.sw-website { width:544px; height:290px; transform:scale(.55); transform-origin:top left; }
.sw-connections,.sw-checks { padding:0 14px; }.sw-connections .sw-row { padding:15px 0; }.sw-checks .sw-row { padding:7px 0; }
.sw-domain { display:flex; align-items:center; gap:10px; padding:12px 14px 9px; }.sw-domain>span { background:#315c42; color:white; border-radius:7px; padding:5px 10px; font:22px Georgia,serif; }.sw-domain b { display:block; font-size:12px; }.sw-domain small { display:block; font-size:7px; color:#91a598; margin-top:5px; }
.sw-uptime { display:flex; gap:3px; height:16px; margin:5px 14px 4px; }.sw-uptime>i { flex:1; background:#73a385; border-radius:2px; }
.sw-health-list { padding:0 14px; }.sw-health-list .sw-row { padding:6px 0; }.dm-sw-care .sw-bottom-action { padding-top:6px; }
.sw-monitor-banner { display:flex; align-items:center; gap:11px; margin:11px 14px 4px; padding:12px; background:#edf7f0; border:1px solid #d4e7db; border-radius:7px; color:#3b7752; }.sw-monitor-banner>.hm-icon { width:27px; height:27px; }.sw-monitor-banner strong { display:block; font-size:16px; }.sw-monitor-banner small { display:block; font-size:6px; color:#7ea08b; margin-top:4px; }.dm-sw-monitor .sw-metrics strong { font-size:16px; }
.sw-incident { display:flex; align-items:center; gap:8px; margin:8px 14px; }.sw-incident>.hm-icon { color:#80958a; }.sw-incident b { font-size:9px; display:block; }.sw-incident small { display:block; font-size:6px; color:#91a398; margin-top:3px; }.sw-incident .sw-button { margin-left:auto; font-size:6px; padding:6px; }
.sw-monitor-log { border-top:1px solid #e4ede7; margin:10px 14px; padding-top:7px; display:flex; flex-direction:column; gap:5px; color:#8ba393; font-size:6px; }
.sw-setup { padding:3px 17px; }.sw-setup>.sw-field { margin:8px 0; }.sw-toggle-row { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #e6eee8; padding:10px 0; }.sw-toggle-row b { font-size:9px; display:block; }.sw-toggle-row small { font-size:6px; color:#8b9f91; margin-top:3px; display:block; }.sw-toggle { width:28px; height:16px; border-radius:12px; background:#3e8a63; padding:2px; }.sw-toggle::after { content:''; display:block; width:12px; height:12px; background:#fff; border-radius:50%; margin-left:12px; }.mi-enabled .sw-toggle[data-mi-selected="false"] { background:#c8d6cd; }.mi-enabled .sw-toggle[data-mi-selected="false"]::after { margin-left:0; }
.sw-setup>.sw-button { margin-top:5px; }.sw-access { padding:0 17px; }.sw-access>div { display:flex; align-items:center; gap:9px; border-bottom:1px solid #e6eee8; padding:15px 0; }.sw-access b { font-size:11px; display:block; }.sw-access small { display:block; font-size:7px; color:#91a397; margin-top:4px; }.sw-access .sw-pill { margin-left:auto; }.sw-access-note { display:flex; align-items:center; gap:9px; margin:13px 17px; padding:12px; background:#f1f7f3; border-radius:7px; color:#4a7b5b; }.sw-access-note b { font-size:10px; display:block; }.sw-access-note small { display:block; font-size:7px; color:#92a79a; margin-top:4px; }
.sw-audit-input { display:flex; align-items:flex-end; gap:9px; padding:0 14px; }.sw-audit-input .sw-field { flex:1; }.sw-audit-input .sw-button { margin-bottom:10px; height:29px; }.sw-audit-results { padding:0 14px; }.sw-audit-results .sw-row { padding:11px 0; }
.sw-local-grid { display:grid; grid-template-columns:150px 1fr; height:194px; }.sw-local-grid>aside { border-right:1px solid #e5ede7; padding:13px!important; background:#fff; }.sw-local-grid aside>b { font-size:10px; }.sw-local-grid .sw-field { margin:11px 0 8px; }.sw-local-grid .sw-field>span { font-size:7px; padding:6px; }.sw-local-grid .sw-button { font-size:7px; padding:6px 9px; }.sw-local-grid aside>small { display:block; font-size:6px; color:#8da596; margin-top:12px; }.sw-local-grid aside>strong { font-size:27px; color:#3e7e57; display:block; margin:4px 0; }.sw-local-grid aside>p { font-size:5px; color:#9aad9f; }
.sw-map { position:relative; background:#f1f5ee; overflow:hidden; }.sw-map-roads { width:100%; height:100%; position:absolute; inset:0; }.sw-map-roads path { fill:none; stroke:#fff; stroke-width:11; }.sw-map-roads path.river { stroke:#c7e1dc; stroke-width:13; }.sw-map-label { position:absolute; left:39%; top:10%; font-size:6px; color:#91a391; letter-spacing:.1em!important; }.sw-map-pin { position:absolute; display:grid; place-items:center; width:23px; height:23px; border:2px solid #fff; border-radius:50%; background:#518d66; color:#fff; font-size:9px; box-shadow:0 2px 5px #1b442b20; }.sw-map-pin[data-rank="1"] { background:#2e6c48; }.sw-map-tooltip { position:absolute; left:103px; top:78px; padding:10px 12px; background:#fff; border:1px solid #d5e5da; box-shadow:0 7px 18px #1a3d2920; border-radius:6px; }.sw-map-tooltip>b { font-size:9px; display:block; }.sw-map-tooltip>span { font-size:6px; color:#8ca698; margin-top:3px; display:block; }
.sw-seo-editor { display:grid; grid-template-columns:130px 1fr; height:194px; }.sw-media .sw-seo-editor>aside { padding:15px 9px; border-right:1px solid #e3ece6; display:flex; flex-direction:column; gap:13px; font-size:7px; color:#819a8b; background:#fcfdfc; }.sw-seo-editor aside>b { font-size:10px; color:#476d54; }.sw-seo-editor .is-active { color:#347d52; background:#edf6f0; padding:6px; border-radius:4px; margin-left:-3px; }.sw-seo-editor>div { padding:3px 13px; }.sw-seo-editor .sw-field { margin:7px 0; }.sw-seo-editor .sw-field>span { padding:5px 7px; font-size:7px; min-height:23px; }.sw-search-snippet { padding:8px; border:1px solid #e2ebe5; border-radius:5px; margin:6px 0; }.sw-search-snippet>small { font-size:5px; color:#7a9785; }.sw-search-snippet>b { display:block; margin:4px 0; font-size:8px; color:#386d9d; }.sw-search-snippet>p { font-size:5px; color:#8ca394; }.sw-seo-editor .sw-button { font-size:7px; padding:5px 9px; }
.sw-chart { display:flex; gap:9px; margin:13px 18px 8px; height:97px; border-bottom:1px solid #e2ebe5; }.sw-chart>div { display:flex; flex-direction:column; justify-content:space-between; font-size:6px; color:#9db0a3; padding-bottom:2px; }.sw-chart>svg { flex:1; height:100%; }.sw-report-bottom { display:flex; align-items:center; justify-content:space-between; padding:5px 18px; font-size:7px; color:#7f9a89; }
.sw-ad-builder { display:grid; grid-template-columns:1fr 190px; height:194px; }.sw-ad-builder>div { padding:4px 13px; }.sw-ad-builder .sw-field { margin:8px 0; }.sw-ad-builder>aside { margin:13px 13px 13px 0; padding:13px!important; border:1px solid #dce7e0!important; border-radius:7px; background:#fcfdfc!important; }.sw-ad-builder aside>small { display:block; font-size:5px; letter-spacing:.07em!important; color:#9aae9f; }.sw-ad-builder aside>b { font-size:9px; display:block; margin:12px 0 3px; }.sw-ad-builder aside>span { font-size:5px; color:#86a08d; }.sw-ad-builder aside>strong { display:block; font-size:12px; line-height:1.3; margin:9px 0; color:#356c9d; }.sw-ad-builder aside>p { font-size:7px; line-height:1.6; color:#8da796; }.sw-ad-builder .sw-button { margin-top:13px; font-size:7px; }
.sw-lead-route { display:flex; align-items:center; justify-content:space-between; margin:15px 16px; padding:10px; border-radius:6px; border:1px solid #e0ebe3; background:#f6faf7; color:#557d62; font-size:8px; }.sw-lead-route>i { color:#9cb3a4; }.sw-attribution-lead { display:flex; align-items:center; gap:9px; margin:17px 16px; }.sw-attribution-lead b { display:block; font-size:13px; }.sw-attribution-lead small { display:block; font-size:7px; color:#91a699; margin-top:4px; }.sw-attribution-lead>.sw-pill { margin-left:auto; }.sw-attribution-details { display:flex; gap:15px; margin:14px 16px; padding:14px 0; border-block:1px solid #e1ebe5; }.sw-attribution-details>div { flex:1; }.sw-attribution-details small { display:block; color:#91a99a; font-size:6px; }.sw-attribution-details b { display:block; font-size:8px; line-height:1.5; margin-top:5px; }
.sw-customer-campaign { display:grid; grid-template-columns:1fr 208px; height:194px; }.sw-customer-campaign>aside { padding:15px!important; border-right:1px solid #e2ece5!important; }.sw-customer-campaign aside>small { display:block; font-size:5px; color:#93ab9c; letter-spacing:.07em!important; }.sw-customer-campaign aside>b { display:block; font-size:12px; margin:7px 0 4px; }.sw-customer-campaign aside>span { color:#91a99a; font-size:6px; }.sw-customer-campaign .sw-field>span { font-size:8px; min-height:65px; }.sw-customer-campaign .sw-button { font-size:7px; padding:6px; }.sw-customer-campaign>div { padding:12px; }.sw-customer-campaign header { display:flex; align-items:center; gap:6px; margin-bottom:10px!important; font-size:10px; }.sw-customer-campaign p { border-radius:6px; padding:7px 9px; font-size:7px; line-height:1.5; background:#edf4ef; margin:8px 0!important; color:#6f8c79; }.sw-customer-campaign p.sw-winback-sent { background:#e0f0e5; color:#427252; }.sw-customer-campaign footer { padding:9px!important; border-radius:5px; background:#eaf5ee!important; color:#3c7951; font-size:7px; margin-top:12px!important; }.sw-customer-campaign footer .hm-icon { width:10px; height:10px; margin-right:4px; }.sw-customer-campaign footer small { margin-left:15px; font-size:6px; color:#8ba293; }
.sw-voice-layout { display:grid; grid-template-columns:160px 1fr; height:194px; }.sw-media .sw-voice-layout>aside { padding:22px 12px; background:#f9fcfa; border-right:1px solid #e4ece7; text-align:center; }.sw-voice-layout aside>.hm-avatar { margin:auto; width:43px; height:43px; font-size:15px; }.sw-voice-layout aside>strong { display:block; margin:12px 0 5px; font-size:12px; }.sw-voice-layout aside>small { font-size:8px; color:#96aa9c; }.sw-voice-wave { display:flex; align-items:center; justify-content:center; gap:4px; height:26px; margin:8px 0; }.sw-voice-wave i { height:8px; width:3px; border-radius:3px; background:#7ca98b; }.sw-voice-wave i:nth-child(3n) { height:18px; }.sw-voice-wave i:nth-child(4n) { height:25px; }.sw-voice-layout .sw-button { font-size:7px; padding:6px 11px; }.sw-voice-transcript { padding:10px 13px; }
.sw-agent-line { padding:7px 9px; border-radius:6px 6px 6px 2px; background:#f0f4f1; color:#677e6e; margin-bottom:7px; }.sw-agent-line>small { display:block; font-size:5px; color:#9aad9f; margin-bottom:4px; }.sw-agent-line>p { font-size:8px; line-height:1.5; }.sw-agent-line.is-ai { background:#e7f3eb; color:#416d50; border-radius:6px 6px 2px 6px; }
.sw-voice-transcript .sw-agent-line { padding:6px 8px; margin-bottom:5px; }.sw-voice-transcript .sw-agent-line>p { font-size:7px; }.sw-voice-summary { display:flex; flex-wrap:wrap; gap:4px; color:#3e8055; font-size:8px; margin-top:9px; }.sw-voice-summary .hm-icon { width:11px; height:11px; }.sw-voice-summary>small { font-size:6px; color:#8eaa97; display:block; width:100%; margin-left:15px; }
.sw-sales-thread { position:relative; padding:13px 18px 47px; height:233px; }.sw-sales-thread .sw-agent-line { max-width:332px; }.sw-sales-thread .sw-agent-line.is-ai { margin-left:auto; }.sw-agent-choices { display:flex; justify-content:flex-end; gap:8px; margin:10px 0; }.sw-agent-choices>span,.sw-time-choice { display:inline-block; padding:7px 10px; border:1px solid #afcfba; border-radius:5px; color:#3c7c53; background:#f6fbf7; font-size:8px; }.sw-agent-compose { position:absolute; left:18px; right:18px; bottom:10px; display:flex; align-items:center; gap:9px; padding:7px 10px; border:1px solid #dae6de; border-radius:6px; background:#fff; }.sw-agent-compose>span { flex:1; min-height:12px; font-size:8px; color:#7e9988; }.sw-agent-compose>b { border-radius:50%; width:20px; height:20px; background:#347f57; color:#fff; display:grid; place-items:center; }
.sw-scheduler { display:grid; grid-template-columns:1fr 160px; height:233px; }.sw-scheduler>div { padding:15px 13px; }.sw-scheduler .sw-time-choice { font-size:7px; margin:1px 0 10px; }.sw-media .sw-scheduler>aside { position:relative; border-left:1px solid #e2ece5; padding:17px 10px; background:#fcfdfc; }.sw-scheduler aside>b { font-size:10px; display:block; margin-bottom:12px; }.sw-scheduler aside>span { height:40px; display:block; padding-top:9px; border-top:1px solid #e6eee8; font-size:7px; color:#95ab9c; }.sw-rescheduled-event { position:absolute; left:47px; right:9px; top:163px; height:43px; background:#e2f2e8; border-left:2px solid #589f71; border-radius:5px; padding:6px; }.sw-rescheduled-event>small { font-size:5px; color:#5c8d6c; display:block; }.sw-rescheduled-event>b { font-size:6px; display:block; margin:3px 0; }.sw-rescheduled-event>span { font-size:5px; color:#8baa96; }
.sw-review-source { margin:12px 17px; padding:10px 12px; background:#fbfcfb; border:1px solid #e2ebe5; border-radius:6px; }.sw-media .sw-review-source>header { display:flex; align-items:center; gap:8px; }.sw-review-source header b { display:block; font-size:10px; }.sw-review-source header small { color:#c59b4a; font-size:7px; display:block; margin-top:3px; }.sw-review-source>p { font-size:9px; line-height:1.6; color:#708b79; margin-top:9px!important; }
.sw-ai-review-editor { margin:10px 17px; padding:11px 12px; border:1px solid #dbe9e0; background:#f3f9f5; border-radius:6px; }.sw-ai-review-editor>small { font-size:5px; color:#8eaa99; letter-spacing:.07em!important; }.sw-ai-review-editor>p { font-size:8px; color:#63846f; line-height:1.6; margin:7px 0!important; min-height:37px; }.sw-media .sw-ai-review-editor>footer { display:flex; gap:8px; justify-content:flex-end; }.sw-ai-review-editor .sw-button { font-size:6px; padding:5px 8px; }
.sw-toast { position:absolute; left:166px; right:20px; bottom:24px; display:flex; align-items:center; gap:7px; padding:12px 14px; background:#fff; border:1px solid #c4dfce; border-radius:7px; box-shadow:0 8px 22px #20462d33; color:#3c8055; font-size:10px; z-index:25; }
.sw-media [data-mi-selected="true"]:is(.sw-row,.sw-time-choice,.sw-agent-choices>span,.sw-layout-options>*,.sw-map-pin) { outline:2px solid #5b9d72; outline-offset:2px; }
@media(prefers-reduced-motion:reduce) { .fx-more__media>.sw-media,.fx-more__media>.sw-media.is-on { transition:none; } }

/* Conversation controls occupy the next reply slot, then give it to the reply. */
.sw-sales-thread,.sw-scheduler { height:213px; }
.sw-sales-thread { padding:11px 15px 40px; }
.sw-sales-thread .sw-agent-line { margin-bottom:6px; padding:6px 9px; }
.sw-sales-thread .sw-agent-line>p,.sw-scheduler .sw-agent-line>p { font-size:7px; }
.sw-sales-thread .sw-agent-choices { position:absolute; left:15px; right:15px; bottom:42px; margin:0; opacity:0; }
.sw-scheduler>div { padding:12px; }

/* Legacy photo containers target descendant img elements. Keep their old positioning,
   filters and hover zoom outside the reconstructed software screens. */
.sw-media .hm-scene img { position:static; inset:auto; top:auto; left:auto; right:auto; bottom:auto; z-index:auto; transform:none!important; transition:none; opacity:1; filter:none; padding:0; }

/* Keep complete controls and the last row inside the unchanged 350px artboard. */
.sw-connections .sw-row { padding:11px 0; }
.sw-domain { padding:9px 14px 6px; }
.sw-domain>span { display:grid; place-items:center; padding:0; width:32px; height:32px; }
.sw-checks .sw-row { padding:5px 0; }
.sw-checks .sw-row-icon { width:22px; height:22px; }
.sw-bottom-action { padding:6px 14px; }
.sw-bottom-action .sw-button { padding:6px 9px; font-size:8px; }
.dm-sw-care .sw-metrics { margin:8px 14px 6px; }
.dm-sw-care .sw-metrics>div { padding:6px 10px; }
.dm-sw-care .sw-metrics strong { font-size:20px; line-height:1.2; }
.dm-sw-care .sw-uptime { height:10px; margin:4px 14px 3px; }
.dm-sw-care .sw-health-list .sw-row { padding:4px 0; }
.dm-sw-care .sw-row-icon { width:20px; height:20px; }
.dm-sw-care .sw-row b { font-size:9px; }
.dm-sw-care .sw-row small { font-size:6px; margin-top:2px; }
.dm-sw-care .sw-bottom-action { padding:4px 14px; }
.dm-sw-care .sw-bottom-action .sw-button { font-size:7px; padding:5px 9px; }
.sw-monitor-banner { padding:9px 11px; }
.sw-monitor-banner strong { font-size:14px; }
.dm-sw-monitor .sw-metrics { margin:7px 14px; }
.dm-sw-monitor .sw-metrics>div { padding:6px 10px; }
.sw-incident { margin:6px 14px; }
.sw-monitor-log { margin:6px 14px; padding-top:6px; gap:4px; }
.sw-setup .sw-field { margin:6px 0; }
.sw-setup .sw-field>small { font-size:6px; margin-bottom:3px; }
.sw-setup .sw-field>span { min-height:23px; padding:4px 7px; font-size:8px; }
.sw-toggle-row { padding:6px 0; }
.sw-setup>.sw-button { margin-top:4px; font-size:8px; padding:6px 9px; }
.sw-access>div { padding:10px 0; }
.sw-access-note { margin:9px 17px; padding:9px; }
.sw-audit-results .sw-row { padding:9px 0; }
.dm-sw-seo-report .sw-metrics { margin:8px 14px 4px; }
.dm-sw-seo-report .sw-chart { height:76px; }
.sw-report-bottom .sw-button { padding:6px 9px; font-size:8px; }
.sw-lead-route { margin:10px 16px; padding:8px; }
.sw-attribution-lead { margin:10px 16px; }
.sw-attribution-details { margin:8px 16px; padding:6px 0; }
.sw-attribution-details b { font-size:7px; line-height:1.3; margin-top:4px; }

.sw-rescheduled-event { top:160px; }