/* AtSeaUI – Page header + empty states */
.page-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin:18px 0 14px;
}
.page-header__title{
  margin:0;
  font-size:22px;
  line-height:1.2;
  color:var(--text);
}
.page-header__subtitle{
  margin:6px 0 0;
  color:var(--muted);
  font-size:13px;
}
.page-header__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
}

.empty{
  background:var(--card);
  border:1px dashed var(--border-color);
  border-radius:var(--radius-lg);
  padding:18px;
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.empty__icon{
  width:38px;height:38px;border-radius:12px;
  background:var(--primary-weak);
  display:flex;align-items:center;justify-content:center;
  color:var(--primary);
  flex:0 0 auto;
}
.empty__title{
  margin:0 0 4px;
  font-size:16px;
  color:var(--text);
}
.empty__text{
  margin:0;
  color:var(--muted);
  font-size:13px;
}
.empty__actions{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}