/* Branding and isolated-demo affordances only. Layout uses the app's CSS. */
.topbar .brand { flex: none; }
.topbar .brand img { width: 176px; height: auto; }
.topbar nav { gap: 0; }
.topbar nav a { padding-inline: .75rem; }
.demo-badge { color: #a0a0a6; font-size: 10px; font-weight: 650; letter-spacing: .1em; white-space: nowrap; }
[data-demo-disabled] { cursor: default; }
.topbar [data-demo-disabled] { color: #a0a0a6; }
.demo-notice { position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%); z-index: 1000; width: max-content; max-width: calc(100% - 40px); padding: 14px 20px; border: 1px solid #454545; border-radius: 12px; background: #292929; box-shadow: 0 10px 35px #0008; font: 14px/1.5 var(--font); color: #f0f0f0; }
.demo-zoom { position: fixed; inset: 0; z-index: 1001; background: #111e; display: flex; align-items: center; justify-content: center; padding: 40px; }
.demo-zoom img { max-width: 90%; max-height: 95%; object-fit: contain; }
.demo-zoom button { position: absolute; right: 20px; top: 14px; border: 1px solid #555; border-radius: 20px; padding: 8px 16px; background: #222; color: white; cursor: pointer; }
.page-admin-doklad .preview > img { background: #e9e7e0; }
tr[role="link"]:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
@media (max-width: 800px) { .demo-badge { display: none; } }