/*
  Личный кабинет koncentrat.app — общие стили нового кабинета (27.10.2026): палитра, заголовки, кнопки, поля, плашки,
  сообщения, предложения владения, окно подтверждения. Разделы — pages/*.css, меню — menu.css.
  Фирменный стиль: Inter, #FFFFFF #BEDAF5 #0167FA #014099 #012354 #000000.
*/
.klk-main{min-height:100vh;transition:opacity .40s ease}
.klk-main_off{opacity:0;pointer-events:none}                      /* центр гаснет при смене раздела (kabinet.js, route) */
@media (prefers-reduced-motion:reduce){.klk-main{transition:none}}
/* открытый дашборд: полоса сверху + дашборд ровно на экран — страница не прокручивается, один скролл (внутри дашборда) */
html.kl-bar,html.kl-bar body{overflow:hidden}
html.kl-bar .klk-main{min-height:0}
.klk-loading{margin:0;padding:48px 56px;font:15px/1.45 Inter,Arial,sans-serif;color:#014099}
.kla{--sky:#BEDAF5;--blue:#0167FA;--navy:#014099;--deep:#012354;--sky-soft:rgba(190,218,245,.28);--sky-line:rgba(190,218,245,.9);
  font-family:Inter,Arial,sans-serif;color:var(--deep);background:#FFFFFF;-webkit-font-smoothing:antialiased;box-sizing:border-box;
  padding:48px 56px 64px;max-width:1240px;font-size:15px;line-height:1.45}
.kla *,.kla *::before,.kla *::after{box-sizing:border-box}
.kla [hidden]{display:none !important}
.kla a{color:var(--blue);text-decoration:none;font-weight:600}
.kla button,.kla input,.kla select,.kla textarea{font-family:inherit;font-size:15px}
.kla input,.kla select,.kla textarea,.kla__tab,.kla__back{color:var(--deep)}

.kla__h1{font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-.02em;margin:0}
.kla__who{margin-top:10px;font-size:15px;color:var(--navy);opacity:.75;min-height:1.4em}
.kla__sec{margin-top:40px}
.kla__h2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:24px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}
.kla__h3{font-size:17px;font-weight:600;margin:0 0 4px}
.kla__lead{margin:0 0 20px;color:var(--navy);opacity:.8}
.kla__count{font-size:13px;font-weight:600;color:var(--navy);background:var(--sky-soft);border-radius:999px;padding:4px 10px}
.kla__muted{color:var(--navy);opacity:.7;font-size:13px}

/* вкладки админа */
.kla__tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.kla__tab{padding:9px 16px;border-radius:999px;border:1px solid var(--sky-line);background:#FFFFFF;cursor:pointer;font-weight:500}
.kla__tab:hover{border-color:var(--blue);color:var(--blue)}
.kla__tab_on,.kla__tab_on:hover{background:var(--deep);border-color:var(--deep);color:#FFFFFF}

/* кнопки и поля */
.kla__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:999px;border:1px solid var(--blue);
  background:var(--blue);color:#FFFFFF;font-weight:600;cursor:pointer;white-space:nowrap}
.kla__btn:hover{background:var(--navy);border-color:var(--navy)}
.kla__btn_line{background:#FFFFFF;color:var(--blue);border-color:var(--sky-line)}
.kla__btn_line:hover{background:#FFFFFF;border-color:var(--blue);color:var(--blue)}
.kla__btn_small{padding:7px 14px;font-size:14px;font-weight:500}
.kla__btn:disabled{opacity:.5;cursor:default}
.kla__link{background:none;border:0;padding:0;color:var(--blue);font-weight:500;font-size:14px;cursor:pointer}
.kla__link:hover{color:var(--navy);text-decoration:underline}
.kla__link:disabled{opacity:.5;cursor:default;text-decoration:none}
.kla__back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--sky-line);
  font-size:14px;font-weight:500;background:#FFFFFF;cursor:pointer}
.kla__back:hover{border-color:var(--blue);color:var(--blue)}
.kla__input,.kla__select,.kla__area{width:100%;padding:11px 14px;border:1px solid var(--sky-line);border-radius:12px;background:#FFFFFF;outline:none}
.kla__input:focus,.kla__select:focus,.kla__area:focus{border-color:var(--blue)}
.kla__area{min-height:70px;resize:vertical}
.kla__form{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.kla__form .kla__input{flex:1 1 260px;width:auto}
.kla__form .kla__select{flex:0 0 170px;width:auto}
.kla__check{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.kla__check input{width:17px;height:17px;accent-color:var(--blue);margin:0}
.kla__hint{margin-top:10px;font-size:13px;color:var(--navy);opacity:.75}
.kla__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.kla__field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--navy)}
.kla__field_wide{grid-column:1 / -1}
.kla__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}

/* сообщения */
.kla__msg{margin-top:14px;padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.5}
.kla__msg_err{background:var(--sky-soft);border-left:3px solid var(--deep)}
.kla__msg_ok{background:var(--sky-soft);border-left:3px solid var(--blue)}
.kla__state{padding:26px 28px;border:1.5px dashed var(--sky);border-radius:20px;background:var(--sky-soft)}
.kla__state b{display:block;font-size:17px;font-weight:600}
.kla__state span{display:block;margin-top:4px;font-size:14px;color:var(--navy)}

/* плашки */
.kla__pill{display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:12.5px;font-weight:500;border-radius:999px;padding:4px 10px;
  background:var(--sky-soft);color:var(--navy);white-space:nowrap}
.kla__pill_owner{background:var(--deep);color:#FFFFFF}
.kla__pill_manager{background:var(--blue);color:#FFFFFF}
.kla__pill_wait{background:#FFFFFF;border:1px dashed var(--navy)}
.kla__pill_off{background:#FFFFFF;border:1px solid var(--deep);color:var(--deep)}

/* предложения владения */
.kla__offer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;border-radius:20px;background:var(--deep);color:#FFFFFF;margin-bottom:12px}
.kla__offer-text{flex:1 1 320px}
.kla__offer-text b{font-weight:600}
.kla__offer-text span{display:block;margin-top:4px;font-size:13px;color:var(--sky)}
.kla__offer .kla__btn{background:#FFFFFF;color:var(--deep);border-color:#FFFFFF}
.kla__offer .kla__btn_line{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.55)}

/* окно подтверждения */
.kla__modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(1,35,84,.45)}
.kla__dialog{width:100%;max-width:480px;padding:26px 26px 22px;border-radius:20px;background:#FFFFFF;font-family:Inter,Arial,sans-serif;color:var(--deep)}
.kla__dialog p{margin:8px 0 0;color:var(--navy)}

@media (max-width:760px){
  .kla{padding:28px 16px 40px}
  .kla__h1{font-size:30px}
  .kla__head .kla__h1{font-size:26px}
  .kla__h2{font-size:21px}
  .kla__sec{margin-top:32px}
  .kla__box{padding:18px 16px}
  .kla__grid{grid-template-columns:1fr}
  .kla__row{grid-template-columns:minmax(0,1fr)}
  .kla__tags,.kla__ops{justify-content:flex-start}
  .kla__form .kla__select{flex:1 1 100%}
  .kla__form .kla__btn{flex:1 1 100%}
  .kla__seats{width:100%}
}