/* Dealer's presentation uses the shared Apps plate and reading panel. */
.dv .dv-toolbar { display:flex; flex:none; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:20px 24px 0; }
.dv-controls { display:flex; flex-wrap:wrap; gap:4px; padding:4px; border:1px solid #17171914; border-radius:999px; background:#ffffff70; }
.dv-controls button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:0 15px; border:0; border-radius:999px; background:transparent; color:#55555d; font:500 13px/1.2 Inter,sans-serif; cursor:pointer; }
.dv-controls button[aria-pressed="true"] { background:#171719; color:#fff; box-shadow:0 2px 6px #00000012; }
.dv-controls button:hover:not([aria-pressed="true"]) { background:#ffffffb0; color:#171719; }
.dv button:focus-visible, .dv a:focus-visible { outline:2px solid #171719; outline-offset:3px; }
.dv-controls svg { width:18px; height:18px; flex:none; }
.dv .pcv-stage { margin:12px 0 0; }
.dv-device { position:absolute; left:50%; top:50%; width:var(--dv-width); height:var(--dv-height); padding:10px; box-sizing:content-box; border:1px solid #44444a; border-radius:20px; background:#18181b; box-shadow:0 26px 60px #17171930,0 4px 12px #17171918; transform:translate(-50%,-50%) scale(var(--dv-scale,1)); transform-origin:center; }
.dv-device[data-device="tablet"] { padding:14px; border-radius:32px; }
.dv-device[data-device="phone"] { padding:10px; border-radius:48px; }
.dv-screen { position:relative; display:flex; flex-direction:column; width:100%; height:100%; overflow:hidden; border-radius:12px; background:var(--dv-system-bg,#131415); isolation:isolate; }
.dv-device[data-device="tablet"] .dv-screen { border-radius:20px; }
.dv-device[data-device="phone"] .dv-screen { border-radius:38px; }
.dv-frame { display:block; flex:1; min-height:0; width:100%; height:0; border:0; background:#131415; }
.dv-frame[hidden] { display:none; }
.dv-system-bar { position:relative; z-index:1; display:none; flex:none; box-sizing:border-box; justify-content:space-between; color:var(--dv-system-ink,#e4e7e9); background:var(--dv-system-bg,#1f2428); pointer-events:none; font:600 17px/22px -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif; font-variant-numeric:tabular-nums; }
.dv-device[data-device="phone"] .dv-system-bar { display:flex; height:54px; padding:16px 30px 0 34px; }
.dv-device[data-device="tablet"] .dv-system-bar { display:flex; align-items:center; height:28px; padding:0 20px; font-size:14px; line-height:20px; }
.dv-system-island { display:none; position:absolute; left:50%; top:10px; width:106px; height:32px; transform:translateX(-50%); border-radius:20px; background:#000; }
.dv-device[data-device="phone"] .dv-system-island { display:block; }
.dv-system-indicators { display:flex; align-items:center; gap:6px; height:22px; }
.dv-system-indicators svg { display:block; flex:none; fill:currentColor; }
.dv .pcv-view { padding-bottom:16px; }
.dv .pcv-foot a { display:flex; justify-content:center; gap:10px; text-decoration:none; }
.dv .pcv-lead { max-inline-size:32ch; }
.dv-note { max-inline-size:36ch; margin:18px 0 0; color:var(--pcv-mute); font:400 13px/1.5 Inter,sans-serif; text-wrap:pretty; }
.dv-groups[hidden] { display:none; }
.dv .pcv-bar { align-items:center; }
.dv-full-mobile { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; flex:none; border:1px solid #17171920; border-radius:50%; color:#171719; background:#ffffff70; }
.dv-status { position:absolute; inset:0; display:grid; place-content:center; justify-items:center; gap:14px; padding:24px; text-align:center; background:#e2e2e9; color:#171719; font:400 16px/1.5 Inter,sans-serif; }
.dv-status[hidden] { display:none; }
.dv-status p { max-inline-size:26ch; margin:0; }
.dv-retry { padding:10px 20px; border:1px solid #17171930; border-radius:999px; background:#fff; font:500 14px/1.4 Inter,sans-serif; cursor:pointer; }
@media (max-width:1099.98px) { .dv .dv-toolbar { padding:16px 16px 0; gap:8px; } .dv-controls button { padding-inline:12px; } }
@media (max-width:599.98px), (max-height:499.98px) { .dv .pcv-plate { background:radial-gradient(120% 90% at 35% 0%,#e9e9ee 0%,#dcdce3 100%); } }
@media (max-width:599.98px) {
  .dv .dv-toolbar { justify-content:center; padding:12px 8px 0; }
  .dv-controls { flex-wrap:nowrap; }
  .dv-controls button { min-height:36px; padding-inline:11px; font-size:12px; }
  .dv-devices { border:0; padding:0; background:transparent; }
  .dv-devices button { min-height:40px; }
  .dv .pcv-bar { padding-right:calc(var(--pcv-dock-w,124px) + 12px); }
}
@media (min-width:900px) { .dv-full-mobile { display:none; } }

/* The service page embeds just the shared preview, filling the whole plate. */
.dv--embedded .pcv-shell { padding:0; grid-template-rows:minmax(0,1fr); }
.dv--embedded .pcv-plate { grid-template-columns:minmax(0,1fr); border-radius:0; }
.dv--embedded .dv-toolbar { padding:24px 24px 0; }
.dv--embedded .dv-devices { margin-inline-start:auto; }
.dv--embedded .dv-full-mobile { display:inline-flex; order:3; }
@media (max-width:719.98px) {
  .dv--embedded .dv-toolbar { padding:14px 10px 0; gap:8px; }
  .dv--embedded .dv-devices { order:4; flex-basis:100%; justify-content:center; margin-inline-start:0; }
}