/* Stellar Call — owner-only in-app Jarvis calling surface. */
.stellar-call-shell[hidden]{display:none!important}
.stellar-call-shell{
  position:fixed;inset:0;z-index:5200;
  display:grid;place-items:center;padding:18px;
  background:rgba(4,5,8,.84);
  backdrop-filter:blur(24px) saturate(118%);
  -webkit-backdrop-filter:blur(24px) saturate(118%)
}
.stellar-call-card{
  width:min(460px,100%);min-height:560px;
  display:flex;flex-direction:column;align-items:center;
  padding:34px 26px 26px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:30px;
  background:
    radial-gradient(420px 250px at 50% 0%,rgba(139,124,246,.18),transparent 70%),
    linear-gradient(180deg,#161820,#0f1015);
  color:#f5f6fa;
  box-shadow:0 34px 120px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035)
}
.stellar-call-avatar{
  width:94px;height:94px;display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#ebe8ff,#9a90ff 58%,#6d61d6);
  color:#101118;font-size:34px;font-weight:900;
  box-shadow:0 0 0 10px rgba(139,124,246,.07),0 18px 50px rgba(79,65,184,.28)
}
.stellar-call-kicker{
  margin:24px 0 5px;color:#9e96f8;
  font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase
}
.stellar-call-card h2{
  margin:0;font-size:34px;line-height:1.05;letter-spacing:-.05em;font-weight:720
}
.stellar-call-state{
  margin:8px 0 0;color:#aeb5c3;font-size:13px;font-weight:650
}
.stellar-call-reason{
  width:100%;margin:24px 0 0;padding:16px 17px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:17px;background:rgba(255,255,255,.028);
  color:#d7dbe4;font-size:13px;line-height:1.65;text-align:left
}
.stellar-call-transcript{
  width:100%;min-height:82px;max-height:150px;overflow:auto;
  margin:14px 0 0;padding:14px 16px;
  border-radius:15px;background:#0c0d12;
  color:#bfc5d0;font-size:12px;line-height:1.6;
  scrollbar-width:thin
}
.stellar-call-transcript:empty{display:none}
.stellar-call-actions{
  width:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:auto;padding-top:28px
}
.stellar-call-actions button{
  min-height:56px;border-radius:16px;border:1px solid rgba(255,255,255,.09);
  font:inherit;font-size:13px;font-weight:800;cursor:pointer;touch-action:manipulation
}
.stellar-call-answer{background:#e9e7ff;color:#111218;border-color:transparent!important}
.stellar-call-decline,.stellar-call-end{background:#241417;color:#ffb5b5;border-color:rgba(255,110,110,.22)!important}
.stellar-call-talk{
  grid-column:1/-1;background:#1b1d25;color:#f0f1f5
}
.stellar-call-talk[disabled]{opacity:.55;cursor:not-allowed}
.stellar-call-connected .stellar-call-avatar{
  animation:stellar-call-pulse 2.1s ease-in-out infinite
}
.stellar-call-connected .stellar-call-actions{grid-template-columns:1fr}
.stellar-call-connected .stellar-call-answer,
.stellar-call-connected .stellar-call-decline{display:none}
.stellar-call-shell:not(.stellar-call-connected) .stellar-call-talk,
.stellar-call-shell:not(.stellar-call-connected) .stellar-call-end{display:none}
.stellar-call-settings-row{cursor:pointer}
@keyframes stellar-call-pulse{
  0%,100%{box-shadow:0 0 0 9px rgba(139,124,246,.06),0 18px 50px rgba(79,65,184,.22)}
  50%{box-shadow:0 0 0 17px rgba(139,124,246,.025),0 22px 60px rgba(79,65,184,.30)}
}
@media(max-width:640px){
  .stellar-call-shell{padding:0;align-items:end}
  .stellar-call-card{
    width:100%;min-height:min(700px,94dvh);max-height:94dvh;
    padding:30px 18px calc(20px + env(safe-area-inset-bottom));
    border-radius:28px 28px 0 0
  }
  .stellar-call-avatar{width:86px;height:86px}
  .stellar-call-card h2{font-size:31px}
  .stellar-call-actions button{min-height:58px}
}
@media(prefers-reduced-motion:reduce){
  .stellar-call-connected .stellar-call-avatar{animation:none!important}
}

/* Premium Settings sheet — final override loaded after the main workspace polish. */
.app .settings-panel{
  display:none;
  position:fixed;
  inset:0;
  z-index:2600;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:clamp(18px,4vw,34px)!important;
  background:rgba(1,2,5,.68)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
}
.app .settings-panel[aria-hidden="false"]{display:flex!important}
.app .settings-card{
  width:min(760px,calc(100vw - 34px))!important;
  max-height:min(760px,88dvh)!important;
  margin:clamp(10px,3vh,28px) auto 0!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  background:
    radial-gradient(560px 220px at 50% 0%,rgba(139,124,246,.13),transparent 70%),
    linear-gradient(180deg,#141722,#0f1118)!important;
  box-shadow:0 34px 120px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.035)!important;
  color:#f2f4fa!important;
}
.app .settings-header{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:18px 20px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  background:rgba(17,20,29,.94)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.app .settings-header::after{display:none!important;content:none!important}
.app .settings-header-copy{min-width:0!important;display:block!important}
.app .settings-kicker{
  display:block!important;
  margin:0 0 4px!important;
  color:#a99fff!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.app .settings-header h2{
  margin:0!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.1!important;
  letter-spacing:-.045em!important;
  font-weight:780!important;
}
.app .settings-header p{
  margin:5px 0 0!important;
  max-width:560px!important;
  color:#97a0af!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.app .settings-close-x{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:14px!important;
  background:#191c26!important;
  color:#b4bdca!important;
  font-size:20px!important;
  box-shadow:none!important;
}
.app .settings-close-x:hover{background:#232734!important;color:#fff!important;border-color:rgba(185,176,255,.20)!important}
.app .settings-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  min-width:0!important;
  max-height:none!important;
  overflow:auto!important;
  padding:12px!important;
  scrollbar-width:thin!important;
  background:transparent!important;
}
.app .settings-grid::before{
  content:"Account & controls";
  display:block!important;
  margin:3px 6px 2px!important;
  color:#757e8e!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.app .settings-row,
.app .settings-credit{
  width:100%!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.028)!important;
  box-shadow:none!important;
  color:#e9edf6!important;
  text-align:left!important;
  transform:none!important;
}
.app .settings-row:hover,
.app .settings-credit:hover{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(185,176,255,.20)!important;
  transform:none!important;
}
.app .settings-wide{grid-column:auto!important}
.app .settings-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(185,176,255,.16)!important;
  border-radius:13px!important;
  background:rgba(139,124,246,.11)!important;
  color:#d7d0ff!important;
  font-size:15px!important;
}
.app .settings-row-copy,
.app .settings-credit-copy{
  min-width:0!important;
  display:block!important;
}
.app .settings-row strong,
.app .settings-row-copy strong,
.app .settings-credit-copy strong{
  display:block!important;
  margin:0 0 3px!important;
  color:#f5f7fb!important;
  font-size:14px!important;
  line-height:1.25!important;
  letter-spacing:-.012em!important;
  font-weight:780!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.app .settings-row small,
.app .settings-credit-copy small{
  display:block!important;
  max-width:54ch!important;
  color:#98a2b3!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.app .settings-row-meta{
  justify-self:end!important;
  max-width:220px!important;
  padding:4px 8px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:999px!important;
  background:#151822!important;
  color:#9ea7b6!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.app .settings-row-meta>span{color:#bdb5ff!important;font-size:13px!important;margin-left:6px!important}
.app #usage-copy,
.app #owner-call-health,
.app #owner-push-status,
.app #owner-call-setup-status,
.app .topup-status{
  display:block!important;
  margin-top:3px!important;
  color:#8791a1!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.app .settings-plan-hero{
  min-height:76px!important;
  border-color:rgba(155,140,255,.24)!important;
  background:linear-gradient(135deg,rgba(139,124,246,.18),rgba(21,24,34,.92))!important;
}
.app .settings-plan-hero .settings-icon{background:rgba(155,140,255,.18)!important;color:#eeeaff!important}
.app .settings-row-action,
.app .settings-credit-primary,
.app #topup-buy,
.app .settings-plan-actions .credit-buy-controls .btn,
.app .settings-wallet-row .credit-buy-controls .btn{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  background:#202331!important;
  color:#eef1f8!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.app .settings-row-action:hover,
.app .settings-credit-primary:hover,
.app #topup-buy:hover,
.app .settings-plan-actions .credit-buy-controls .btn:hover,
.app .settings-wallet-row .credit-buy-controls .btn:hover{
  background:#2a2e3d!important;
  border-color:rgba(185,176,255,.24)!important;
}
.app .settings-plan-actions,
.app .settings-wallet-row,
.app .call-setup-panel{
  align-items:start!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  background:rgba(255,255,255,.022)!important;
}
.app .settings-plan-actions .credit-buy-controls,
.app .settings-wallet-row .credit-buy-controls{
  grid-column:2 / -1!important;
  width:100%!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:8px!important;
}
.app .settings-plan-actions .credit-buy-controls .btn,
.app .settings-wallet-row .credit-buy-controls .btn{flex:0 1 auto!important}
.app .settings-wallet-row select{
  min-width:220px!important;
  min-height:40px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  background:#10131b!important;
  color:#eef1f8!important;
  padding:0 12px!important;
  font-size:12px!important;
}
.app .call-setup-list{
  grid-column:2 / -1!important;
  display:block!important;
  margin-top:8px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#0f1219!important;
  color:#aeb7c6!important;
  font-family:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace!important;
  font-size:10.5px!important;
  line-height:1.6!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.app .settings-advanced-toggle{margin-top:4px!important}
.app .settings-advanced{background:rgba(255,255,255,.018)!important}
.app a[href="/support"].settings-row{
  border-color:rgba(155,140,255,.22)!important;
  background:linear-gradient(135deg,rgba(155,140,255,.12),rgba(20,23,32,.90))!important;
}
.app a[href="/terms"].settings-row,
.app a[href="/privacy"].settings-row{
  min-height:42px!important;
  grid-template-columns:1fr auto!important;
  padding:10px 12px!important;
  color:#9ca5b5!important;
  background:transparent!important;
}
.app a[href="/terms"] .settings-icon,
.app a[href="/privacy"] .settings-icon{display:none!important}
.app a[href="/terms"] small,
.app a[href="/privacy"] small{display:none!important}
.app a[href="/terms"] strong,
.app a[href="/privacy"] strong{font-size:12px!important;color:#a4adbd!important}
.app .settings-close-footer{
  width:100%!important;
  min-height:46px!important;
  margin:10px 0 2px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  background:#191c26!important;
  color:#d7dde7!important;
  box-shadow:none!important;
  font-weight:800!important;
}
.app .settings-close-footer:hover{background:#232734!important;color:#fff!important}
.app .settings-row[href="/jarvis"]>strong{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
@media(max-width:760px){
  .app .settings-panel{padding:0!important;align-items:flex-end!important;justify-content:center!important;background:rgba(0,0,0,.66)!important}
  .app .settings-panel[aria-hidden="false"]{display:flex!important}
  .app .settings-card{
    width:100%!important;
    max-width:none!important;
    max-height:92dvh!important;
    margin:8dvh 0 0!important;
    border-radius:24px 24px 0 0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
  }
  .app .settings-header{min-height:68px!important;padding:15px 60px 13px 16px!important}
  .app .settings-kicker{display:none!important}
  .app .settings-header h2{font-size:21px!important}
  .app .settings-header p{display:none!important}
  .app .settings-close-x{position:absolute!important;right:14px!important;top:13px!important;width:42px!important;height:42px!important}
  .app .settings-grid{gap:7px!important;padding:10px 10px calc(16px + env(safe-area-inset-bottom))!important}
  .app .settings-grid::before{margin:4px 6px 1px!important}
  .app .settings-row,
  .app .settings-credit{
    min-height:60px!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    padding:11px!important;
  }
  .app .settings-row small,
  .app .settings-credit-copy small{white-space:normal!important;display:block!important;max-height:36px!important}
  .app .settings-row-meta{max-width:42vw!important}
  .app .settings-plan-actions,
  .app .settings-wallet-row,
  .app .call-setup-panel{grid-template-columns:40px minmax(0,1fr)!important}
  .app .settings-plan-actions .credit-buy-controls,
  .app .settings-wallet-row .credit-buy-controls{grid-column:2!important}
  .app .settings-plan-actions .credit-buy-controls .btn{min-height:44px!important;flex:1 1 100%!important}
  .app .settings-wallet-row select{min-width:0!important;width:100%!important;min-height:44px!important}
  .app #topup-buy{min-height:44px!important;width:100%!important}
}
@media(max-width:430px){
  .app .settings-row,
  .app .settings-credit{grid-template-columns:38px minmax(0,1fr)!important}
  .app .settings-row-meta,
  .app .settings-row-action{grid-column:2!important;justify-self:start!important;margin-top:4px!important;max-width:100%!important}
  .app .settings-plan-actions .credit-buy-controls,
  .app .settings-wallet-row .credit-buy-controls,
  .app .call-setup-list{grid-column:2!important}
}

/* Compact top bar — keep the current model readable without header clutter. */
.app .top .top-usage,
.app .top #account-box,
.app .stellar-top-nav{display:none!important}
.app .top .model-pill,
.app .top #model-pill{
  width:auto!important;
  min-width:0!important;
  max-width:min(42vw,300px)!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 11px!important;
  justify-content:flex-start!important;
  gap:7px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.025)!important;
}
.app .top .model-pill #current-model-label,
.app .top #model-pill #current-model-label{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  clip:auto!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  border:0!important;
  color:#d7dce6!important;
  font-size:12px!important;
  line-height:1!important;
}
.app .top .model-dot{margin:0!important;flex:0 0 auto!important}
.app .stellar-top-model{width:auto!important;min-width:0!important;max-width:240px!important;padding:0 10px!important;border-radius:999px!important}
.app .stellar-top-model [data-stellar-top-model]{display:inline!important}
.public-home .site-header .brand span:not(.mark),
.public-home .site-header .nav-links a:not(.pill):not(.nav-login){display:none!important}
.public-home .site-header .nav{justify-content:space-between!important}
@media(max-width:760px){
  .public-home .site-header{display:none!important}
  .app .top{justify-content:flex-end!important}
  .app .top .top-left{margin-right:auto!important}
}