/* Hosted app pages on top of app.css: the shell, access states, and the pull request list. */
[hidden] { display: none !important; }
.skip-link.sr:focus { position: fixed; z-index: 30; top: 8px; left: 8px; width: auto; height: auto; clip: auto; padding: 6px 12px; background: var(--app-card); border: 1px solid var(--line); border-radius: var(--radius-sm); font-size: 13px; }
.account { display: flex; align-items: center; }
/* The ink wordmark reads as white on the dark surface, like logo-white.svg. */
:root[data-theme="dark"] .side-logo img { filter: brightness(0) invert(1); }
.user-menu .menu button { display: block; width: 100%; padding: 7px 10px; border: 0; border-radius: var(--radius-sm); background: none; text-align: left; font-size: 13px; cursor: pointer; }
.user-menu .menu button:hover { background: var(--paper-3); }
.text-link { color: var(--blue-ink); font-weight: 500; text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 3px; }
.text-link:hover { text-decoration-color: var(--blue); }
:root[data-theme="dark"] .text-link { color: var(--ink); }

/* Access and loading states */
.access-panel { padding: 24px 26px; margin-bottom: 12px; }
.access-panel h2 { font-size: 17px; line-height: 24px; }
.access-panel p { color: var(--ink-2); font-size: 13.5px; line-height: 20px; margin: 6px 0 16px; max-width: 60ch; }
.access-panel .panel-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.access-panel .panel-actions:empty { display: none; }
.access-panel.is-error { border-color: var(--bad); }
.skeleton { display: block; height: 12px; max-width: 420px; border-radius: var(--radius-sm); background: linear-gradient(90deg, var(--paper-3) 25%, var(--line) 40%, var(--paper-3) 55%); background-size: 300% 100%; animation: shimmer 1.6s linear infinite; }
.skeleton + .skeleton { margin-top: 10px; width: 62%; }
@keyframes shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@media (prefers-reduced-motion: reduce) { .skeleton { animation: none; } }

/* Pull request list */
.pr-title .muted { font-weight: 400; }
.pr-meta .mono { font-size: 12px; }
.pr-share .mono { min-width: 64px; }
.list .empty .text-link { margin-left: 4px; }
.toolbar .btn { margin-left: 4px; }