/* Multi-page adaptations on top of the original SPA stylesheet */

#app.app-shell{display:grid;min-height:100vh;grid-template-columns:248px 1fr}
#auth{display:block}

.land-tabs a{
  border:none;background:transparent;padding:9px 15px;border-radius:9px;
  font-weight:600;font-size:13.5px;color:var(--ink-soft);text-decoration:none;
  transition:.13s;white-space:nowrap;display:inline-block;
}
.land-tabs a:hover{color:var(--ink)}
.land-tabs a.on{background:var(--evergreen-soft);color:var(--evergreen)}
.land-tabs a.cta{background:var(--evergreen);color:#fff}
.land-tabs a.cta:hover{background:var(--evergreen-2)}
.land-tabs a.cta.on{background:var(--evergreen);color:#fff;box-shadow:inset 0 0 0 2px var(--brass)}

.sidebar .brand{display:flex;align-items:center;gap:10px;padding:0 6px 20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px}
.sidebar .brand b{font-family:var(--serif);font-size:15px;color:#fff;font-weight:600;line-height:1.15}
.sidebar .brand small{display:block;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-top:2px}

.hero-copy h1{font-size:42px}
.ac-body .err{margin-bottom:12px}

.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.check-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--white)}
.check-list label{font-size:12.5px;font-weight:500;display:flex;gap:8px;align-items:center}

.flash-ok{background:var(--green-bg);color:var(--green);padding:11px 15px;border-radius:11px;font-size:13px;font-weight:600;margin-bottom:14px}

.checkbox-group,.checkbox-org-group{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--white)}
.checkbox-item{font-size:12.5px;font-weight:500;display:flex;gap:8px;align-items:center}
.org-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin-top:6px}
.btn-ghost,.btn.ghost{background:transparent;color:var(--evergreen);border:1px solid var(--line)}
.btn-sm,.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px}
.breadcrumb{font-size:12px;color:var(--ink-soft);margin-bottom:6px;display:flex;gap:6px;align-items:center}
.breadcrumb a{text-decoration:none}
.user-cell{display:flex;align-items:center;gap:10px}
.inactive-row{opacity:.65}
.avatar.sm{width:28px;height:28px;font-size:11px;border-radius:7px}
.pill.sm{font-size:10px;padding:2px 7px}
.pill.blue{background:#dbeafe;color:#1e40af}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.page-head .actions{margin-left:auto}
.font-semibold{font-weight:700}

@media(max-width:820px){
  #app.app-shell{grid-template-columns:1fr}
}