/* kitchen inside — site pages around the deal page: the menu (links where the prototype has buttons), the catalogue. */
.ki-nav{position:sticky;top:0;z-index:40;margin:0;border-radius:0;border-width:0 0 1px}
.ki-nav a{text-decoration:none}
.ki-nav .pg-logo{color:var(--text)}
.ki-nav .pg-menu a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;font:600 14px Manrope,sans-serif;color:var(--text2);white-space:nowrap}
.ki-nav .pg-menu a.on{background:#F0ECFF;color:var(--accent-text)}
.ki-nav .pg-menu a:hover{background:var(--sunk2)}
.ki-nav .pg-menu a.pg-crumb{padding:0;font:400 13px Manrope,sans-serif;color:var(--text3)}
.ki-nav .ki-nav-old{text-decoration:underline;text-underline-offset:3px}
.ki-nav .pg-me{color:var(--text)}
.ki-nav-out{margin:0}
.ki-nav .pg-pop[hidden]{display:none}
.pg-n{color:var(--text);font:inherit}
.pg-ne{display:block}
/* the deal page: the menu sits above the page's own two columns */
.ki-with-nav .shell{min-height:calc(100vh - 58px)}
/* catalogue */
.ki-cat .pg-sli img{width:100%;height:100%;object-fit:cover;display:block}
.ki-cat .pg-sli.k-draw img{object-fit:contain;background:#fff}
.ki-cat .pg-card.ki-short .pg-cb{padding-top:14px}
.ki-cat .ki-noimg{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text3);font-size:13px;background:var(--sunk2)}
.ki-cat .pg-h .ki-acts{display:flex;gap:8px;flex-wrap:wrap}
/* dialogs of the catalogue (new site deal, load from amoCRM) */
.ki-dlg{width:min(420px,calc(100vw - 32px));padding:22px;border:0;border-radius:18px;box-shadow:0 18px 48px rgba(27,26,34,.22);color:var(--text)}
.ki-dlg::backdrop{background:rgba(27,26,34,.35)}
.ki-dlg h2{margin:0 0 6px;font-size:18px;font-weight:600}
.ki-dlg p{margin:0 0 12px;color:var(--text2);font-size:13px;line-height:1.45}
.ki-dlg label{display:block;margin:10px 0 4px;color:var(--text3);font-size:12px;font-weight:500}
.ki-dlg input{width:100%}
.ki-dlg .ki-err{margin:10px 0 0;color:var(--err-text);font-size:13px}
.ki-dlg .ki-dlg-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.ki-cat a.pg-cb{color:inherit;text-decoration:none}
.ki-cat a.pg-cb:hover b{color:var(--accent-text)}

/* personal cabinet */
.ki-cab .ki-msgs{margin-bottom:12px}
.ki-msg{margin:0 0 6px;padding:10px 14px;border-radius:10px;background:#EEF8F1;color:#166534;font-size:14px;font-weight:600}
.ki-msg-error{background:#FDECEC;color:#B42318}
.ki-cab-photo{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.ki-cab-av{width:64px;height:64px;font-size:22px;overflow:hidden;flex:none}
.ki-cab-av img{width:100%;height:100%;object-fit:cover}
.ki-cab-photo .ob-file input{display:none}
.ki-cab-chk{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:13px}
.ki-cab .inp[readonly]{background:var(--bg2,#F5F4F9);color:var(--text3)}
.ki-cab-deal{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px}
.ki-cab-deal:hover{border-color:#6B4EF0}
.ki-cab-deal b{display:block;font-size:14px}
.ki-cab-deal small{font-size:12px;color:var(--text3)}

/* stage 3 lock: the КП blocks still to finish */
.ki-ms-left{list-style:none;margin:4px 0 6px;padding:0 0 0 26px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text2)}
.ki-ms-left .btn{padding:2px 8px}

/* module picker in rows (modules.js) */
.ki-rows{display:flex;flex-direction:column;gap:12px;max-height:min(560px,64vh)}
.ki-row{display:flex;flex-direction:column;gap:6px}
.ki-row:not(:has(.opt)){display:none}
.ki-rowh{font-size:12px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}
.ki-rowb{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px}
.ki-opt{flex:0 0 170px;padding:8px;gap:4px}
.ki-opt b{font-size:13px;line-height:1.25}
.ki-opt .th{height:78px}
.ki-opt:disabled{opacity:.45;cursor:default}
.ctx .ki-mi-main{font-weight:700;color:var(--accent-text)}
.ctx .ki-mi-main .muted{margin-left:auto;font-size:12px;font-weight:500;padding-left:10px}
/* block 3: a level switched off */
#mx .rh{position:relative}
.ki-lvx{position:absolute;top:2px;right:4px;width:20px;height:20px;border:none;border-radius:6px;background:transparent;color:var(--text3);font-size:15px;line-height:1;cursor:pointer;opacity:.55}
.ki-lvx:hover{opacity:1;background:var(--sunk2);color:var(--err-text,#C0352F)}
.ki-lvb{border:none;background:none;padding:0;color:var(--accent-text);font:inherit;text-decoration:underline;cursor:pointer}
#mx .c2.ki-lvoff{color:transparent;background:repeating-linear-gradient(45deg,#F6F4FB 0 6px,#fff 6px 12px);border:1px dashed #DDD9E8;cursor:default}
/* block 4: dragging a module edge */
.ki-rstip{position:fixed;z-index:200;pointer-events:none;background:#1B1A22;color:#fff;border-radius:8px;padding:6px 9px;font-size:12px;display:flex;flex-direction:column;gap:2px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.ki-rstip span{color:#C9C5D8}
.ki-rstip.snap{background:#4B32C7}

/* login, access request, password pages (spec D2) */
body.ki-auth{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--text);background:#F6F5FA}
.ki-auth .pg-lcard{text-decoration:none}
.ki-auth a.pg-logo{text-decoration:none}
.ki-auth-form{display:flex;flex-direction:column;gap:12px}
.ki-auth-form textarea.inp{height:auto;min-height:64px;padding:8px 12px;resize:vertical}
.ki-auth-chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}
.ki-auth .pg-lrow a,.ki-auth .pg-lcard>a.btn{text-decoration:none}
.ki-auth .pg-lcard>a.btn{align-self:center}

/* «Медиа» */
.ki-media .pg-mt figcaption a{color:inherit;text-decoration:none}
.ki-media .pg-mt figcaption a:hover{text-decoration:underline}
.ki-media .pg-mi>img{background:#fff}
.ki-media .pg-mt.k-draw .pg-mi>img{object-fit:contain}
.ki-zoom{max-width:min(1100px,96vw);padding:16px;border:none;border-radius:16px}
.ki-zoom img{max-width:100%;max-height:78vh;display:block;margin:0 auto}
.ki-zoom [data-media-close]{float:right;font-size:22px}