/* Presentation layer: demo ribbon, version switcher, phone preview, "Droga klienta" tour. */
.demo-ribbon{background:repeating-linear-gradient(135deg,#ffcd3c 0 14px,#ffd95e 14px 28px);color:#102c48;font:600 12.5px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-align:center;padding:6px 12px;position:relative;z-index:60}
.demo-ribbon a{color:#102c48;text-decoration:underline;font-weight:700}
.demo-switch{position:fixed;right:16px;bottom:16px;z-index:200;display:flex;align-items:center;gap:4px;background:#102c48;color:#fff;padding:6px;border-radius:999px;box-shadow:0 10px 30px #0005;font:600 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.demo-switch-label{padding:0 6px 0 10px;color:#b8c9da}
.demo-switch button{font:inherit;border:0;border-radius:999px;min-width:36px;height:36px;padding:0 12px;background:transparent;color:#fff;cursor:pointer}
.demo-switch button:hover{background:#ffffff1f}
.demo-switch button[aria-pressed=true]{background:#e30730}
.demo-switch .demo-phone-open{background:#ffffff14;margin-left:4px}
.demo-in-phone .demo-switch{display:none}
/* Page scale slider: zooms the whole page as one (side menus and centred columns stay aligned), except the switcher and the phone preview. */
html.demo-zoomed{zoom:var(--demo-zoom,1)}
.demo-zoomed .demo-switch,.demo-zoomed .demo-phone{zoom:var(--demo-unzoom,1)}
.demo-zoom{display:flex;align-items:center;gap:6px;margin-left:6px;padding:0 4px 0 10px;border-left:1px solid #ffffff2e;color:#b8c9da}
.demo-zoom input{width:110px;accent-color:#e30730;cursor:pointer}
.demo-switch .demo-zoom-reset{min-width:52px;padding:0 8px;font-variant-numeric:tabular-nums;color:#fff}
.demo-phone{position:fixed;inset:0;z-index:300;background:#0c1622cc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px}
.demo-phone-frame{width:390px;max-width:100%;height:min(844px,calc(100vh - 90px));border:12px solid #111;border-radius:42px;overflow:hidden;background:#fff;box-shadow:0 30px 80px #0008}
.demo-phone-frame iframe{width:100%;height:100%;border:0;display:block}
.demo-phone-close{font:600 14px system-ui,sans-serif;border:0;border-radius:999px;padding:10px 18px;background:#fff;color:#102c48;cursor:pointer}
.demo-filters{display:none}
.demo-tour .demo-steps{list-style:none;padding:0;margin:28px 0;display:grid;gap:14px;max-width:900px}
.demo-tour .demo-steps li{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:20px;border:1px solid var(--line,#dedfd9);background:#fff;border-radius:6px}
.demo-tour .demo-step-no{width:44px;height:44px;border-radius:50%;background:var(--red,#e30730);color:#fff;display:grid;place-items:center;font:800 18px Manrope,Arial,sans-serif}
.demo-tour .demo-steps h2{font-size:19px;margin:4px 0 6px}
.demo-tour .demo-steps p{color:var(--muted,#647078);margin:0 0 12px}
@media(max-width:760px){.demo-switch{left:12px;right:12px;bottom:12px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:2px}.demo-switch::-webkit-scrollbar{display:none}.demo-switch button{min-width:38px;height:38px;padding:0;flex:1 0 38px}.demo-switch-label{display:none}.demo-switch .demo-phone-open{display:none}.demo-zoom{display:none}.demo-tour .demo-steps li{grid-template-columns:1fr}}
/* CENTRUM preview: "Strona i treści" page list. */
.edit-list{padding:0 20px 6px}
.edit-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#e3e8ee)}
.edit-list li:last-child{border-bottom:0}
.list.edit-list li a.row-link{display:flex;flex-direction:column;gap:2px;padding:0;border:0;min-width:0}
.list.edit-list li a.btn{display:inline-flex;flex:none;padding:6px 12px;border-bottom:1px solid var(--line,#d3dce6)}
.version-picks{display:flex;flex-wrap:wrap;gap:6px}.version-picks .btn{min-width:40px;justify-content:center}