/* ==========================================================================
   Shared Pallens brand chrome — top nav used by BOTH the live agentic demo
   and the sandbox, so the two feel like one product (Phase-1 unify).
   ========================================================================== */

.pallens-nav {
  display: flex; align-items: center; gap: 22px;
  padding: 9px 26px;
  background: #020617;                       /* matches the logo card */
  border-bottom: 1px solid rgba(70, 221, 194, .22);
  box-shadow: 0 3px 20px rgba(0, 0, 0, .30);
  font-family: 'Inter Tight', -apple-system, BlinkMacSystemFont, sans-serif;
}
.pallens-nav .pn-logo { height: 44px; width: auto; display: block; }
.pallens-nav .pn-tabs { display: flex; gap: 6px; }
.pallens-nav .pn-tab {
  color: #9fb1be; text-decoration: none; font-size: 13px; font-weight: 600;
  padding: 8px 15px; border-radius: 9px; border: 1px solid transparent;
  transition: background .12s ease, color .12s ease;
}
.pallens-nav .pn-tab:hover { color: #e7eef3; background: rgba(255, 255, 255, .05); }
.pallens-nav .pn-tab.active {
  color: #04201c;
  background: linear-gradient(160deg, #1fd0b1 0%, #0e8c79 100%);
  border-color: #0e8c79;
}
.pallens-nav .pn-spacer { flex: 1; }
.pallens-nav .pn-kpi {
  font-family: 'JetBrains Mono', 'Menlo', monospace; font-size: 12.5px;
  color: #46ddc2; background: rgba(70, 221, 194, .10);
  border: 1px solid rgba(70, 221, 194, .30); padding: 7px 13px; border-radius: 20px;
  white-space: nowrap;
}

/* Slim caption strip under the nav (sandbox + from-live banner) */
.sub-strip {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 9px 26px; background: #f3f8f7; border-bottom: 1px solid #d4e2df;
  font-family: 'Inter Tight', sans-serif; font-size: 12.5px; color: #4d6373;
}
.sub-strip b { color: #0e8c79; }
.sub-strip .from-live {
  margin-left: auto; color: #0e8c79; background: #ecfaf6;
  border: 1px dashed #16bfa3; padding: 4px 12px; border-radius: 20px; font-size: 12px;
}

/* Editable concierge prompt (live demo chat input) */
.chat-prompt-input {
  width: 100%; box-sizing: border-box; resize: vertical;
  padding: 11px 14px; border: 1px solid #d6cfc5; border-radius: 14px;
  background: #fff; color: #0b0d10; font-size: 14px; line-height: 1.45;
  font-family: 'Inter Tight', -apple-system, sans-serif;
}
.chat-prompt-input:focus { outline: 2px solid #46ddc2; border-color: #16bfa3; }

/* "Analyze in Sandbox" CTA on the live verdict card */
.verdict-sandbox-cta {
  display: inline-block; margin-top: 14px; padding: 10px 16px; border-radius: 9px;
  background: linear-gradient(160deg, #1fd0b1 0%, #0e8c79 100%);
  color: #04201c; font-weight: 700; font-size: 13px; text-decoration: none;
  font-family: 'Inter Tight', sans-serif;
}
.verdict-sandbox-cta:hover { filter: brightness(1.06); }