/* Drive Connect 360 — dealership-rep tap-through (/rep, /tap/REP-001).
   Reuses dealer-app screens inside the same phone chrome as the customer hub (phone.css). */
html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}
body.dc-rep-tap{background:#05080d;min-height:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.dc-rep-tap .demo-badge,body.dc-rep-tap #topbar,body.dc-rep-tap .dl-desk{display:none!important}
.dcm-desk-note{display:none}
#dcm-root{position:fixed;inset:0;display:flex;flex-direction:column;background:#060910;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}
#dcm-sb{display:none}
.dcm-stagewrap{position:relative;flex:1;min-height:0;overflow:hidden;background:#05080d}
/* dealer app fills the phone stage (override dealer.css fixed full-viewport frame) */
body.dc-rep-tap #app.dl-app{
  position:absolute!important;inset:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;
  width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;
  transform:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  overflow:hidden;background:radial-gradient(520px 340px at 50% -60px,rgba(47,123,255,.22),transparent 70%),#04070c}
body.dc-rep-tap #toast-root{position:absolute;top:calc(env(safe-area-inset-top) + 10px);bottom:auto;left:12px;right:12px;transform:none;z-index:120;pointer-events:none}
body.dc-rep-tap .toast{font-size:13.5px;line-height:1.35;max-width:100%;padding:11px 14px;border-radius:14px;background:rgba(13,22,34,.96);pointer-events:auto}
body.dc-rep-tap #modal-root .modal-bg{position:absolute;inset:0;align-items:end;padding:0}
body.dc-rep-tap .modal{width:100%;max-height:86%;border-radius:20px 20px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}
/* presentation ribbon */
#dc-rep-tag{position:fixed;left:12px;bottom:12px;z-index:99000;background:#062444;color:#cbe7ff;border:1px solid #287ed0;border-radius:20px;padding:9px 13px;font:600 11px Arial,sans-serif;box-shadow:0 5px 20px #0006;pointer-events:none}
@media (min-width:601px){
  html,body.dc-rep-tap{background:radial-gradient(900px 520px at 50% 110%,rgba(36,87,240,.22),transparent 70%),radial-gradient(800px 420px at 50% -10%,rgba(30,90,200,.14),transparent 60%),#04060a}
  #dcm-root{inset:auto;top:50%;left:50%;width:414px;height:868px;padding:12px;border-radius:58px;
    background:linear-gradient(145deg,#6d6a63,#26252a 18%,#121216 50%,#2a2a2f 82%,#77736b);
    box-shadow:0 0 0 1px #000,0 30px 80px rgba(0,0,0,.8),0 0 60px rgba(36,87,240,.25),inset 0 0 0 1.5px rgba(255,255,255,.12);
    transform:translate(-50%,-50%) scale(var(--dcm-s,1));transform-origin:center}
  #dcm-root>#app,#dcm-root>#dcm-sb{background:#05080d}
  #dcm-sb{display:flex;flex:none;height:44px;align-items:center;justify-content:space-between;padding:4px 30px 0 34px;font:600 14px Inter,system-ui,sans-serif;color:#fff;border-radius:46px 46px 0 0;position:relative}
  .dcm-isl{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:112px;height:30px;border-radius:20px;background:#000}
  .dcm-sig{display:flex;gap:3px;align-items:flex-end} .dcm-sig i{width:3px;background:#fff;border-radius:1px} .dcm-sig i:nth-child(1){height:4px} .dcm-sig i:nth-child(2){height:6px} .dcm-sig i:nth-child(3){height:8px} .dcm-sig i:nth-child(4){height:10px}
  .dcm-sig b{font-size:11px;margin:0 5px 0 4px;line-height:10px} .dcm-sig em{width:22px;height:11px;border:1.4px solid #fff;border-radius:3px;position:relative;display:inline-block} .dcm-sig em u{position:absolute;left:1px;top:1px;bottom:1px;width:15px;background:#fff;border-radius:1px;text-decoration:none}
  #dcm-root>#app{border-radius:0 0 46px 46px}
  body.dc-rep-tap #modal-root .modal-bg{border-radius:46px;overflow:hidden}
  .dcm-desk-note{display:block;position:fixed;left:28px;bottom:24px;max-width:280px;color:#c9d3e0;font-size:13px;line-height:1.45}
  .dcm-desk-note p{margin:6px 0 2px;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:#8fb2ff}
  .dcm-desk-note small{color:#7f8ca0}
  #dc-rep-tag{left:auto;right:28px;bottom:24px}
}
@media (min-width:601px) and (max-width:900px){ .dcm-desk-note{display:none} }