:root{--jasper-font:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.jasper-page{max-width:1400px;margin:0 auto;padding:var(--page-top) 24px 0;box-sizing:border-box}
/* Шапка — общий .svc-head (base.html): кегли и отступы оттуда, здесь цвет темы /workflow/ и угол с переключателем */
.jasper-head{padding-bottom:16px;color:var(--wf-ink);font-family:var(--jasper-font)}.jasper-head>h1{margin-bottom:8px}.jasper-head>.svc-desc,.jasper-head>.beta-chats{color:var(--wf-dim)}
.jasper-pill{display:inline-block;vertical-align:middle;margin-left:4px;padding:2px 8px 3px;border:1px solid var(--wf-rim-hi);border-radius:999px;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.3px;color:var(--wf-dim);cursor:default}
/* Угол: в одной точке на магазине, макете и в редакторе — кнопка не уходит из-под курсора */
.jasper-nav{position:absolute;top:0;right:0;z-index:1;display:flex;align-items:center;gap:18px}.jasper-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}
.jasper-nav .btn-3d{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:36px;padding:7px 13px;color:#fff;font-size:13px;line-height:1.3;text-decoration:none;white-space:nowrap}.jasper-nav .btn-3d[aria-current="page"]{box-shadow:inset 0 0 0 1px var(--c4),inset 0 2px 5px #0004}
.jasper-page .jasper-order{color:var(--wf-amber);font-size:13px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.jasper-page .jasper-order:hover{color:var(--wf-amber);text-decoration-thickness:2px}.jasper-head a:focus-visible{outline:2px solid var(--wf-amber);outline-offset:4px}
/* Страница макета: вместо шапки путь слева, угол справа */
.jasper-head-sub{display:flex;align-items:center;min-height:38px;padding-right:310px;text-align:left}.jasper-head-sub .pg-ico{font-size:18px;margin-right:7px}
@media(max-width:1240px){.jasper-nav{position:static;justify-content:flex-end;margin-bottom:12px}.jasper-head-sub{display:block;padding-right:0}}
@media(max-width:760px){.jasper-page{padding:var(--page-top) 16px 0}.jasper-nav{gap:13px}.jasper-nav .btn-3d{min-width:80px;font-size:12px;padding:7px 10px}.jasper-switch{gap:4px}.jasper-page .jasper-order{font-size:12px}}
/* Окно «в Честный Знак» (includes/jasper_chz_modal.html) — поверх эталонного .gm-modal.gm-blue */
.jc-dialog{max-width:440px}.jc-body{margin-top:12px;font-size:13px;line-height:1.5;color:#eaf1ea}.jc-body p{margin:0 0 8px}.jc-body p:empty{display:none}
.jc-field{display:block;margin:4px 0 8px;text-align:left;font-size:12px;color:#b9c6bd}.jc-field select{display:block;width:100%;min-height:38px;margin-top:5px;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(0,0,0,.28);color:#fff;font-size:14px}.jc-field select option{color:#111;background:#fff}
.jc-hint,.jc-wait{font-size:12px;color:#b9c6bd}.jc-org b{color:#fff}.jc-ok{font-size:16px;font-weight:700;color:var(--gm-ink)}.jc-err{color:#ff9b9b}.jc-warn{color:#ffcd78}