.pro-nav-launch{white-space:nowrap}

/* Browser presentation containment: PRO NAV owns the main-stage surface while open.
   This is layout-only; the existing Product Flow / Guardian / Reliability logic remains authoritative. */
body.pro-nav-browser-open{overflow:hidden}
.main-stage.pro-nav-open{height:calc(100vh - 95px);max-height:calc(100vh - 95px);min-height:0;overflow:hidden}
.main-stage.pro-nav-open>.transport-strip,.main-stage.pro-nav-open>.view{display:none!important}
.main-stage.pro-nav-open>.pro-nav-browser{display:flex;flex:1 1 auto;min-width:0;min-height:0}

.pro-nav-browser{margin:0;padding:0;min-width:0;min-height:0;flex:1 1 auto;overflow:hidden;position:relative;isolation:isolate;scroll-margin-top:0}
.pro-nav-browser[hidden]{display:none!important}
.pro-nav-browser-shell{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--border,#263b4c);border-radius:20px;background:var(--surface,#0b1b28);box-shadow:0 18px 48px rgba(0,0,0,.22);overflow:hidden}
.pro-nav-browser-head{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;min-width:0;padding:20px;border-bottom:1px solid var(--border,#263b4c);background:var(--surface,#0b1b28)}
.pro-nav-browser-head>*{min-width:0}.pro-nav-browser-head h2{margin:2px 0 4px;font-size:clamp(1.25rem,2vw,1.75rem);overflow-wrap:anywhere}.pro-nav-browser-head p{margin:0;opacity:.75;overflow-wrap:anywhere}
.pro-nav-browser-status{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;min-width:0}
.pro-nav-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 10px;border:1px solid currentColor;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.02em;overflow-wrap:anywhere}
.pro-nav-chip[data-state="block"]{color:#ff8f8f}.pro-nav-chip[data-state="caution"]{color:#ffd479}.pro-nav-chip[data-state="insufficient_data"]{color:#9cc7ff}.pro-nav-chip[data-state="proceed"]{color:#9ee6b4}
.pro-nav-browser-body{padding:20px;display:grid;gap:18px;align-content:start;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.pro-nav-browser-body>*,.pro-nav-card,.pro-nav-form,.pro-nav-grid{min-width:0;max-width:100%}
.pro-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.pro-nav-card{border:1px solid var(--border,#263b4c);border-radius:14px;padding:14px;background:rgba(255,255,255,.025);overflow-wrap:anywhere}
.pro-nav-card h3,.pro-nav-card h4{margin:0 0 8px}.pro-nav-card p{margin:5px 0;opacity:.82}
.pro-nav-mode{cursor:pointer;text-align:start;width:100%;min-width:0;color:inherit;font:inherit}.pro-nav-mode[aria-pressed="true"]{outline:2px solid currentColor}
.pro-nav-form{display:grid;gap:12px}.pro-nav-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;min-width:0}
.pro-nav-form label{display:grid;gap:5px;min-width:0;font-size:.86rem}.pro-nav-form input,.pro-nav-form select,.pro-nav-form textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--border,#385064);border-radius:10px;padding:10px;background:var(--surface-2,#102738);color:inherit}
.pro-nav-form textarea{resize:vertical}
.pro-nav-actions{display:flex;flex-wrap:wrap;gap:9px;min-width:0}.pro-nav-actions button{min-height:40px;max-width:100%;white-space:normal}
.pro-nav-stops{display:grid;gap:7px;list-style:none;padding:0;margin:0;min-width:0}.pro-nav-stop{display:grid;grid-template-columns:minmax(70px,auto) minmax(0,1fr) minmax(70px,auto);gap:10px;align-items:center;min-width:0;padding:9px;border:1px solid var(--border,#263b4c);border-radius:10px}.pro-nav-stop>*{min-width:0;overflow-wrap:anywhere}.pro-nav-stop strong{font-size:.8rem;text-transform:uppercase;opacity:.8}.pro-nav-stop[data-active="true"]{outline:2px solid currentColor}
.pro-nav-guardian{border-width:2px}.pro-nav-reasons{margin:8px 0 0;padding-inline-start:20px}.pro-nav-evidence{max-width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;overflow-wrap:anywhere;word-break:break-word}
.pro-nav-error{border:1px solid #ff8f8f;border-radius:12px;padding:12px;overflow-wrap:anywhere}.pro-nav-error strong{display:block;margin-bottom:4px}
.pro-nav-recovery{border:1px dashed var(--border,#446278);border-radius:12px;padding:12px;overflow-wrap:anywhere}
.pro-nav-muted{opacity:.68;font-size:.86rem}.pro-nav-safety{display:grid;gap:4px;font-size:.82rem;opacity:.8}
.pro-nav-interrupted{padding:30px;text-align:center}.pro-nav-interrupted h3{margin-top:0}
html[dir="rtl"] .pro-nav-mode{text-align:right}

@media(max-width:1180px){
  .main-stage.pro-nav-open{height:calc(100vh - 91px);max-height:calc(100vh - 91px)}
  .pro-nav-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
}
@media(max-width:760px){
  .main-stage.pro-nav-open{height:100vh;max-height:100vh;padding:126px 8px 72px;overflow:hidden}
  .main-stage.pro-nav-open>.pro-nav-browser{height:100%;max-height:100%}
  .pro-nav-browser-shell{border-radius:16px}
  .pro-nav-browser-head{flex-direction:column;padding:14px;gap:10px}
  .pro-nav-browser-status{width:100%;justify-content:space-between}
  .pro-nav-browser-body{padding:14px;gap:14px}
  .pro-nav-grid,.pro-nav-form-row{grid-template-columns:1fr}
  .pro-nav-actions>*{flex:1 1 140px}
  .pro-nav-stop{grid-template-columns:1fr;gap:5px}
}
@media(max-width:420px){
  .pro-nav-browser-head{padding:12px}.pro-nav-browser-body{padding:12px}
  .pro-nav-actions>*{flex-basis:100%}
}