/* Dashboard additions on top of app/web/style.css (the field app's look). */
main { max-width: 1400px; margin: 0 auto; }
#topbar .who { color: #cfd8e3; font-size: 13px; }
#topbar a.nav { color: #fff; font-size: 13px; }
#topbar form { margin: 0; }
#topbar button { padding: 3px 10px; font-size: 13px; background: #2c3a48; color: #e6edf3; border-color: #3a4a5a; }
#crumb a { color: #cfd8e3; }
.stack > * + * { margin-top: 14px; }
main > .card + section { margin-top: 14px; }
.toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.toolbar h1 { margin: 0; }
.login { max-width: 380px; margin: 12vh auto 0; }
.login form { display: grid; gap: 12px; margin-top: 12px; }
.settings { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px 18px; margin-top: 12px; }
.notes { margin: 12px 0 0; white-space: pre-wrap; }
.empty { padding: 24px 0; text-align: center; }
figure { margin: 0; }
figcaption { margin-top: 2px; }
.noimg { padding: 24px; text-align: center; background: var(--surface-1); border: 1px dashed var(--border); border-radius: var(--radius); }
.full-res ul { list-style: none; padding: 0; margin: 8px 0 12px; }
.full-res li { padding: 3px 0; }
code { font-size: 13px; }