/* V18.5 bridge: bring selected V2.14 mobile/slidebar/navigation controls onto stable V18.4 base. */
:root{--dr-safe-bottom:env(safe-area-inset-bottom,0px)}

/* Hide the old single-only top button; replaced by paired top/bottom navigation. */
html body #scrollTop.scroll-top{display:none!important;visibility:hidden!important;pointer-events:none!important;}

/* Keep the main desktop navigation on one row as much as possible. */
@media (min-width:1101px){
  html body .nav-menu{display:flex!important;align-items:center!important;gap:clamp(12px,1.25vw,28px)!important;flex-wrap:nowrap!important;white-space:nowrap!important;min-width:0!important;}
  html body .nav-menu>li{flex:0 0 auto!important;white-space:nowrap!important;}
  html body .nav-menu a{white-space:nowrap!important;}
  html body .nav-cta{flex:0 0 auto!important;margin-left:auto!important;}
}

/* Engineer's Edge — fixed LEFT side, panel opens from left. */
@media (min-width:821px){
  html body #rsb2Toggle.rsb2-toggle{
    display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    position:fixed!important;left:0!important;right:auto!important;top:50%!important;bottom:auto!important;
    transform:translateY(-50%)!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;
    min-height:210px!important;max-height:min(360px,70vh)!important;width:auto!important;min-width:0!important;
    padding:16px 11px 16px 14px!important;border-radius:0 18px 18px 0!important;border-left:0!important;
    border-right:1px solid rgba(16,185,129,.55)!important;z-index:2147483402!important;
    background:linear-gradient(180deg,#0F3D2E,#0B1E34)!important;color:#D9FFF0!important;
    box-shadow:0 18px 42px rgba(0,0,0,.35),0 0 28px rgba(16,185,129,.16)!important;
    touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(16,185,129,.22)!important;
  }
  html body #rsb2Toggle.rsb2-toggle *{pointer-events:none!important;}
  html body #rsb2Panel.rsb2-panel{
    position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:auto!important;
    height:100dvh!important;width:min(430px,94vw)!important;max-width:94vw!important;
    transform:translateX(-105%)!important;transition:transform .32s cubic-bezier(.22,1,.36,1)!important;
    z-index:2147483404!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;
  }
  html body #rsb2Panel.rsb2-panel.open{transform:translateX(0)!important;pointer-events:auto!important;}
  html body #rsb2Overlay.rsb2-overlay{z-index:2147483403!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(2,8,18,.55)!important;}
  html body #rsb2Overlay.rsb2-overlay.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
}

/* Cloud Health Check — V2.14 style right vertical tab + right panel. */
html body #chcToggle.chc-toggle{
  position:fixed!important;right:0!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
  z-index:2147483302!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  min-height:210px!important;max-height:min(360px,70vh)!important;padding:14px 12px 14px 14px!important;
  writing-mode:vertical-rl!important;text-orientation:mixed!important;text-transform:uppercase!important;letter-spacing:.18em!important;
  font:800 13px/1.15 var(--mono,'DM Mono',ui-monospace,monospace)!important;color:#061525!important;
  border:0!important;border-radius:18px 0 0 18px!important;background:linear-gradient(180deg,#FFD36A,#FF9F1C)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 28px rgba(255,176,42,.18)!important;cursor:pointer!important;touch-action:manipulation!important;
}
html body #chcToggle.chc-toggle *{pointer-events:none!important;}
html body #chcToggle .chc-toggle-icon{display:inline-grid!important;place-items:center!important;transform:rotate(90deg)!important;}
html body #chcPanel.chc-panel{
  position:fixed!important;top:0!important;right:0!important;left:auto!important;height:100dvh!important;width:min(440px,94vw)!important;max-width:94vw!important;
  transform:translateX(105%)!important;transition:transform .32s cubic-bezier(.22,1,.36,1)!important;z-index:2147483304!important;
  background:linear-gradient(180deg,#08182C,#06111F)!important;color:#F1EDE4!important;border-left:1px solid rgba(255,255,255,.11)!important;
  box-shadow:-28px 0 90px rgba(0,0,0,.55)!important;pointer-events:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
}
html body #chcPanel.chc-panel.open{transform:translateX(0)!important;pointer-events:auto!important;}
html body #chcOverlay.chc-overlay{position:fixed!important;inset:0!important;background:rgba(2,8,18,.56)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:2147483303!important;transition:opacity .25s ease,visibility .25s ease!important;}
html body #chcOverlay.chc-overlay.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
.chc-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.08);}
.chc-brand{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font:800 .78rem/1 var(--mono,'DM Mono',monospace);letter-spacing:.12em;text-transform:uppercase;color:#FFD36A;}
.chc-brand-dot{width:9px;height:9px;border-radius:50%;background:#34D399;box-shadow:0 0 0 6px rgba(52,211,153,.13);}
.chc-close{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#F1EDE4;display:grid;place-items:center;cursor:pointer;}
.chc-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px 18px 10px;}
.chc-tab{min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#A9B8CA;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;cursor:pointer;}
.chc-tab svg{width:16px;height:16px}.chc-tab.active{background:rgba(255,176,42,.13);border-color:rgba(255,176,42,.45);color:#FFD36A;}
.chc-content{padding:10px 22px 28px}.chc-pane{display:none}.chc-pane.active{display:block}.chc-status-card{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:22px;padding:18px;}
.chc-status-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.chc-cloud-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:1.2rem}.chc-cloud-name{font-weight:900;color:#F7F2E8}.chc-cloud-status{margin-left:auto;font:800 .68rem/1 var(--mono,'DM Mono',monospace);letter-spacing:.08em;text-transform:uppercase;padding:7px 9px;border-radius:999px}.chc-cloud-status.ok{background:rgba(52,211,153,.12);color:#34D399;border:1px solid rgba(52,211,153,.24)}
.chc-service-list{display:grid;gap:9px}.chc-service-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;padding:10px 11px;border-radius:14px;background:rgba(2,10,20,.38);border:1px solid rgba(255,255,255,.06)}.chc-svc-dot{width:9px;height:9px;border-radius:999px}.chc-svc-dot.green{background:#34D399;box-shadow:0 0 0 5px rgba(52,211,153,.10)}.chc-svc-name{color:#D7E1EF;font-weight:700}.chc-svc-badge{font:800 .65rem/1 var(--mono,'DM Mono',monospace);color:#34D399}.chc-tip{margin-top:16px;border-left:3px solid #FFD36A;background:rgba(255,211,106,.08);padding:13px 14px;border-radius:13px;color:#C9D6E7;line-height:1.6}.chc-tip strong{color:#FFD36A}.chc-cta{display:flex;align-items:center;justify-content:center;margin-top:16px;min-height:48px;border-radius:16px;background:linear-gradient(135deg,#FFD36A,#15C5D8);color:#061525;text-decoration:none;font-weight:900;}

/* V2.14-style mobile Services fast links. */
.mobile-svc-fab{position:fixed;right:18px;bottom:calc(84px + var(--dr-safe-bottom));z-index:2147483200;display:none;align-items:center;justify-content:center;gap:12px;min-width:150px;height:58px;padding:0 18px;border-radius:24px;border:1px solid rgba(21,197,216,.55);background:linear-gradient(135deg,#15C5D8,#0FA3B1);color:#061525;box-shadow:0 18px 42px rgba(15,163,177,.34),inset 0 1px 0 rgba(255,255,255,.22);font:900 1rem/1 var(--sans,'Plus Jakarta Sans',system-ui,sans-serif);cursor:pointer;touch-action:manipulation;}
.mobile-svc-fab svg{width:24px;height:24px}.mobile-svc-fab .mobile-svc-dot{position:absolute;right:14px;top:10px;width:12px;height:12px;border-radius:999px;background:#EF476F;border:3px solid rgba(6,21,37,.8)}
.mobile-svc-menu{position:fixed;right:18px;bottom:calc(154px + var(--dr-safe-bottom));width:min(420px,calc(100vw - 28px));max-height:min(72vh,720px);overflow:auto;-webkit-overflow-scrolling:touch;border-radius:28px;border:1px solid rgba(21,197,216,.36);background:linear-gradient(180deg,rgba(8,25,48,.98),rgba(7,16,32,.98));box-shadow:0 32px 90px rgba(0,0,0,.48),0 0 46px rgba(21,197,216,.13);z-index:2147483201;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px) scale(.98);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;padding:20px 18px 18px;}
.mobile-svc-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.mobile-svc-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);font:900 .82rem/1 var(--mono,'DM Mono',monospace);text-transform:uppercase;letter-spacing:.18em;color:#4FE5F0}.mobile-svc-close{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#F1EDE4;font-size:24px;line-height:1;cursor:pointer}.mobile-svc-list{display:grid;gap:10px}.mobile-svc-item{display:grid;grid-template-columns:54px 1fr;align-items:center;gap:12px;min-height:70px;padding:10px 12px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);color:#F1EDE4;text-decoration:none}.mobile-svc-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(21,197,216,.10);border:1px solid rgba(21,197,216,.20);font-size:1.3rem}.mobile-svc-copy b{display:block;font-size:1rem;line-height:1.2}.mobile-svc-copy small{display:block;margin-top:4px;color:#A8B6C9;font-weight:600}.mobile-svc-cta{display:flex;align-items:center;justify-content:center;min-height:50px;margin-top:12px;border-radius:18px;background:linear-gradient(135deg,#15C5D8,#34D399);color:#061525;text-decoration:none;font-weight:900;}

/* Paired scroll navigation — below floating action stack. */
#drScrollNavV185{position:fixed;right:24px;bottom:calc(18px + var(--dr-safe-bottom));z-index:2147483000;display:flex;gap:10px;align-items:center;justify-content:center;pointer-events:none}.dr185-scroll-btn{pointer-events:auto;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:16px;border:1px solid rgba(21,197,216,.36);background:rgba(6,21,37,.88);color:#15C5D8;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .18s ease,opacity .18s ease,background .18s ease;color .18s ease}.dr185-scroll-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.dr185-scroll-btn:hover,.dr185-scroll-btn:focus-visible{background:linear-gradient(135deg,#0FA3B1,#15C5D8);color:#061525;transform:translateY(-2px);outline:none}.dr185-scroll-btn.is-edge{opacity:.52}.dr185-scroll-btn:active{transform:scale(.96)}

@media (min-width:821px){
  html body #sidebarToggle.sidebar-toggle{right:24px!important;left:auto!important;bottom:86px!important;top:auto!important;z-index:2147483008!important;}
  html body #toolkitTrigger.toolkit-trigger{right:24px!important;left:auto!important;bottom:154px!important;top:auto!important;z-index:2147483009!important;}
  html body #aiFab.ai-fab{right:24px!important;left:auto!important;bottom:222px!important;top:auto!important;z-index:2147483010!important;}
}
@media (max-width:820px){
  html body{padding-bottom:calc(150px + var(--dr-safe-bottom));}
  .mobile-svc-fab{display:flex;right:14px;bottom:calc(76px + var(--dr-safe-bottom));height:58px;min-width:152px;}
  .mobile-svc-menu{right:14px;bottom:calc(146px + var(--dr-safe-bottom));}
  #drScrollNavV185{right:20px;bottom:calc(18px + var(--dr-safe-bottom));gap:8px;}
  .dr185-scroll-btn{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:13px;}
  html body #toolkitTrigger.toolkit-trigger{right:14px!important;left:auto!important;bottom:calc(152px + var(--dr-safe-bottom))!important;top:auto!important;z-index:2147483009!important;}
  html body #aiFab.ai-fab{right:14px!important;left:auto!important;bottom:calc(220px + var(--dr-safe-bottom))!important;top:auto!important;z-index:2147483008!important;}
  html body #sidebarToggle.sidebar-toggle{right:14px!important;left:auto!important;bottom:calc(76px + var(--dr-safe-bottom))!important;top:auto!important;z-index:2147482998!important;display:none!important;}
  html body #rsb2Toggle.rsb2-toggle{left:0!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;writing-mode:vertical-rl!important;border-radius:0 14px 14px 0!important;z-index:2147483007!important;}
  html body #chcToggle.chc-toggle{right:0!important;top:48%!important;min-height:176px!important;font-size:12px!important;z-index:2147483006!important;}
}
@media (max-width:420px){.mobile-svc-fab{right:12px;min-width:146px}.mobile-svc-menu{right:12px;width:calc(100vw - 24px)}#drScrollNavV185{right:18px}.dr185-scroll-btn{width:38px;height:38px;min-width:38px;min-height:38px}}
html.dr-mobile-services-open #drScrollNavV185,body.dr-mobile-services-open #drScrollNavV185,html.dr-floating-panel-open #drScrollNavV185,body.dr-floating-panel-open #drScrollNavV185{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
@media print{#drScrollNavV185,.mobile-svc-fab,.mobile-svc-menu,#chcToggle,#chcPanel,#chcOverlay{display:none!important}}


/* ── V18.6 quick polish: DB Q&A right-side panel + remove duplicate AWS status from Ask Dipak ── */
html body #aiFab.ai-fab{
  right:24px!important; left:auto!important;
}
html body #aiPanel.ai-panel{
  left:auto!important; right:0!important;
  border-left:1px solid rgba(255,255,255,.12)!important;
  border-right:0!important;
  transform:translateX(105%)!important;
  box-shadow:-16px 0 48px rgba(0,0,0,.50)!important;
}
html body #aiPanel.ai-panel.open{
  transform:translateX(0)!important;
  right:0!important; left:auto!important;
  opacity:1!important; pointer-events:auto!important;
}
html body #aiPanel.ai-panel:not(.open){
  transform:translateX(105%)!important;
}
html body #aiOverlay.ai-overlay{z-index:2147483003!important;}
html body #aiPanel.ai-panel{z-index:2147483004!important;}
html body .sidebar-tab[data-tab="status"],
html body #pane-status{display:none!important;}
@media (max-width:820px){
  html body #aiFab.ai-fab{right:14px!important; left:auto!important;}
  html body #aiPanel.ai-panel.open{width:100vw!important; max-width:100vw!important; transform:translateX(0)!important; right:0!important; left:auto!important;}
  html body #aiPanel.ai-panel:not(.open){width:0!important; max-width:0!important; transform:translateX(105%)!important; overflow:hidden!important;}
}
@media (max-width:420px){html body #aiFab.ai-fab{right:10px!important; left:auto!important;}}
