/* ═══════════════════════════════════════════════════════ PyngOS — Shared App Shell Sidebar · Top bar · Toasts · Notification panel · AI chat Requires: tokens.css loaded first ═══════════════════════════════════════════════════════ */ @import url('/inline-styles.css'); @import url('/theme.css'); @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Instrument+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap'); /* ── ACCESSIBILITY: Touch Targets & Focus States ── */ /* cursor/position apply to all buttons; min sizes and padding only to full-size canonical classes */ button, a[role="button"], input[type="button"], input[type="submit"] { cursor: pointer; position: relative; } .btn-primary, .btn-secondary, .btn-tertiary, .btn-danger, .btn-small, .btn-pill, .btn-text-only, .btn-icon-only, .btn-close, .btn-icon-small, a[role="button"], input[type="button"], input[type="submit"] { min-height: 44px; min-width: 44px; padding: 10px 16px; } button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; box-shadow: 0 0 0 4px rgba(154,122,64,0.2); } /* Sidebar nav items — ensure 44px touch target */ .sb-nav-item { min-height: 44px; display: flex; align-items: center; padding: 10px 12px; } /* Icon buttons — expand hit area */ [role="button"] svg, button svg { pointer-events: none; /* Make SVG non-blocking for parent hit area */ } body { font-family: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; line-height: 1.6; } /* ── Hide OLD top nav on any page that loaded app.js ── */ /* Scope to .app-main so the sidebar's own