/* Онбординг клиники: плавающий TODO-виджет «готовность к приёму» + обзорный тур с тултипами.
   Глобальный пакет (Startup.GetInitialRequireUiPackages). Разметку и поведение строит vetka-onboarding.js —
   в разметке View ничего нет. Токены темы (--primary/--surface/--ink…) из project-theme. Без box-shadow. */
/* bottom:74px — чтобы пилюля «Настройка» стояла НАД плавающим лаунчером заметок (vetka-notes-launcher, bottom:18px). */
#vetka-onb{position:fixed;right:18px;bottom:74px;z-index:4000;font-family:var(--font-ui,system-ui);}
#vetka-onb-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;border:1px solid var(--primary);background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;}
#vetka-onb-pill:hover{background:var(--primary-tint);}
#vetka-onb-pill .mdi{color:var(--primary);font-size:17px;}
#vetka-onb-pill .vetka-onb-count{color:var(--ink-3);font-weight:500;}
#vetka-onb-panel{width:284px;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.vetka-onb-hd{display:flex;align-items:center;gap:9px;padding:13px 14px;border-bottom:1px solid var(--line);}
.vetka-onb-hd .mdi{color:var(--primary);font-size:19px;}
.vetka-onb-hd b{font-size:13.5px;color:var(--ink);font-weight:600;display:block;line-height:1.25;}
.vetka-onb-hd small{font-size:11.5px;color:var(--ink-3);}
.vetka-onb-x{margin-left:auto;background:none;border:none;color:var(--ink-3);font-size:20px;cursor:pointer;line-height:1;padding:0 2px;}
.vetka-onb-bar{height:5px;background:var(--surface-2);}
.vetka-onb-bar>i{display:block;height:100%;background:var(--primary);transition:width .3s;}
.vetka-onb-list{padding:7px;display:flex;flex-direction:column;gap:2px;}
.vetka-onb-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;text-decoration:none;color:var(--ink-2);font-size:12.5px;}
a.vetka-onb-item:hover{background:var(--primary-tint);}
.vetka-onb-item .mdi{font-size:18px;}
.vetka-onb-item.done{color:var(--ink-3);}
.vetka-onb-item.done span{text-decoration:line-through;}
.vetka-onb-item.done .mdi{color:var(--success);}
.vetka-onb-item.todo .mdi{color:var(--primary);}
.vetka-onb-item .arr{margin-left:auto;color:var(--primary);font-size:16px;}
.vetka-onb-foot{padding:8px 14px 12px;display:flex;justify-content:center;gap:16px;}
.vetka-onb-foot button{background:none;border:none;color:var(--ink-3);font-size:12px;cursor:pointer;}
.vetka-onb-foot button[data-onb-tour]{color:var(--primary);font-weight:500;}
#vetka-tour{position:fixed;inset:0;z-index:5000;}
.vetka-tour-dim{position:absolute;inset:0;background:rgba(20,28,40,.5);}
/* Затемнение вокруг цели со скруглённой «дыркой» (SVG evenodd): пункт меню виден и подсвечен, дырка
   кликабельна, остальное перекрыто. Радиус выреза = радиусу кольца-указателя (углы совпадают). */
.vetka-tour-dim-svg{position:fixed;inset:0;width:100%;height:100%;}
.vetka-tour-dim-svg path{fill:rgba(20,28,40,.5);}
.vetka-tour-ring{position:fixed;border:2px solid var(--primary);border-radius:10px;pointer-events:none;z-index:5001;transition:left .2s,top .2s,width .2s,height .2s;}
.vetka-tour-lit{background:var(--primary-tint) !important;border-radius:8px;}
.vetka-tour-tip{position:fixed;width:280px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;z-index:5002;}
.vetka-tour-tip.center{left:50%;top:42%;transform:translate(-50%,-50%);}
.vetka-tour-step{font-size:11px;color:var(--primary);font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em;}
.vetka-tour-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:5px;}
.vetka-tour-text{font-size:12.5px;color:var(--ink-2);line-height:1.5;margin-bottom:14px;}
.vetka-tour-btns{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.vetka-tour-btns button{font-size:12.5px;border-radius:8px;padding:7px 15px;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);}
.vetka-tour-btns button.primary{background:var(--primary);border-color:var(--primary);color:#fff;}
.vetka-tour-btns button.ghost{border:none;background:none;color:var(--ink-3);}