.ui-shell-page{
  width:min(100%,var(--content-max,1320px));
  margin:0 auto;
  display:grid;
  gap:18px;
  min-width:0;
}

.ui-shell-page > *{
  min-width:0;
}

.ui-shell-page .ui-shell-card,
.ui-shell-page .card,
.ui-shell-page .stat-card{
  border-radius:22px;
  box-shadow:var(--shadow-xs);
  min-width:0;
}

.ui-shell-page .ui-shell-card-sm,
.ui-shell-page .card.card-sm{
  border-radius:18px;
}

.ui-shell-page .ui-shell-flow{
  min-width:0;
}

.ui-shell-page .ui-shell-flow > *{
  min-width:0;
}

.ui-shell-page .ui-shell-actions{
  display:flex !important;
  align-items:flex-start;
  gap:10px !important;
  flex-wrap:wrap !important;
}

.ui-shell-page .ui-shell-actions > *{
  min-width:0;
  max-width:100%;
}

.ui-shell-page .ui-shell-section-header,
.ui-shell-page .section-header{
  gap:14px;
  flex-wrap:wrap;
}

.ui-shell-page .ui-shell-safe-text{
  overflow-wrap:anywhere;
  word-break:break-word;
}

.ui-shell-page .ui-shell-truncate{
  min-width:0;
}

.ui-shell-page .ui-shell-truncate,
.ui-shell-page .ui-shell-truncate *{
  max-width:100%;
}

.ui-shell-page .ui-shell-intro{
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
  border:1px solid var(--border);
  border-radius:24px;
  padding:24px 26px;
  box-shadow:var(--shadow-xs);
}

.ui-shell-page .ui-shell-intro-kicker{
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:8px;
}

.ui-shell-page .ui-shell-intro-title{
  font-family:'Outfit',sans-serif;
  font-size:clamp(26px,3vw,34px);
  font-weight:800;
  letter-spacing:-.04em;
  line-height:1.08;
  color:var(--heading);
  max-width:16ch;
}

.ui-shell-page .ui-shell-intro-copy{
  font-size:14px;
  line-height:1.7;
  color:var(--muted-2);
  margin-top:10px;
  max-width:72ch;
}

.ui-shell-page .ui-shell-hero{
  border-radius:26px !important;
  box-shadow:var(--shadow-sm) !important;
}

.ui-shell-page .ui-shell-kpi-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:14px !important;
}

.ui-shell-page .ui-shell-grid--equal{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}

.ui-shell-page .ui-shell-grid--split{
  display:grid !important;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr) !important;
  gap:18px !important;
}

.ui-shell-page .ui-shell-grid--profile{
  display:grid !important;
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr) !important;
  gap:18px !important;
}

.ui-shell-page .ui-shell-split--cv{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px) !important;
  gap:20px !important;
  align-items:start !important;
}

.ui-shell-page .ui-shell-sticky-card{
  position:sticky !important;
  top:16px !important;
}

.ui-shell-page .ui-shell-toolbar{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

.ui-shell-page .ui-shell-note{
  border-radius:16px !important;
  line-height:1.65;
}

.ui-shell-page .dashboard-kpi{
  min-height:154px;
}

.ui-shell-page .landing-strip-card:hover{
  transform:none !important;
}

.ui-shell-page .btn,
.ui-shell-page button,
.ui-shell-topbar-actions .btn,
.ui-shell-topbar-actions button{
  max-width:100%;
}

.ui-shell-page .btn,
.ui-shell-topbar-actions .btn{
  white-space:normal;
  text-align:center;
}

.ui-shell-page a,
.ui-shell-page button,
.ui-shell-page .tag,
.ui-shell-page .filter-chip{
  overflow-wrap:anywhere;
}

.ui-shell-topbar-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
}

.ui-shell-topbar-actions > *{
  min-width:0;
}

#content > .ui-shell-floating-action{
  width:min(100%,1120px);
  margin:0 auto;
}

[data-shell-page="settings"],
[data-shell-page="privacy"],
[data-shell-page="searchprefs"],
[data-shell-page="skills"],
[data-shell-page="stats"],
[data-shell-page="reminders"],
[data-shell-page="account"]{
  width:min(100%,1120px);
}

[data-shell-page="profile"]{
  width:min(100%,1180px);
}

[data-shell-page="cv"]{
  width:min(100%,1380px);
}

[data-shell-page="cv"] textarea,
[data-shell-page="settings"] input,
[data-shell-page="settings"] select,
[data-shell-page="settings"] textarea,
[data-shell-page="searchprefs"] input,
[data-shell-page="searchprefs"] select,
[data-shell-page="searchprefs"] textarea{
  min-width:0;
}

@media (max-width: 1024px){
  .ui-shell-page{
    gap:16px;
  }

  .ui-shell-page .ui-shell-grid--split,
  .ui-shell-page .ui-shell-grid--profile,
  .ui-shell-page .ui-shell-split--cv{
    grid-template-columns:1fr !important;
  }

  .ui-shell-page .ui-shell-sticky-card{
    position:static !important;
    top:auto !important;
  }
}

@media (max-width: 768px){
  .ui-shell-page .ui-shell-grid--equal{
    grid-template-columns:1fr !important;
  }

  .ui-shell-page .ui-shell-intro{
    padding:20px 18px;
  }

  .ui-shell-page .ui-shell-intro-title{
    max-width:none;
  }
}

@media (max-width: 640px){
  .ui-shell-page{
    gap:14px;
  }

  .ui-shell-page .ui-shell-card,
  .ui-shell-page .card,
  .ui-shell-page .stat-card{
    border-radius:18px;
  }

  .ui-shell-page .ui-shell-intro{
    border-radius:20px;
  }
}
