/* ZordRegistry — style aplikacji (design tokeny + komponenty + layout). Fonty ładowane osobno w (Google Fonts). */ :root { --bg: #F6F7F9; --panel: #FFFFFF; --border: #E6E8EB; --border-light: #F1F2F5; --text: #111723; --text-secondary: #5B6472; --text-secondary-2: #41506a; --text-muted: #8A93A2; --text-muted-2: #9aa3b1; --accent: #2A6FDB; --accent-hover: #205bbd; --accent-bg: #EAF1FC; --success: #1F8A5B; --success-bg: #E8F4EE; --danger: #D14343; --danger-bg: #FBEBEB; --dark: #11161F; --dark-text: #dfe6f0; --dark-border: #2b3340; --row-hover: #F4F8FF; --nav-hover: #F2F4F7; --docker-color: #2A6FDB; --helm-color: #3B82C4; --debian-color: #A80030; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { height: 100%; } body { font-family: 'Manrope', system-ui, sans-serif; -webkit-font-smoothing: antialiased; color: var(--text); background: var(--bg); } .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } code, .mono { font-family: 'JetBrains Mono', monospace; } a { color: inherit; text-decoration: none; } h1 { font-size: 22px; font-weight: 800; letter-spacing: -.4px; } h2 { font-size: 14.5px; font-weight: 800; } table { width: 100%; border-collapse: collapse; font-size: 13.5px; } th { text-align: left; font-size: 11px; font-weight: 700; letter-spacing: .5px; color: var(--text-muted-2); text-transform: uppercase; padding: 11px 16px; background: #FAFBFC; border-bottom: 1px solid #EBEDF0; } td { padding: 12px 16px; border-bottom: 1px solid var(--border-light); vertical-align: middle; white-space: nowrap; } tbody tr:hover { background: var(--row-hover); } tbody tr:last-child td { border-bottom: none; } .panel { background: var(--panel); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; margin-bottom: 20px; } .panel-body { padding: 18px; } .panel-header { padding: 13px 18px; border-bottom: 1px solid var(--border-light); font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; } .stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin-bottom: 20px; } .stat-tile { background: var(--panel); border: 1px solid var(--border); border-radius: 12px; padding: 15px 16px; } .stat-label { font-size: 11px; font-weight: 700; letter-spacing: .4px; color: var(--text-muted-2); text-transform: uppercase; } .stat-value { font-size: 27px; font-weight: 800; letter-spacing: -.5px; margin-top: 6px; } .stat-sub { font-size: 12px; color: var(--text-muted); font-weight: 600; margin-top: 2px; } .pill { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; padding: 3px 10px; border-radius: 999px; white-space: nowrap; } .pill-dot { width: 6px; height: 6px; border-radius: 999px; background: currentColor; } .pill-success { color: var(--success); background: var(--success-bg); } .pill-neutral { color: var(--text-secondary); background: #F0F2F5; } .pill-danger { color: var(--danger); background: var(--danger-bg); } .pill-warning { color: #9A6700; background: #FFF6E5; } .quota-bar { height: 6px; border-radius: 999px; background: var(--border-light); margin-top: 8px; overflow: hidden; } .quota-bar-fill { height: 100%; border-radius: 999px; background: var(--accent); } /* Jednolity rozmiar wszystkich przycisków — niezależnie od tagu (