
/* FILUXIA ATLAS V9.7.6
   AI analysis/chat depth controls + personal greeting/profile-card refinement.
   Visual-only except for responsive ordering helpers. */

:root{
  --atlas-soft-border: color-mix(in srgb, var(--text, #2f2a24) 10%, transparent);
  --atlas-soft-surface: color-mix(in srgb, var(--card, #fffaf0) 88%, transparent);
  --atlas-accent-soft: color-mix(in srgb, var(--accent, #b89450) 14%, transparent);
}

.atlas-ai-depth-inline{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(150px,210px);
  gap:10px 14px;
  align-items:center;
  margin:0 0 16px;
  padding:13px 14px;
  border:1px solid var(--atlas-soft-border);
  border-radius:18px;
  background:var(--atlas-soft-surface);
  box-shadow:0 8px 24px rgba(34,29,22,.045);
}
.atlas-ai-depth-inline>div{min-width:0}
.atlas-ai-depth-inline>div>span{
  display:block;
  margin-bottom:3px;
  font-size:.7rem;
  line-height:1.2;
  letter-spacing:.09em;
  font-weight:800;
  opacity:.64;
}
.atlas-ai-depth-inline>div>b{
  display:block;
  font-size:.9rem;
  line-height:1.35;
  font-weight:650;
}
.atlas-ai-depth-inline>label{
  display:grid;
  grid-template-columns:auto minmax(104px,1fr);
  gap:8px;
  align-items:center;
  margin:0;
}
.atlas-ai-depth-inline>label>span{
  font-size:.76rem;
  font-weight:700;
  opacity:.7;
}
.atlas-ai-depth-inline select.input{
  min-height:40px!important;
  height:40px!important;
  padding:0 34px 0 11px!important;
  border-radius:13px!important;
  font-size:.86rem!important;
  font-weight:700;
}
.atlas-ai-depth-inline>small{
  grid-column:1/-1;
  margin-top:-3px;
  font-size:.74rem!important;
  line-height:1.45!important;
  opacity:.68;
}
.atlas-ai-depth-inline--chat{
  margin:10px 14px 8px;
  background:color-mix(in srgb, var(--card, #fffaf0) 92%, transparent);
}

@media (max-width:900px){
  .atlas-ai-depth-inline{
    grid-template-columns:minmax(0,1fr) 132px;
    margin:0 0 12px;
    padding:11px 12px;
    border-radius:16px;
  }
  .atlas-ai-depth-inline>div>b{font-size:.82rem}
  .atlas-ai-depth-inline>label{grid-template-columns:1fr;gap:3px}
  .atlas-ai-depth-inline>label>span{display:none}
  .atlas-ai-depth-inline select.input{
    min-height:42px!important;
    height:42px!important;
    font-size:.86rem!important;
  }
  .atlas-ai-depth-inline>small{font-size:.72rem!important}
  .atlas-ai-depth-inline--chat{margin:8px 10px 7px}
}

/* Personal greeting must remain the first content card on mobile. */
@media (max-width:720px){
  #atlasMain>.atlas-person-center{
    margin-top:0!important;
    scroll-margin-top:0!important;
  }
  #atlasMain>.atlas-person-center:first-child{
    border-top-left-radius:22px!important;
    border-top-right-radius:22px!important;
  }
}

/* Softer, quieter personal profile selector. */
html.atlas-premium-glass .atlas-person-center .atlas-profile-selector{
  margin-top:14px!important;
}
html.atlas-premium-glass .atlas-person-center .profile-tabs{
  gap:8px!important;
  padding:3px 1px 5px!important;
  align-items:stretch!important;
}
html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini,
html.atlas-premium-glass .atlas-person-center .profile-tabs>.profile-add-tab{
  min-width:128px!important;
  min-height:64px!important;
  padding:9px 10px!important;
  border:1px solid color-mix(in srgb, var(--text, #2f2a24) 9%, transparent)!important;
  border-radius:17px!important;
  background:color-mix(in srgb, var(--card, #fffaf0) 86%, transparent)!important;
  box-shadow:0 5px 18px rgba(34,29,22,.035)!important;
  transform:none!important;
}
html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini::after,
html.atlas-premium-glass .atlas-person-center .profile-tabs>.profile-add-tab::after{
  display:none!important;
}
html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini:hover,
html.atlas-premium-glass .atlas-person-center .profile-tabs>.profile-add-tab:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 8px 22px rgba(34,29,22,.06)!important;
}
html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini.active{
  border-color:color-mix(in srgb, var(--accent, #b89450) 48%, transparent)!important;
  background:color-mix(in srgb, var(--accent, #b89450) 9%, var(--card, #fffaf0))!important;
  box-shadow:0 7px 20px rgba(111,86,41,.075)!important;
}
html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini .profile-avatar,
html.atlas-premium-glass .atlas-person-center .profile-tabs>.profile-add-tab .profile-add-icon{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  font-size:.8rem!important;
  box-shadow:none!important;
}
html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini .profile-tab-copy{
  gap:1px!important;
}
html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini .profile-tab-copy b{
  font-size:.78rem!important;
  line-height:1.18!important;
  font-weight:700!important;
}
html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini .profile-tab-copy small{
  display:block!important;
  max-width:78px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:.67rem!important;
  line-height:1.22!important;
  opacity:.62!important;
}
html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini .profile-selected-badge{
  display:inline-grid!important;
  place-items:center!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  padding:0!important;
  margin-top:2px!important;
  border:0!important;
  border-radius:50%!important;
  background:color-mix(in srgb, var(--accent, #b89450) 88%, white)!important;
  color:#fff!important;
  font-size:.58rem!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-style:normal!important;
  font-weight:900!important;
}
html.atlas-premium-glass .atlas-person-center .profile-tabs>.profile-add-tab{
  color:inherit!important;
  opacity:.78;
}
html.atlas-premium-glass .atlas-person-center .profile-tabs>.profile-add-tab b{
  font-size:.74rem!important;
  font-weight:650!important;
}

@media (max-width:720px){
  html.atlas-premium-glass .atlas-person-center{
    padding:16px 14px!important;
  }
  html.atlas-premium-glass .atlas-person-center .atlas-profile-selector{
    margin-top:11px!important;
  }
  html.atlas-premium-glass .atlas-person-center .profile-tabs{
    gap:7px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  html.atlas-premium-glass .atlas-person-center .profile-tabs::-webkit-scrollbar{display:none}
  html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini,
  html.atlas-premium-glass .atlas-person-center .profile-tabs>.profile-add-tab{
    min-width:112px!important;
    min-height:58px!important;
    padding:8px 9px!important;
    border-radius:15px!important;
    scroll-snap-align:start;
  }
  html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini .profile-avatar,
  html.atlas-premium-glass .atlas-person-center .profile-tabs>.profile-add-tab .profile-add-icon{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
  }
  html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini .profile-tab-copy b{font-size:.75rem!important}
  html.atlas-premium-glass .atlas-person-center .profile-tab.atlas-profile-mini .profile-tab-copy small{
    display:block!important;
    max-width:66px!important;
    font-size:.63rem!important;
  }
  .atlas-person-center .atlas-person-management-row,
  .atlas-person-center .atlas-person-secondary-actions{
    margin-top:9px!important;
  }
}

/* Make global preferences visually secondary to the section-local depth controls. */
.atlas-ai-response-settings .atlas-ai-pro-field:first-of-type{
  opacity:.88;
}
