/* Порядыч: дополнения к киту — только токенами кита, своих цветов нет. */
.p-logo{width:30px;height:30px;border-radius:8px;object-fit:cover;flex:none}
.k-auth-logo.has-img img{width:100%;height:100%;object-fit:cover}
.p-small{font-size:var(--k-fs-xs)}
.p-person b{font-weight:600}
.p-platform{display:inline-flex;align-items:center;gap:5px;color:var(--k-ink-2);font-size:var(--k-fs-sm)}
.p-platform .k-i{color:var(--k-info)}
.p-steps{display:flex;gap:3px;margin-bottom:3px}
.p-steps i{display:block;width:12px;height:6px;border-radius:3px;background:var(--k-surface-3)}
.p-steps i.on{background:var(--k-primary)}
.p-steps-lg i{flex:1;height:10px;border-radius:5px}
.p-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--k-sp-4)}
.p-dl{display:grid;grid-template-columns:minmax(140px,200px) 1fr;gap:8px 16px;margin:0}
.p-dl dt{color:var(--k-ink-3);font-size:var(--k-fs-sm)}
.p-dl dd{margin:0;min-width:0}
.p-break{word-break:break-all}
.p-inline{display:flex;gap:8px;max-width:420px}
.p-timeline{display:flex;flex-direction:column}
.p-ev{display:grid;grid-template-columns:110px 150px 1fr;gap:12px;padding:8px 0;border-bottom:.5px solid var(--k-line);font-size:13.5px}
.p-ev:last-child{border-bottom:0}
.p-ev-time{color:var(--k-ink-3);font-variant-numeric:tabular-nums}
.p-ev-label{font-weight:600;color:var(--k-ink-2)}
.p-ev-text{min-width:0;word-break:break-word}
.p-ev-blocked .p-ev-label{color:var(--k-danger)}
.p-ev-broadcast .p-ev-label{color:var(--k-info)}
.p-nav-bottom a{opacity:.85}
.p-progress{height:10px;border-radius:5px;background:var(--k-surface-3);overflow:hidden;display:flex}
.p-progress span{display:block;height:100%}
.p-progress .ok{background:var(--k-success)}.p-progress .bad{background:var(--k-danger)}.p-progress .blk{background:var(--k-warning)}
/* редактор сообщений */
.p-editor{border:.5px solid var(--k-line-strong);border-radius:var(--k-radius-sm);background:var(--k-surface);overflow:hidden}
.p-editor:focus-within{border-color:var(--k-primary);box-shadow:0 0 0 3px var(--k-primary-soft)}
.p-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:6px;border-bottom:.5px solid var(--k-line);background:var(--k-surface-2);align-items:center}
.p-toolbar button{min-width:30px;height:30px;border:0;border-radius:6px;background:none;color:var(--k-ink-2);font:inherit;font-weight:600;cursor:pointer;padding:0 7px}
.p-toolbar button:hover{background:var(--k-surface-3)}
.p-toolbar button.is-on{background:var(--k-primary-soft);color:var(--k-primary-ink)}
.p-toolbar .sep{width:1px;height:20px;background:var(--k-line-strong);margin:0 4px}
.p-toolbar .k-seg{height:30px;margin-left:auto}
.p-area{min-height:180px;max-height:520px;overflow:auto;padding:12px 14px;outline:none;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.p-area:empty::before{content:attr(data-placeholder);color:var(--k-ink-3)}
.p-area blockquote,.p-bubble blockquote{border-left:3px solid var(--k-primary);margin:4px 0;padding:2px 0 2px 10px;color:var(--k-ink-2)}
.p-area code,.p-bubble code{font-family:var(--k-mono);background:var(--k-surface-3);border-radius:4px;padding:0 4px;font-size:.92em}
.p-area pre,.p-bubble pre{font-family:var(--k-mono);background:var(--k-surface-3);border-radius:6px;padding:8px 10px;margin:4px 0;white-space:pre-wrap}
.p-area .tg-spoiler,.p-bubble .tg-spoiler{background:var(--k-ink-3);color:transparent;border-radius:3px}
.p-area .tg-spoiler{color:var(--k-surface)}
.p-html{width:100%;min-height:180px;border:0;padding:12px 14px;font-family:var(--k-mono);font-size:13px;background:var(--k-surface);color:var(--k-ink);resize:vertical;outline:none}
.p-editor-foot{display:flex;gap:12px;padding:6px 10px;border-top:.5px solid var(--k-line);font-size:var(--k-fs-xs);color:var(--k-ink-3)}
.p-editor-foot .over{color:var(--k-danger);font-weight:700}
/* превью как в Telegram */
.p-phone{background:var(--k-surface-2);border-radius:var(--k-radius);padding:16px;position:sticky;top:76px}
.p-bubble{background:var(--k-surface);border-radius:14px 14px 14px 4px;box-shadow:var(--k-shadow);max-width:360px;overflow:hidden;font-size:14px;line-height:1.45}
.p-bubble .txt{padding:8px 12px;white-space:pre-wrap;word-break:break-word}
.p-bubble .media{background:var(--k-surface-3);color:var(--k-ink-3);display:grid;place-items:center;min-height:140px;font-size:var(--k-fs-sm)}
.p-bubble .media img,.p-bubble .media video{display:block;width:100%;max-height:300px;object-fit:cover}
.p-bubble .media.round{width:200px;height:200px;min-height:0;border-radius:50%;margin:8px auto;overflow:hidden}
.p-bubble .media.round video{width:100%;height:100%;max-height:none}
.p-kb{display:flex;flex-direction:column;gap:4px;margin-top:4px;max-width:360px}
.p-kb div{display:flex;gap:4px}
.p-kb span{flex:1;text-align:center;background:var(--k-surface);border-radius:8px;padding:8px;font-size:13px;font-weight:600;color:var(--k-primary-ink);box-shadow:var(--k-shadow)}
.p-btn-row{display:grid;grid-template-columns:1fr 150px 1fr 70px 36px;gap:8px;align-items:center;margin-bottom:8px}
.p-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--k-sp-4);align-items:start}
.p-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.p-seg-count{font-size:22px;font-weight:650}
@media (max-width:1100px){.p-form-layout{grid-template-columns:1fr}.p-phone{position:static}}
@media (max-width:700px){.p-btn-row{grid-template-columns:1fr 1fr}.p-ev{grid-template-columns:80px 1fr}.p-ev-text{grid-column:1/-1}.p-dl{grid-template-columns:1fr}}
/* глобальные мелочи, которых в ките нет вне своих блоков */
[hidden]{display:none!important}
.k-hint{font-size:var(--k-fs-xs);color:var(--k-ink-3)}
.k-seg{display:inline-flex;border:.5px solid var(--k-line-strong);border-radius:var(--k-radius-sm);overflow:hidden;height:var(--k-control-h)}
.k-seg button{border:0;background:var(--k-surface);color:var(--k-ink-2);padding:0 14px;font:inherit;font-weight:600;cursor:pointer;border-right:.5px solid var(--k-line)}
.k-seg button:last-child{border-right:0}
.k-seg button.is-active{background:var(--k-primary-soft);color:var(--k-primary-ink)}
.k-range{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.k-range .k-input,.k-range .k-date{width:140px}
.p-phone .k-hint{line-height:1.4}
