.shell{
  width: var(--shell);
  padding-inline: var(--gutter);
  margin-inline:auto;
}
.public-body{
  margin:0 !important;
  padding:0;
  background:var(--bg);
}
/*
.app-auth-body{
  margin:0 !important;
  padding:0;
  padding-bottom:90px;
...
*/
.app-auth-body{
  margin:0 !important;
  padding:0;
}
.app-auth-body .app-shell{
  width:100%;
  max-width: 1680px;
  margin-inline:auto;
  padding-inline: var(--gutter);
}

.app-page-head{margin-bottom:24px}
.app-page-head h1{font-size:1.8rem;font-weight:900;color:var(--text);line-height:1.2;margin-bottom:6px}
.app-page-head p{margin:6px 0 0;color:var(--text-soft)}

.app-main-area{padding:0 0 40px}
.app-main-area:has(.simple-form-card){
  padding:24px 0;
  min-height: calc(100vh - 80px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.app-main-area:has(.simple-form-card) > .simple-form-card{width:100%}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.section-head p{margin:0;color:var(--text-soft)}

.dashboard-layout{display:grid;grid-template-columns:1.8fr .9fr;gap:22px}
.dashboard-sidebar{display:grid;gap:18px;align-content:start}
.sidebar-list{display:grid;gap:14px}

.detail-layout{display:grid;grid-template-columns:1.55fr .82fr;gap:22px}
.detail-stage{background:#2c1810;border-radius:28px;padding:18px;overflow:hidden;position:relative}
.detail-stage img{width:100%;max-height:680px;object-fit:cover;border-radius:22px}

/* Dashboard v3 */
.dv-wrap {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.dv-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.dv-lower {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
  align-items: start;
  min-width: 0;
}

@media (max-width:1024px){
  .dashboard-layout,.detail-layout,.form-layout{grid-template-columns:1fr}
}

@media (max-width:760px){
  .app-main-area{padding:0 0 26px}
  .app-main-area:has(.simple-form-card){padding:16px 0}
  .section-head{display:block}
}

@media (max-width: 860px) {
  .dv-lower { grid-template-columns: 1fr; }
}