/* Nautilus 2.0 – Basis-Styles (Ribbon, Footer, Body) */
/* Wird von layout.ejs geladen; ergänzt durch nautilus.css + themes/ */

* { box-sizing: border-box; }
body { margin: 0; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; background: var(--bg-base, #fff); color: var(--text-primary, #323130); }
::selection { background: var(--accent-mid, rgba(0, 90, 112, 0.2)); color: inherit; }
.nautilus-body { min-height: 60vh; padding: 16px 24px 48px; }
.nautilus-footer { padding: 10px 20px; font-size: 12px; color: var(--text-muted, #605e5c); border-top: 1px solid var(--border-default, #edebe9); background: var(--bg-surface-3, #faf9f8); }
.nautilus-ribbon { background: var(--bg-surface-1, #f3f2f1); border-bottom: 1px solid var(--border-default, #edebe9); }
.ribbon-tabs { display: flex; flex-wrap: wrap; gap: 2px; }
.ribbon-tab { padding: 10px 14px; text-decoration: none; color: var(--text-secondary, #323130); font-size: 13px; }
.ribbon-tab:hover { background: var(--bg-hover, rgba(0,0,0,0.06)); }
.ribbon-tab.active { font-weight: 600; color: var(--accent, #005a70); border-bottom: 2px solid var(--accent, #005a70); }