:root{
  --bg-0:#070B14; --bg-1:#0B1120; --bg-2:#1E293B;
  --glass:rgba(15,23,42,.84); --glass-soft:rgba(30,41,59,.64); --card:rgba(17,25,40,.86);
  --input-bg:rgba(15,23,42,.88);
  --border:rgba(255,255,255,.12); --border-accent:rgba(96,165,250,.32);
  --accent:#60A5FA; --accent-soft:#93C5FD;
  --text:#F8FAFC; --text-2:#CBD5E1; --muted:#94A3B8;
  --danger:#F87171;
  --ease:cubic-bezier(.22,1,.36,1);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;
  background:radial-gradient(circle at 50% 0,var(--bg-2) 0,var(--bg-1) 65%,var(--bg-0) 100%) fixed}
a{color:inherit}
h1,h2{margin:0}
.muted{color:var(--muted)}

/* ---- Плаваща пилюла ---- */
.topbar{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:4000;
  width:calc(100% - 64px);max-width:1220px;padding:10px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
  border:1px solid var(--border-accent);border-radius:999px;box-shadow:0 18px 42px rgba(0,0,0,.45);
  transition:background .3s var(--ease),border-color .3s var(--ease)}
.topbar.scrolled{background:rgba(15,23,42,.6);border-color:rgba(96,165,250,.48)}
.brand,.auth-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.brand-logo{height:34px;width:auto;display:block}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#C8102E;font-weight:800}
.brand-title{font-size:20px;letter-spacing:-.02em;font-weight:400;white-space:nowrap}
.brand-title b{font-weight:800}

.nav{display:flex;align-items:center;gap:6px}
.nav-dd{position:relative}
.nav-item{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid transparent;border-radius:999px;
  color:var(--text-2);text-decoration:none;font-size:13.5px;font-weight:600;white-space:nowrap;
  transition:background .2s,border-color .2s,color .2s}
.nav-item:hover,.nav-item.active,.nav-dd:hover>.nav-item{color:#fff;background:rgba(96,165,250,.18);border-color:rgba(96,165,250,.38)}
.nav-item.is-soon{opacity:.38;cursor:not-allowed;pointer-events:none}
.caret{font-size:9px;opacity:.7}
.nav-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:rgba(96,165,250,.25);color:var(--accent-soft);font-size:11px;font-weight:700}

.submenu{position:absolute;top:calc(100% + 10px);left:0;min-width:235px;padding:8px;z-index:4500;
  background:rgba(15,23,42,.96);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
  border:1px solid var(--border-accent);border-radius:16px;box-shadow:0 22px 48px rgba(0,0,0,.65);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s ease}
.submenu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.submenu-right{left:auto;right:0}
.nav-dd:hover>.submenu,.nav-dd.open>.submenu,.nav-dd:focus-within>.submenu{opacity:1;visibility:visible;transform:none}
.submenu-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 12px;border:0;border-radius:12px;
  background:transparent;color:var(--text-2);font:inherit;font-size:13.5px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}
.submenu-link:hover,.submenu-link.active{background:rgba(96,165,250,.22);color:#fff}
.submenu-head{padding:8px 12px 10px;font-weight:700;border-bottom:1px solid var(--border);margin-bottom:6px}
.submenu-head small{display:block;color:var(--muted);font-weight:500;font-size:12px}
.avatar{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-accent);background:rgba(96,165,250,.2);
  color:#fff;font:inherit;font-weight:700;cursor:pointer}
.nav-toggle{display:none;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:transparent;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:4px}
.nav-toggle span{display:block;width:16px;height:2px;border-radius:2px;background:var(--text)}

/* ---- Страница ---- */
.page{max-width:1220px;margin:0 auto;padding:0 24px 60px}
.hero{padding:112px 0 18px;text-align:center}
.hero-title{font-size:36px;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}
.hero-sub{max-width:650px;margin:0 auto;color:var(--muted);font-size:14.5px}
.tabs-wrap{display:flex;justify-content:center;margin:22px 0 22px;overflow-x:auto}
.tabs{display:inline-flex;gap:2px;padding:5px;border:1px solid var(--border);border-radius:999px;background:rgba(15,23,42,.78)}
.tab{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border-radius:999px;color:var(--muted);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.tab:hover{color:#fff}
.tab.active{background:var(--accent);color:#0B1120;font-weight:700}
.tab .nav-badge{background:rgba(0,0,0,.2);color:inherit}
.card{padding:24px 28px;border:1px solid var(--border);border-radius:24px;background:var(--card);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid var(--border)}
.card-head h2{font-size:20px;font-weight:700}
.empty{padding:48px 0;text-align:center;color:var(--muted)}

/* ---- Вход ---- */
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth-card{width:100%;max-width:420px;padding:32px;border:1px solid var(--border);border-radius:24px;background:var(--glass);
  -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);display:grid;gap:14px}
.auth-card h1{font-size:24px;letter-spacing:-.02em}
.auth-card p{margin:-6px 0 4px}
.field{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--text-2)}
.input{width:100%;height:46px;padding:0 16px;border-radius:14px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font:inherit;font-size:15px;outline:none}
.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(96,165,250,.2)}
.btn{height:46px;border:0;border-radius:999px;background:var(--accent);color:#0B1120;font:inherit;font-weight:700;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.alert-error{padding:10px 14px;border-radius:12px;border:1px solid rgba(248,113,113,.4);background:rgba(248,113,113,.12);color:#FCA5A5;font-size:14px}

/* ---- Toast ---- */
#toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);display:grid;gap:8px;z-index:6000;width:min(92vw,420px)}
.toast{padding:12px 16px;border-radius:14px;border:1px solid var(--border-accent);background:rgba(15,23,42,.96);box-shadow:0 12px 32px rgba(0,0,0,.5);font-size:14px}
.toast-error{border-color:rgba(248,113,113,.5)}

/* ---- Мобилно ---- */
@media (max-width:900px){
  .topbar{width:calc(100% - 24px);top:10px;padding:8px 14px;border-radius:28px}
  .nav-toggle{display:flex}
  .nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:12px;
    background:rgba(15,23,42,.96);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
    border:1px solid var(--border-accent);border-radius:24px;box-shadow:0 22px 48px rgba(0,0,0,.65);max-height:calc(100vh - 100px);overflow:auto}
  .topbar.nav-open .nav{display:flex}
  .submenu,.submenu-right{position:static;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:0 0 0 12px}
  .submenu::before{display:none}
  .nav-item{justify-content:space-between}
  .nav-user .avatar{display:none}
  .hero{padding-top:92px}
  .hero-title{font-size:28px}
  .page{padding:0 14px 40px}
  .card{padding:18px}
}

/* ---- Конфигурация ---- */
.hero-left{text-align:left;padding-bottom:6px}
.cfg-card{margin-bottom:0}
.cfg-gap{margin-top:28px}
.cfg-head p,.card-head p{margin:4px 0 0;font-size:14px}
.badge-ok{padding:6px 14px;border-radius:999px;border:1px solid rgba(52,211,153,.4);background:rgba(52,211,153,.12);color:#6EE7B7;font-size:13px;font-weight:600;white-space:nowrap}
.cfg-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.cfg-col{border:1px solid var(--border);border-radius:24px;background:rgba(11,17,32,.5);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.cfg-col-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 22px;border-bottom:1px solid var(--border)}
.cfg-col-head h3{margin:0;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg-add{display:flex;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}
.cfg-add .input{min-width:0;flex:1;height:44px}
.cfg-add select.input{flex:0 0 78px;padding:0 8px}
.cfg-add-wide{padding:20px 0;border-bottom:0}
.cfg-add-wide .input{max-width:none}
.btn-sm{height:44px;padding:0 18px;border:0;border-radius:14px;background:var(--accent);color:#0B1120;font:inherit;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.btn-sm:hover{filter:brightness(1.08)}
.btn-sm:disabled,.cfg-add .input:disabled{opacity:.45;cursor:not-allowed}
.cfg-list{display:grid;align-content:start;gap:6px;padding:12px;min-height:320px;max-height:460px;overflow-y:auto}
.cfg-item{display:flex;align-items:center;border-radius:14px}
.cfg-item:hover{background:rgba(96,165,250,.12)}
.cfg-item.active{background:#6EA8FE;color:#0B1120}
.cfg-item-label{flex:1;min-width:0;padding:13px 16px;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cfg-item.active .cfg-item-label{font-weight:700}
.cfg-item-label:disabled{cursor:default}
.cfg-x{width:34px;height:34px;margin-right:6px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;flex:0 0 auto}
.cfg-x:hover{background:rgba(248,113,113,.18);color:#FCA5A5}
.cfg-item.active .cfg-x{color:#0B1120}
.cfg-empty{padding:28px 12px;text-align:center;color:var(--muted);font-size:14px}
.cfg-empty-wide{grid-column:1/-1}
.pill-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pill-tab{padding:12px 24px;border:1px solid var(--border);border-radius:999px;background:rgba(30,41,59,.5);color:var(--text-2);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.pill-tab:hover{border-color:var(--border-accent);color:#fff}
.pill-tab.active{background:var(--accent);border-color:var(--accent);color:#0B1120}
.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 20px;min-height:56px;border-radius:16px;background:rgba(30,41,59,.6);font-weight:600}
.chip-name{overflow:hidden;text-overflow:ellipsis}
@media (max-width:1000px){.cfg-cols{grid-template-columns:1fr}.chips{grid-template-columns:repeat(2,1fr)}.cfg-list{min-height:200px}}
@media (max-width:520px){.chips{grid-template-columns:1fr}.pill-tab{padding:10px 16px}}

/* ---- Конфигурация: община ---- */
.cfg-add-wrap{flex-wrap:wrap}
.cfg-add-wrap .cfg-full{flex:1 1 100%;height:40px;font-size:14px}
.cfg-sub{font-weight:500;font-size:12px;opacity:.65}

/* ---- clients-ui ---- */
[hidden]{display:none !important}
body.modal-open{overflow:hidden}
.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Бързи действия */
.bubbles{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 22px}
.bubble{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:22px 26px;border:1.5px solid var(--border);border-radius:28px;
  background:var(--glass-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:inherit;font:inherit;text-align:left;cursor:pointer;
  transition:border-color .2s,background .2s,transform .2s var(--ease)}
.bubble:hover{border-color:var(--accent);background:linear-gradient(135deg,rgba(59,130,246,.22) 0%,rgba(30,41,59,.82) 100%);transform:translateY(-1px)}
.bubble.is-soon{opacity:.45;cursor:not-allowed;pointer-events:none}
.bubble-left{display:flex;align-items:center;gap:16px;min-width:0}
.bubble-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text-2)}
.bubble:hover .bubble-icon{background:rgba(96,165,250,.2);color:#fff;border-color:var(--accent)}
.bubble-text strong{display:block;font-size:18px;font-weight:700;margin-bottom:3px}
.bubble-text span{display:block;font-size:13px;color:var(--muted)}
.bubble-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.06);color:var(--text-2)}
.bubble-arrow .ico{width:15px;height:15px}

/* Списък */
.c-head{flex-wrap:wrap}
.c-tools{display:flex;gap:12px;flex-wrap:wrap}
.c-tools .input{height:42px;font-size:14px}
.c-tools input.input{width:260px}
.c-tools select.input{width:170px}
.c-grid{display:grid;grid-template-columns:minmax(240px,1.6fr) minmax(140px,1.1fr) minmax(140px,1.1fr) auto;gap:16px;align-items:center}
.c-th{padding:6px 12px 10px;color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border)}
.c-th>div:last-child{text-align:right}
.c-row{padding:16px 12px;border-bottom:1px solid var(--border)}
.c-row:last-child{border-bottom:0}
.c-row:hover{background:rgba(96,165,250,.06)}
.c-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.badge-no{padding:3px 9px;border-radius:8px;border:1px solid var(--border-accent);background:rgba(96,165,250,.14);color:var(--accent-soft);font-size:12px;font-weight:700;white-space:nowrap}
.c-name{font-weight:700;font-size:16px}
.c-meta{display:flex;align-items:center;gap:8px;margin-top:6px}
.chip-type{padding:2px 8px;border-radius:7px;background:rgba(148,163,184,.16);color:var(--text-2);font-size:11.5px;font-weight:700;white-space:nowrap}
.mark{font-weight:800;font-size:14px}
.mark-ok{color:#6EE7B7}
.mark-no{color:#F87171}
.c-phone{color:var(--accent);text-decoration:none;font-size:14px;font-weight:600}
.c-phone:hover{text-decoration:underline}
.c-muted{color:var(--muted)}
.c-actions{display:flex;justify-content:flex-end;gap:8px}
.icon-btn{display:grid;place-items:center;width:40px;height:38px;padding:0;border:1px solid var(--border);border-radius:11px;background:rgba(30,41,59,.5);color:var(--text-2);cursor:pointer}
.icon-btn:hover{border-color:var(--border-accent);color:#fff;background:rgba(96,165,250,.18)}
.icon-btn .ico{width:17px;height:17px}
.c-more{display:flex;justify-content:center;padding-top:16px}
.btn-more{padding:10px 26px;border:1px solid var(--border-accent);border-radius:999px;background:transparent;color:var(--accent-soft);font:inherit;font-weight:700;cursor:pointer}
.btn-more:hover{background:rgba(96,165,250,.14)}

/* Модали */
.modal-overlay{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,6,16,.72);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.modal{display:flex;flex-direction:column;width:100%;max-width:920px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);
  border:1px solid var(--border);border-radius:24px;background:#0F172A;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.modal-wide{max-width:1000px}
.modal-small{max-width:440px}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 28px 18px;border-bottom:1px solid var(--border)}
.modal-title{font-size:22px;font-weight:800;letter-spacing:-.02em}
.modal-sub{margin:4px 0 0;color:var(--muted);font-size:14px}
.modal-x{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:var(--text-2);font-size:24px;line-height:1;cursor:pointer}
.modal-x:hover{background:rgba(255,255,255,.12);color:#fff}
.modal-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:22px 28px}
.modal-foot{display:flex;justify-content:flex-end;gap:12px;padding:16px 28px;border-top:1px solid var(--border);border-radius:0 0 24px 24px}
.btn-modal{height:46px;padding:0 26px;border:0;border-radius:14px;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.btn-modal:disabled{opacity:.55;cursor:wait}
.btn-modal-primary{background:var(--accent);color:#0B1120}
.btn-modal-ghost{background:#fff;color:#0B1120}
.btn-modal-danger{background:#EF4444;color:#fff}
.confirm-text{margin:0;white-space:pre-line;color:var(--text-2);line-height:1.55}

/* Форма */
.m-section{padding:20px 24px;margin-bottom:16px;border:1px solid var(--border);border-radius:20px;background:rgba(17,25,40,.6)}
.m-title{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border);color:var(--accent-soft);font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.m-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.m-field{min-width:0}
.m-field>label{display:block;margin-bottom:6px;color:var(--text-2);font-size:13px;font-weight:600}
.m-field .input:disabled{opacity:.5;cursor:not-allowed}
textarea.input{height:auto;min-height:90px;padding:12px 16px;resize:vertical}
.span2{grid-column:span 2}
.span4{grid-column:1/-1}
.m-row{display:flex;gap:28px;flex-wrap:wrap}
.seg{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:16px;background:rgba(11,17,32,.6)}
.seg-btn{padding:10px 22px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}
.seg-btn.active{background:#6EA8FE;color:#0B1120}

/* Досие */
.dos-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px;margin-bottom:16px;border:1px solid var(--border);border-radius:20px;background:rgba(17,25,40,.6)}
.dos-reg{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px;color:var(--muted);font-size:14px}
.dos-name{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}
.dos-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--border);border-radius:12px;background:rgba(30,41,59,.5);color:var(--text);font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.btn-chip:hover{border-color:var(--border-accent);background:rgba(96,165,250,.16)}
.btn-chip .ico{width:16px;height:16px}
.dos-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.dos-cols .m-section{margin-bottom:0}
.kv{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;margin-bottom:8px;border-radius:12px;background:rgba(30,41,59,.5)}
.kv:last-child{margin-bottom:0}
.kv>span:first-child{color:var(--muted);flex:0 0 auto}
.kv>span:last-child{font-weight:600;text-align:right;overflow-wrap:anywhere}

@media (max-width:900px){
  .bubbles{grid-template-columns:1fr}
  .c-tools{width:100%}
  .c-tools input.input{flex:1;width:auto;min-width:0}
  .c-tools select.input{width:150px}
  .c-th{display:none}
  .c-grid{grid-template-columns:1fr auto}
  .c-client{grid-column:1}
  .c-actions{grid-column:2;grid-row:1}
  .c-orient,.c-broker{grid-column:1/-1;font-size:14px}
  .c-orient::before,.c-broker::before{content:attr(data-label) ": ";color:var(--muted)}
  .dos-cols{grid-template-columns:1fr}
  .m-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal-overlay{padding:0;align-items:flex-end}
  .modal{max-width:none;max-height:92vh;max-height:92dvh;border-radius:24px 24px 0 0}
  .modal-foot{border-radius:0}
}
@media (max-width:520px){
  .m-grid{grid-template-columns:1fr}
  .span2{grid-column:auto}
  .modal-head,.modal-body,.modal-foot{padding-left:18px;padding-right:18px}
  .m-section{padding:16px}
  .seg-btn{padding:10px 14px}
  .modal-foot .btn-modal{flex:1;padding:0 12px}
}

/* ---- contracts-ui ---- */
.m-row>.m-field{min-width:0}
.c-contract{margin-top:18px;padding-top:18px;border-top:1px dashed var(--border)}
input[type="date"].input{min-height:46px;-webkit-appearance:none;appearance:none}
input[type="date"].input::-webkit-calendar-picker-indicator{opacity:.75;cursor:pointer}
input[type="date"].input::-webkit-date-and-time-value{text-align:left}
.dz-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.dz{position:relative;border:1.5px dashed rgba(96,165,250,.45);border-radius:18px;background:rgba(11,17,32,.55);transition:border-color .2s,background .2s}
.dz.over{border-color:var(--accent);background:rgba(96,165,250,.14)}
.dz-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;text-align:center;cursor:pointer}
.dz-ico .ico{width:30px;height:30px;color:var(--accent)}
.dz-title{font-weight:700}
.dz-hint{color:var(--muted);font-size:13px}
.dz-file{display:flex;align-items:center;gap:14px;padding:14px 16px}
.dz-file-ico .ico,.dos-pdf-info>.ico{width:28px;height:28px;color:#FCA5A5;flex:0 0 auto}
.dz-file-info{flex:1;min-width:0}
.dz-file-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dz-file-size{color:var(--muted);font-size:13px}
.dz .cfg-x{margin-right:0}
.chip-excl{padding:2px 8px;border-radius:7px;background:rgba(251,191,36,.16);color:#FCD34D;font-size:11.5px;font-weight:700;white-space:nowrap}
.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kv-grid .kv{margin-bottom:0}
.kv-warn{color:#FBBF24}
.kv-bad{color:#F87171}
.dos-pdf{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding:12px 16px;border-radius:12px;background:rgba(30,41,59,.5)}
.dos-pdf-info{display:flex;align-items:center;gap:12px;min-width:0}
a.btn-chip{text-decoration:none}
@media (max-width:900px){.kv-grid{grid-template-columns:1fr}}

/* ---- clients-manage-ui ---- */
.m-title.has-lock{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lock-badge{padding:6px 14px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.seg.is-locked .seg-btn{cursor:not-allowed}
.seg.is-locked .seg-btn:not(.active){opacity:.45}
.seg.is-locked .seg-btn.active{background:rgba(110,168,254,.55)}
.dz-file-note{color:var(--accent-soft);font-size:12.5px}
.dz-file-note:empty{display:none}
.transfer-text{margin:0 0 12px;color:var(--text-2)}
.icon-btn.icon-danger:hover{border-color:rgba(248,113,113,.5);background:rgba(248,113,113,.16);color:#FCA5A5}
@media (max-width:900px){
  .c-grid{grid-template-columns:1fr}
  .c-actions{grid-column:1;grid-row:auto;justify-content:flex-start;flex-wrap:wrap}
}

/* ---- services-ui ---- */
.seg{flex-wrap:wrap}
.s-hint{margin:12px 0 0;font-size:13.5px}
.client-picker{display:grid;gap:10px}
.picker-head{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.picker-list{display:grid;gap:6px}
.picker-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:rgba(30,41,59,.5);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.picker-item:hover:not(:disabled){border-color:var(--border-accent);background:rgba(96,165,250,.14)}
.picker-item:disabled{opacity:.5;cursor:not-allowed}
.picker-name{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.picker-empty{padding:14px;color:var(--muted);text-align:center}
.picker-new{justify-self:start}
.picked-client{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border-accent);border-radius:16px;background:rgba(96,165,250,.12)}
.picked-label{display:block;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}
.k-card,.sv-card{padding:14px 16px;margin-bottom:10px;border:1px solid var(--border);border-radius:16px;background:rgba(30,41,59,.35)}
.k-card:last-child,.sv-card:last-child{margin-bottom:0}
.k-card.is-expired{opacity:.7}
.k-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.k-link{margin-left:auto;font-size:13px}
.k-card .dos-pdf{margin-top:10px}
.chip-ok{padding:2px 8px;border-radius:7px;background:rgba(52,211,153,.14);color:#6EE7B7;font-size:11.5px;font-weight:700;white-space:nowrap}
.chip-bad{padding:2px 8px;border-radius:7px;background:rgba(248,113,113,.14);color:#FCA5A5;font-size:11.5px;font-weight:700;white-space:nowrap}
.chip-role{padding:3px 10px;border-radius:8px;background:rgba(96,165,250,.2);color:var(--accent-soft);font-size:12.5px;font-weight:800}
.sv-card .k-head{margin-bottom:0}
.sv-notes{margin:10px 0 0;color:var(--text-2);font-size:14px;white-space:pre-line}
.m-section>textarea.input{width:100%}
@media (max-width:900px){.k-link{margin-left:0;flex-basis:100%}}

/* ---- property-search-forms ---- */
.m-section>.m-grid+.m-grid,.m-section>.m-grid+.m-field,.m-section>.m-field+.m-field,.m-section>.m-field+.m-sub,.m-section>.m-grid+.m-sub,.m-section>.tg-grid+.m-field,.m-section>.loc-box+.m-grid{margin-top:14px}
.m-section>.m-field{display:block}
.m-sub{margin:20px 0 12px;padding-top:14px;border-top:1px dashed var(--border);color:var(--text-2);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.m-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.m-pair{display:grid;grid-template-columns:1.2fr 1fr;gap:6px}
.m-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.m-pair .input,.m-triple .input{padding:0 10px}
.chips-cloud{display:flex;flex-wrap:wrap;gap:8px}
.chip-check{padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:rgba(30,41,59,.5);color:var(--text-2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.chip-check:hover{border-color:var(--border-accent);color:#fff}
.chip-check.checked{background:rgba(96,165,250,.22);border-color:var(--accent);color:#fff}
.tg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tg-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 16px;border:1px solid var(--border);border-radius:16px;background:rgba(30,41,59,.45);cursor:pointer}
.tg-info{display:flex;flex-direction:column;min-width:0}
.tg-info strong{font-size:14px}
.tg-info span{color:var(--muted);font-size:12.5px}
.tg-info span:empty{display:none}
.tg-switch{position:relative;flex:0 0 44px;width:44px;height:26px}
.tg-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.tg-slider{position:absolute;inset:0;border-radius:999px;background:rgba(148,163,184,.35);transition:background .2s;pointer-events:none}
.tg-slider::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s var(--ease)}
.tg-switch input:checked+.tg-slider{background:var(--accent)}
.tg-switch input:checked+.tg-slider::after{transform:translateX(18px)}
.tg-switch input:focus-visible+.tg-slider{box-shadow:0 0 0 3px rgba(96,165,250,.35)}
.loc-box{padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(11,17,32,.55)}
.loc-box .m-field{margin-top:0}
.loc-box>.m-field{margin-top:12px}
.loc-box .btn-sm{width:100%}
.loc-list{display:grid;gap:8px;margin-top:12px}
.loc-list:empty{display:none}
.loc-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid var(--border-accent);border-radius:14px;background:rgba(96,165,250,.1)}
.loc-card .c-muted{font-size:13px}
.sv-headline{margin-top:10px;font-weight:700}
.sv-facts{margin-top:4px;color:var(--text-2);font-size:14px}
.sv-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
@media (max-width:900px){.tg-grid,.m-grid-3{grid-template-columns:1fr}}

/* ---- services-pages ---- */
.s-grid{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(200px,1.4fr) minmax(150px,1fr) minmax(120px,.8fr) auto;gap:16px;align-items:center}
.s-grid.c-th>div:last-child{text-align:right}
.s-client{font-size:14.5px}
.s-head{font-weight:700}
.s-sub{margin-top:3px;font-size:13px}
.s-price{font-weight:800;font-size:15.5px}
.s-place .sv-badges{margin-top:6px}
.sv-actions{margin-top:10px}
.sv-card .badge-no{font-size:11.5px}
@media (max-width:900px){
  .s-grid{grid-template-columns:1fr}
  .s-place,.s-facts,.s-grid .c-broker{font-size:14px}
  .s-place::before,.s-facts::before,.s-grid .c-broker::before{content:attr(data-label) ": ";color:var(--muted)}
  .s-grid .c-actions{justify-content:flex-start;flex-wrap:wrap}
}
/* ---- offer-media ---- */
.m-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.m-section>.wm-card+.m-sub{margin-top:20px}
.wm-card{display:grid;gap:10px;max-width:560px;padding:12px 16px;border:1px solid var(--border);border-radius:16px;background:rgba(30,41,59,.45)}
.wm-card .tg-card{min-height:0;padding:0;border:0;background:none}
.wm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--border);font-size:13px;font-weight:600}
.wm-row .input{width:200px;height:36px}
.wm-card.is-off .wm-row{opacity:.5}
.ph-zone .dz-empty{padding:18px 16px}
.ph-zone.is-full{opacity:.6}
.ph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px}
.ph-grid:empty{display:none}
.ph-card{position:relative;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:rgba(11,17,32,.6);container-type:inline-size}
.ph-card.is-cover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.ph-view{position:relative;display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;overflow:hidden;background:#0b1120;cursor:zoom-in}
.ph-view img{display:block;width:100%;height:100%;object-fit:cover}
.ph-view .ph-wm,.lb-wm{position:absolute;left:25%;top:25%;width:50%;height:50%;object-fit:contain;pointer-events:none}
.ph-wm.is-white,.lb-wm.is-white{filter:brightness(0) invert(1)}
.ph-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:8px;background:rgba(11,17,32,.82);color:#fff;font-size:11.5px;font-weight:800;line-height:1.3;pointer-events:none}
.ph-card.is-cover .ph-badge,.gal-item .ph-badge,.lb-badge{background:var(--accent);color:#0b1120}
.ph-new{position:absolute;top:8px;right:8px;padding:2px 7px;border-radius:7px;background:rgba(52,211,153,.92);color:#062b1f;font-size:11px;font-weight:800;pointer-events:none}
.ph-actions{display:grid;grid-template-columns:32px minmax(0,1fr) 32px 32px;gap:4px;padding:6px}
.ph-actions button{min-width:0;height:32px;padding:0 6px;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:rgba(30,41,59,.6);color:var(--text-2);font:inherit;font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer}
.ph-actions button:hover:not(:disabled){border-color:var(--border-accent);color:#fff}
.ph-actions .ph-del:hover:not(:disabled){border-color:rgba(248,113,113,.6);color:#FCA5A5}
.ph-actions button:disabled{opacity:.35;cursor:default}
@container (max-width:215px){.ph-cover-t{display:none}}
.yt-hint{margin-top:6px;color:#FCA5A5;font-size:13px}
.yt-card{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.85))}
.yt-frame{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-meta{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:4px 0}
.yt-kicker{color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.yt-title{margin:4px 0 0;font-size:15px;font-weight:700}
.yt-pills{display:flex;flex-wrap:wrap;gap:8px}
.yt-pills span{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:12.5px;font-weight:700}
.yt-pills span:empty{display:none}
.yt-link{font-size:13px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.gal-item{position:relative;aspect-ratio:4/3;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#0b1120;cursor:zoom-in}
.gal-item:hover{border-color:var(--border-accent)}
.gal-item img{display:block;width:100%;height:100%;object-fit:cover}
.gal-item .ph-badge{top:6px;left:6px}
.gal-files{display:flex;flex-wrap:wrap;gap:10px}
.gal-files .btn-chip{text-decoration:none}
.gal-video{max-width:640px;margin-top:12px}
.m-title+.gal-video{margin-top:0}
.lb{position:fixed;inset:0;z-index:9000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 80px 24px;background:rgba(2,6,23,.95)}
.lb-stage{display:flex;flex:1 1 auto;align-items:center;justify-content:center;width:100%;min-height:0}
.lb-frame{position:relative;display:inline-block;line-height:0}
.lb-img{display:block;max-width:calc(100vw - 160px);max-height:calc(100vh - 210px);max-height:calc(100dvh - 210px);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.lb-badge{top:12px;left:12px}
.lb-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;max-width:min(100%,640px)}
.lb-dot{position:relative;width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}
.lb-dot::after{content:"";position:absolute;inset:7px;border-radius:50%;background:rgba(255,255,255,.32);transition:inset .2s var(--ease),background .2s}
.lb-dot:hover::after{background:rgba(255,255,255,.7)}
.lb-dot.active::after{inset:5px;background:var(--accent);box-shadow:0 0 0 3px rgba(96,165,250,.28)}
.lb-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.lb-actions button{height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer}
.lb-actions button:hover:not(:disabled){border-color:var(--border-accent);background:rgba(255,255,255,.16)}
.lb-actions .lb-del:hover:not(:disabled){border-color:rgba(248,113,113,.6);background:rgba(248,113,113,.16);color:#FCA5A5}
.lb-actions button:disabled{opacity:.35;cursor:default}
.lb-x{position:absolute;top:14px;right:16px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.lb-nav{position:absolute;top:50%;width:48px;height:68px;margin-top:-34px;border:0;border-radius:14px;background:rgba(255,255,255,.1);color:#fff;font-size:38px;line-height:1;cursor:pointer}
.lb-prev{left:14px}
.lb-next{right:14px}
.lb-nav:hover,.lb-x:hover{background:rgba(255,255,255,.22)}
.s-place.has-thumb{display:flex;align-items:center;gap:12px}
.s-thumb{display:grid;flex:0 0 64px;place-items:center;width:64px;height:48px;padding:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:rgba(30,41,59,.6);color:var(--muted);cursor:pointer}
.s-thumb:hover{border-color:var(--border-accent)}
.s-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.s-thumb .ico{width:22px;height:22px}
.s-place-text{min-width:0}
@media (max-width:900px){
  .m-grid-2,.yt-card{grid-template-columns:1fr}
  .ph-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .gal{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lb{padding:64px 8px 16px}
  .lb-img{max-width:calc(100vw - 16px)}
  .lb-nav{width:38px;height:54px;margin-top:-27px;font-size:30px}
  .lb-t{display:none}
  .lb-actions button{min-width:52px;font-size:17px}
  .s-place.has-thumb::before{display:none}
}
@supports not (container-type:inline-size){@media (max-width:900px){.ph-cover-t{display:none}}}
/* ---- /offer-media ---- */

/* ---- matches-ui ---- */
/* Съвпаденията в досието (matches.js): редове като в списъците — целият ред отваря офертата / търсенето. */
.mt-list{display:flex;flex-direction:column}
.mt-card{position:relative;display:flex;align-items:center;gap:14px;width:calc(100% + 20px);margin:0 -10px;padding:12px 10px;border-radius:14px;transition:background .15s}
.mt-card+.mt-card::before{content:"";position:absolute;top:0;left:10px;right:10px;height:1px;background:rgba(148,163,184,.12)}
@media (hover:hover){.mt-card:hover{background:rgba(96,165,250,.07)}.mt-card:hover::before,.mt-card:hover+.mt-card::before{opacity:0}}
.mt-card:has(.mt-open:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}
.mt-score{display:grid;flex:0 0 52px;place-items:center;width:52px;height:52px;border:2px solid currentColor;border-radius:50%}
.mt-score strong{font-size:14px;font-variant-numeric:tabular-nums}
.mt-score.is-high{color:#6EE7B7;background:rgba(52,211,153,.1)}
.mt-score.is-mid{color:#FCD34D;background:rgba(252,211,77,.08)}
.mt-score.is-low{color:#93C5FD;background:rgba(96,165,250,.08)}
.mt-card .lx-lead{width:56px;height:56px;border-radius:12px}
.mt-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.mt-open{max-width:100%;padding:0;border:0;background:none;color:var(--text);font:inherit;font-size:15px;font-weight:700;line-height:1.3;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-open::after{content:"";position:absolute;inset:0;border-radius:14px}
.mt-open:focus{outline:none}
.mt-facts{max-width:100%;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.mt-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.mt-tag,.mt-warn{padding:1px 7px;border-radius:6px;font-size:11.5px;font-weight:700;white-space:nowrap}
.mt-tag{background:rgba(52,211,153,.14);color:#6EE7B7}
.mt-warn{background:rgba(252,211,77,.14);color:#FCD34D}
.mt-who{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;margin-top:4px;color:var(--text-2);font-size:13px}
.mt-who a,.mt-client,.mt-deal{position:relative;z-index:1}
.mt-who .lx-phone{font-size:13px}
.mt-client{padding:0;border:0;background:none;color:var(--text);font:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-decoration-color:rgba(148,163,184,.45);text-underline-offset:3px;cursor:pointer}
.mt-client:hover{text-decoration-color:currentColor}
.mt-deal{flex:0 0 auto}
.mt-more{align-self:flex-start;margin-top:10px}
.mt-error{color:#FCA5A5}
@media (max-width:700px){
  .mt-card{flex-wrap:wrap;align-items:flex-start;gap:10px 12px}
  .mt-score{flex-basis:44px;width:44px;height:44px}
  .mt-score strong{font-size:12.5px}
  .mt-card .lx-lead,.mt-card .mt-chev{display:none}
  .mt-body{flex:1 1 calc(100% - 60px)}
  .mt-tag,.mt-warn{white-space:normal}
  .mt-deal{margin-left:56px}
}
/* ---- /matches-ui ---- */

/* ---- deals-ui ---- */
.dl-page{max-width:1360px;margin:0 auto}

/* Табло по етапи */
.dl-board-wrap{overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.dl-board{display:grid;grid-template-columns:repeat(4,minmax(270px,1fr));gap:16px;min-width:1120px;align-items:start}
.dl-loading,.dl-noresult{grid-column:1/-1;padding:40px;color:var(--muted);text-align:center}
.dl-col{display:flex;flex-direction:column;gap:12px;min-width:0;padding:14px;border:1px solid rgba(148,163,184,.16);border-radius:22px;background:rgba(15,23,42,.55);scroll-snap-align:start;transition:border-color .15s,background .15s}
.dl-col.is-over{border-color:var(--accent);background:rgba(96,165,250,.08)}
.dl-col-head{display:flex;align-items:center;gap:8px;padding:2px 4px 4px}
.dl-col-head strong{font-size:15px}
.dl-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--muted)}
.c-deposit .dl-dot{background:#FCD34D}
.c-preliminary .dl-dot{background:#60A5FA}
.c-notary .dl-dot{background:#C4B5FD}
.c-closed .dl-dot{background:#6EE7B7}
.dl-count{padding:1px 8px;border-radius:999px;background:rgba(148,163,184,.18);font-size:12px;font-weight:700}
.dl-col-sum{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap}
.dl-col-list{display:flex;flex-direction:column;gap:12px}
.dl-col-empty{padding:18px 14px;border:1px dashed rgba(148,163,184,.25);border-radius:16px;color:var(--muted);font-size:13px;text-align:center}
.dl-drop{display:none;padding:16px;border:1px dashed var(--accent);border-radius:16px;color:var(--accent-soft);font-size:13px;text-align:center}
.dl-page.is-dragging .dl-drop{display:block}
.dl-page.is-dragging .dl-col-empty{display:none}
.dl-col-more{align-self:flex-start;padding:4px;color:var(--accent-soft);font-size:13.5px;font-weight:700;text-decoration:none}
.dl-col-more:hover{color:#FFFFFF}

.dl-jump{display:none}
.dl-jump-btn{display:inline-flex;flex:none;align-items:center;gap:6px;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:rgba(15,23,42,.6);color:var(--text-2);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.dl-jump-btn.active{border-color:var(--accent);background:rgba(96,165,250,.16);color:#FFFFFF}

/* Карта на сделка */
.dl-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:rgba(30,41,59,.7);color:var(--text);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.dl-card:hover{border-color:var(--border-accent);transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.25)}
.dl-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dl-card.lvl-danger{border-color:rgba(248,113,113,.55)}
.dl-card.is-dragging{opacity:.45}
.dl-card-top{display:flex;gap:12px;min-width:0}
.dl-thumb{flex:0 0 64px;display:grid;place-items:center;height:50px;overflow:hidden;border-radius:10px;background:rgba(51,65,85,.8);color:var(--muted)}
.dl-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.dl-card-main{flex:1;min-width:0}
.dl-card-ids{display:flex;align-items:center;gap:6px;font-size:12px}
.dl-card-title{display:-webkit-box;margin-top:4px;overflow:hidden;font-size:14.5px;font-weight:700;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dl-card-price{color:var(--text-2);font-size:13.5px}
.dl-card-sides{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:12.5px}
.dl-card-sides span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl-card-sides b{color:var(--text);font-weight:600}
.dl-card-foot{display:flex;align-items:center;gap:8px;min-width:0}
.dl-badge{min-width:0;padding:4px 9px;border-radius:8px;font-size:12px;font-weight:700;line-height:1.35}
.dl-badge.lvl-danger{background:rgba(248,113,113,.16);color:#FCA5A5}
.dl-badge.lvl-warn{background:rgba(252,211,77,.14);color:#FCD34D}
.dl-badge.lvl-info{background:rgba(96,165,250,.16);color:var(--accent-soft)}
.dl-badge.lvl-notary{background:rgba(196,181,253,.16);color:#DDD6FE}
.dl-badge.lvl-ok{background:rgba(52,211,153,.14);color:#6EE7B7}
.dl-badge.lvl-muted{background:rgba(148,163,184,.14);color:var(--text-2)}
.dl-badge-line{margin-top:6px;font-size:12.5px;font-weight:600;color:var(--text-2)}
.dl-badge-line.lvl-danger{color:#FCA5A5}
.dl-badge-line.lvl-warn{color:#FCD34D}
.dl-badge-line.lvl-notary{color:#DDD6FE}
.dl-avatars{display:flex;flex:none;margin-left:auto}
.dl-avatar{display:grid;place-items:center;width:26px;height:26px;border:2px solid #1E293B;border-radius:50%;color:#FFFFFF;font-size:10.5px;font-weight:800}
.dl-avatar+.dl-avatar{margin-left:-8px}

/* Приключени и пропаднали (компактни редове) */
.dl-done{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:rgba(30,41,59,.45);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.dl-done:hover{border-color:var(--border-accent)}
.dl-done-ico{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(52,211,153,.16);color:#6EE7B7}
.dl-done-ico .ico{width:16px;height:16px;stroke-width:2.6}
.dl-done-text{display:flex;flex:1;flex-direction:column;min-width:0}
.dl-done-text b{display:-webkit-box;overflow:hidden;font-size:14px;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dl-done-text span{font-size:12.5px}
.dl-done-money{flex:none;color:#6EE7B7;font-size:13px;font-weight:700}
.dl-failed{margin-top:16px;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:rgba(15,23,42,.45)}
.dl-failed-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding:14px 18px;border:0;background:none;color:var(--text-2);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.dl-failed .dl-dot{background:#F87171}
.dl-failed-toggle{margin-left:auto;color:var(--muted)}
.dl-failed-list{display:grid;gap:8px;padding:0 14px 14px}
.dl-done.is-failed .chip-st{flex:none}

/* Статуси */
.chip-st{padding:3px 10px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap}
.st-deposit{background:rgba(252,211,77,.16);color:#FCD34D}
.st-preliminary{background:rgba(96,165,250,.2);color:var(--accent-soft)}
.st-notary{background:rgba(196,181,253,.16);color:#DDD6FE}
.st-closed{background:rgba(52,211,153,.16);color:#6EE7B7}
.st-forfeited{background:rgba(248,113,113,.16);color:#FCA5A5}
.st-cancelled{background:rgba(148,163,184,.18);color:var(--text-2)}

/* Списък */
.dl-list-card{margin:0}

/* Форма на сделката */
.dl-sides{align-items:start;margin-top:14px}
.dl-sides>.m-section{margin-top:0}
.dl-net{margin-top:10px;color:var(--accent-soft);font-size:13.5px;font-weight:700}
.dl-net:empty{display:none}
.dl-locked{display:grid;gap:4px;padding:12px 14px;border:1px dashed var(--border);border-radius:14px}
.dl-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:14px;padding:14px 18px;border:1px solid var(--border-accent);border-radius:16px;background:rgba(15,23,42,.8)}
.dl-sum>div{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.dl-sum>strong{margin-right:18px;font-size:18px}
.dl-sum .dl-agency{color:#6EE7B7}
.link-btn{padding:0;border:0;background:none;color:var(--accent-soft);font:inherit;text-align:left;text-decoration:underline;cursor:pointer}
.link-btn:hover{color:#FFFFFF}

/* Нова сделка: стъпки и подходящи купувачи */
.wz-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.wz-step-btn{display:flex;align-items:center;gap:10px;width:100%;height:100%;padding:12px 14px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(30,41,59,.5);color:var(--text-2);font:inherit;text-align:left}
.wz-step-btn:not(:disabled){cursor:pointer}
.wz-step-btn:not(:disabled):hover{border-color:rgba(52,211,153,.6)}
.wz-step-btn:disabled{opacity:1;cursor:default}
.wz-num{display:grid;flex:none;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(148,163,184,.2);color:var(--text-2);font-size:13px;font-weight:800}
.wz-step-text{display:flex;flex-direction:column;min-width:0}
.wz-step-text strong{color:var(--text);font-size:14px}
.wz-step-sub{overflow:hidden;color:var(--muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.wz-step.is-done .wz-step-btn{border-color:rgba(52,211,153,.3);background:rgba(52,211,153,.1)}
.wz-step.is-done .wz-num{background:#34D399;color:#062B1F}
.wz-step.is-current .wz-step-btn{border-color:var(--accent);background:rgba(96,165,250,.14)}
.wz-step.is-current .wz-num{background:var(--accent);color:#0B1120}
.wz-hint{margin:-6px 0 12px}
.wz-matches{display:flex;flex-direction:column;gap:10px}
.wz-match{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:rgba(30,41,59,.4);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.wz-match:hover{border-color:var(--border-accent)}
.wz-match.active{padding:11px 13px;border:2px solid var(--accent);background:rgba(96,165,250,.08)}
.wz-ring{display:grid;flex:none;place-items:center;width:52px;height:52px;border:2px solid;border-radius:50%;font-size:14px;font-weight:800}
.wz-ring.is-high{border-color:#6EE7B7;color:#6EE7B7}
.wz-ring.is-mid{border-color:#FCD34D;color:#FCD34D}
.wz-ring.is-low{border-color:#93C5FD;color:#93C5FD}
.wz-match-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.wz-match-text strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.wz-match-text span{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.wz-tag{flex:none;max-width:180px;overflow:hidden;padding:4px 9px;border-radius:8px;background:rgba(52,211,153,.14);color:#6EE7B7;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.wz-tag.is-warn{background:rgba(252,211,77,.14);color:#FCD34D}

/* Работно място на сделката (страничен панел) */
.dw{min-height:100%}
.dw-bar{position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 28px;border-bottom:1px solid rgba(148,163,184,.16);background:rgba(14,21,40,.96);backdrop-filter:blur(8px)}
.dw-no{font-size:13px}
.dw-meta{min-width:0;color:var(--muted);font-size:13px}
.dw-menu-wrap{position:relative;margin-left:auto}
.dw-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text);cursor:pointer}
.dw-icon:hover{border-color:var(--border-accent);background:rgba(96,165,250,.1)}
.dw-icon .ico{width:18px;height:18px}
.dw-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:5;min-width:240px;padding:6px;border:1px solid var(--border);border-radius:14px;background:#0F172A;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.dw-menu-item{display:block;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.dw-menu-item:hover,.dw-menu-item:focus-visible{background:rgba(96,165,250,.14);outline:none}
.dw-menu-item.is-danger{color:#FCA5A5}
.dw-body{display:flex;flex-direction:column;gap:20px;padding:22px 28px 36px}
.dw-prop{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.dw-thumb{display:grid;flex:0 0 120px;place-items:center;height:90px;overflow:hidden;border-radius:14px;background:rgba(51,65,85,.8);color:var(--muted)}
.dw-thumb img{width:100%;height:100%;object-fit:cover}
.dw-thumb .ico{width:28px;height:28px}
.dw-prop-info{flex:1 1 280px;min-width:0}
.dw-title{margin:0;color:#F8FAFC;font-size:22px;font-weight:800;line-height:1.25}
.dw-facts{margin:6px 0 0;color:var(--muted);font-size:14px}
.dw-price{margin:8px 0 0;font-size:15px}
.dw-price b{color:#F8FAFC;font-size:20px}
.dw-diff{margin-left:6px;padding:2px 7px;border-radius:6px;background:rgba(148,163,184,.16);color:var(--text-2);font-size:12px;font-weight:700}

.dw-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.dw-steps.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.dw-step-in{display:flex;flex-direction:column;gap:2px;width:100%;height:100%;padding:12px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(30,41,59,.5);color:var(--text-2);font:inherit;text-align:left}
button.dw-step-in{cursor:pointer}
button.dw-step-in:hover{border-color:var(--border-accent)}
.dw-step-top{color:var(--muted);font-size:11.5px;font-weight:800;letter-spacing:.04em}
.dw-step-in strong{color:var(--text);font-size:14px}
.dw-step-sub{color:var(--muted);font-size:12.5px}
.dw-step-sub.is-danger{color:#FCA5A5;font-weight:600}
.dw-step.is-done .dw-step-in{border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.12)}
.dw-step.is-done .dw-step-top{color:#6EE7B7}
.dw-step.is-current .dw-step-in{border-color:var(--accent);background:rgba(96,165,250,.14)}
.dw-step.is-current .dw-step-top{color:var(--accent-soft)}
.dw-failed{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(248,113,113,.45);border-radius:16px;background:rgba(248,113,113,.07)}
.dw-failed>div{display:flex;flex:1 1 260px;flex-direction:column;gap:2px}

.dw-actions{display:flex;flex-wrap:wrap;gap:10px}
.dw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:rgba(30,41,59,.6);color:var(--text);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.dw-btn:hover{border-color:var(--border-accent)}
.dw-btn.is-primary{border-color:transparent;background:var(--accent);color:#0B1120;font-weight:800}
.dw-btn.is-primary:hover{filter:brightness(1.08)}
.dw-btn.is-small{min-height:38px;padding:0 14px;font-size:13.5px}
.dw-btn:disabled{opacity:.6;cursor:wait}
.dw-wide{align-self:flex-start}

.dw-tabs{display:flex;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;padding:4px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:rgba(15,23,42,.6)}
.dw-tab{padding:9px 16px;border:0;border-radius:10px;background:none;color:var(--text-2);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.dw-tab:hover{color:#FFFFFF}
.dw-tab.active{background:rgba(96,165,250,.18);color:#FFFFFF;font-weight:700}
.dw-tab-n{margin-left:6px;color:var(--muted);font-weight:600}
.dw-pane{display:flex;flex-direction:column;gap:16px}

.dw-card{padding:18px 20px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(30,41,59,.4)}
.dw-card-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:10px}
.dw-card-head h3{margin:0;font-size:15px;font-weight:800}
.dw-card-hint{color:var(--muted);font-size:12.5px}
.dw-card-head .link-btn{margin-left:auto}
.dw-notes{margin:0;color:var(--text-2);font-size:14px;line-height:1.55;white-space:pre-wrap}
.dw-missing{border-color:rgba(252,211,77,.3)}

.dw-count{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:18px 20px;border:1px solid;border-radius:18px}
.dw-count.is-danger{border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.06)}
.dw-count.is-warn{border-color:rgba(252,211,77,.4);background:rgba(252,211,77,.05)}
.dw-count.is-notary{border-color:rgba(196,181,253,.4);background:rgba(196,181,253,.06)}
.dw-ring{display:grid;flex:none;place-items:center;align-content:center;width:74px;height:74px;border:3px solid;border-radius:50%;line-height:1.05;text-align:center}
.dw-ring b{font-size:24px}
.dw-ring span{font-size:11px;font-weight:700}
.dw-count.is-danger .dw-ring{border-color:#F87171;color:#FCA5A5}
.dw-count.is-warn .dw-ring{border-color:#FCD34D;color:#FCD34D}
.dw-count.is-notary .dw-ring{border-color:#C4B5FD;color:#DDD6FE}
.dw-count-text{display:flex;flex:1 1 260px;flex-direction:column;gap:4px}
.dw-count-text strong{font-size:16px}
.dw-count-text span{color:var(--text-2);font-size:14px;line-height:1.5}

/* Дати и срокове: редакция на място */
.dw-rows{display:flex;flex-direction:column}
.dw-row{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:10px 0;border-top:1px solid rgba(148,163,184,.12)}
.dw-row:first-child{border-top:0}
.dw-row-label{color:var(--muted);font-size:13.5px;font-weight:600}
.dw-row-value{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:36px;margin-left:-8px;padding:4px 8px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.dw-row-value:hover{background:rgba(96,165,250,.08)}
.dw-val{font-size:14.5px;font-weight:700}
.dw-sub{width:100%;color:var(--muted);font-size:12.5px}
.dw-empty{color:var(--muted);font-style:italic}
.dw-rel{padding:2px 8px;border-radius:999px;background:rgba(96,165,250,.14);color:var(--accent-soft);font-size:12px;font-weight:700}
.dw-rel.is-warn{background:rgba(252,211,77,.14);color:#FCD34D}
.dw-rel.is-danger{background:rgba(248,113,113,.16);color:#FCA5A5}
.dw-rel.is-past{background:rgba(148,163,184,.14);color:var(--text-2)}
.dw-edit{display:grid;place-items:center;width:36px;height:36px;border:1px solid transparent;border-radius:10px;background:none;color:var(--muted);cursor:pointer}
.dw-edit:hover{border-color:var(--border);color:var(--text)}
.dw-edit .ico{width:16px;height:16px}
.dw-row.is-editing{grid-template-columns:190px minmax(0,1fr);align-items:start}
.dw-row.is-editing .dw-row-label{padding-top:12px}
.dw-editor{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--border-accent);border-radius:14px;background:rgba(15,23,42,.7)}
.dw-ed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;align-items:end}
.dw-ed-grid.is-one{grid-template-columns:minmax(0,220px) 1fr}
.dw-quick{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.dw-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:rgba(30,41,59,.6);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.dw-chip:hover{border-color:var(--border-accent)}
.dw-chip.is-add{border-style:dashed;color:var(--accent-soft)}
.dw-chip .ico{width:14px;height:14px}
.dw-editor-actions{display:flex;gap:8px}

/* Страни и комисиони */
.dw-sides{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.dw-side{display:flex;flex-direction:column;padding:18px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(30,41,59,.4)}
.dw-side.is-mine{border-color:rgba(96,165,250,.4)}
.dw-side>:not(.dw-side-foot):nth-last-child(2){margin-bottom:14px}
.dw-label{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.06em}
.dw-side-name{margin-top:8px;font-size:16px;font-weight:700}
.dw-side-sub{color:var(--muted);font-size:13.5px}
.dw-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.dw-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid rgba(148,163,184,.25);border-radius:999px;background:none;color:var(--text);font:inherit;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}
.dw-pill:hover{border-color:var(--border-accent);color:#FFFFFF}
.dw-pill .ico{width:14px;height:14px}
.dw-who{display:flex;align-items:center;gap:12px;margin-top:10px}
.dw-who .dw-side-name{margin-top:0}
.dw-avatar{display:grid;flex:none;place-items:center;width:42px;height:42px;border-radius:50%;color:#FFFFFF;font-size:14px;font-weight:800}
.dw-side-foot{margin-top:auto;padding-top:12px;border-top:1px solid rgba(148,163,184,.16);color:var(--text-2);font-size:13.5px;line-height:1.5}
.dw-good{color:#6EE7B7}
.dw-fin{display:flex;flex-direction:column;gap:8px}
.dw-kv{display:flex;justify-content:space-between;gap:12px;color:var(--text-2);font-size:14px}
.dw-kv strong{color:var(--text);text-align:right}
.dw-kv strong.is-good{color:#6EE7B7}

/* История */
.dw-history{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.dw-h{display:grid;grid-template-columns:14px 1fr;gap:2px 12px;padding:10px 0}
.dw-h+.dw-h{border-top:1px solid rgba(148,163,184,.1)}
.dw-h-dot{grid-row:span 2;width:10px;height:10px;margin-top:5px;border-radius:50%;background:var(--muted)}
.dw-h.is-stage .dw-h-dot{background:var(--accent)}
.dw-h.is-created .dw-h-dot{background:#6EE7B7}
.dw-h.is-field .dw-h-dot{background:#FCD34D}
.dw-h.is-media .dw-h-dot{background:#93C5FD}
.dw-h-text{font-size:14px}
.dw-h-meta{color:var(--muted);font-size:12.5px}

/* Смяна на етапа */
.sd{display:flex;flex-direction:column;gap:14px}
.sd-fields{display:flex;flex-direction:column;gap:12px}
.sd-info{margin:0;padding:10px 12px;border-radius:12px;background:rgba(96,165,250,.08);color:var(--text-2);font-size:13.5px;line-height:1.5}

@media (max-width:900px){
}
@media (max-width:700px){
  .dl-jump{display:flex;gap:6px;margin:0 -14px 12px;padding:0 14px;overflow-x:auto;scrollbar-width:none}
  .dl-jump::-webkit-scrollbar{display:none}
  .dw-meta{order:5;width:100%}
  .dw-actions .dw-btn{flex:1 1 auto}
  .dw-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .dw-tab{padding:9px 6px;font-size:13.5px}
  .dw-tab-more{display:none}
  .dl-board{grid-template-columns:repeat(4,minmax(260px,84vw));min-width:0}
  .dw-bar{padding:12px 16px}
  .dw-body{padding:18px 16px 28px}
  .dw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dw-prop{flex-wrap:nowrap;align-items:flex-start;gap:12px}
  .dw-thumb{flex-basis:72px;height:56px}
  .dw-prop-info{flex:1 1 auto}
  .dw-title{font-size:19px}
  .dw-row,.dw-row.is-editing{grid-template-columns:minmax(0,1fr) auto}
  .dw-row-label{grid-column:1/-1}
  .dw-row.is-editing .dw-row-label{padding-top:0}
  .dw-row.is-editing .dw-editor{grid-column:1/-1}
  .dw-ed-grid.is-one{grid-template-columns:1fr}
  .wz-step-btn{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}
  .wz-step-sub,.wz-tag{display:none}
}
/* ---- /deals-ui ---- */

/* ---- drawer-ui ---- */
.modal-overlay.drawer-overlay{padding:0;display:flex;justify-content:flex-end;align-items:stretch;overflow:hidden;background:rgba(2,6,23,.55)}
.drawer{position:relative;width:min(860px,100%);height:100%;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:#0E1528;border-left:1px solid var(--border);box-shadow:-30px 0 80px rgba(0,0,0,.45);outline:none;animation:nx-drawer-in .22s var(--ease) both}
@keyframes nx-drawer-in{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.drawer{animation:none}}
@media (max-width:700px){.drawer{width:100%;border-left:0}}
/* ---- /drawer-ui ---- */

/* ---- sys-alert ---- */
.sys-alert{max-width:1360px;margin:14px auto 0;padding:12px 18px;border:1px solid rgba(248,113,113,.5);border-radius:14px;background:rgba(248,113,113,.1);color:#FECACA;font-size:14px;line-height:1.5}
.sys-alert strong{color:#FCA5A5}
.sys-alert a{color:#FFFFFF;font-weight:700}
.sys-alert.is-warn{border-color:rgba(252,211,77,.45);background:rgba(252,211,77,.08);color:#FDE68A}
.sys-alert.is-warn strong{color:#FCD34D}
/* ---- /sys-alert ---- */

/* ---- page-kit ---- */
/* Общи елементи на страниците: заглавие, превключвател на изгледа, основен бутон, показатели, филтри */
.pg-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin:28px 0 22px}
.hero.pg-hero{max-width:none;padding-left:0;padding-right:0;text-align:left}
.pg-hero>.pg-head{width:100%;margin:0;text-align:left}
.pg-head-text{flex:1 1 260px;margin-right:auto;min-width:0}
/* двойният селектор печели пред общите правила за заглавия в .hero */
.pg-title,.pg-hero .pg-head .pg-title{margin:0;font-size:clamp(28px,4vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#F8FAFC;background:none;-webkit-text-fill-color:currentColor}
.pg-sub,.pg-hero .pg-head .pg-sub{margin:6px 0 0;color:var(--muted);font-size:15px}
.pg-views{display:flex;padding:4px;border:1px solid var(--border);border-radius:999px;background:rgba(15,23,42,.6)}
.pg-view{display:flex;align-items:center;gap:6px;height:38px;padding:0 18px;border:0;border-radius:999px;background:none;color:var(--text-2);font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer}
.pg-view:hover{color:#FFFFFF}
.pg-view.active{background:var(--accent);color:#0B1120;font-weight:700}
.pg-view-n{padding:1px 7px;border-radius:999px;background:rgba(148,163,184,.2);font-size:12px}
.pg-view.active .pg-view-n{background:rgba(11,17,32,.18)}
.pg-new{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--accent);color:#0B1120;font:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 10px 30px rgba(96,165,250,.22)}
.pg-new:hover{filter:brightness(1.08)}
.pg-new .ico{width:18px;height:18px;stroke-width:2.4}
.pg-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pg-alt{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border:1px solid var(--border);border-radius:999px;background:rgba(15,23,42,.6);color:var(--text);font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:border-color .2s,background .2s}
.pg-alt:hover,.pg-alt:focus-visible{border-color:var(--border-accent);background:rgba(96,165,250,.1);outline:none}
.pg-alt .ico{width:18px;height:18px;color:var(--accent-soft)}
.pg-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:20px}
.pg-kpis:empty{display:none}
.pg-kpi{min-width:0;padding:18px 20px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:rgba(30,41,59,.4)}
.pg-kpi-label{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pg-kpi-value{margin-top:8px;font-size:28px;font-weight:800;line-height:1.15;color:#F8FAFC}
.pg-kpi-unit{color:var(--muted);font-size:15px;font-weight:600}
.pg-kpi-sub{margin-top:4px;overflow:hidden;color:var(--text-2);font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}
.pg-kpi.is-good .pg-kpi-value{color:#6EE7B7}
.pg-kpi.is-alert{border-color:rgba(248,113,113,.5);background:rgba(248,113,113,.07)}
.pg-kpi.is-alert .pg-kpi-label,.pg-kpi.is-alert .pg-kpi-unit{color:#FCA5A5}
.pg-hero+.pg-filters{margin-top:14px}
.pg-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}
.pg-search{display:flex;align-items:center;gap:10px;flex:1 1 280px;height:46px;padding:0 14px;border:1px solid var(--border);border-radius:14px;background:rgba(11,17,32,.6);color:var(--muted)}
.pg-search:focus-within{border-color:var(--border-accent)}
.pg-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:14.5px;outline:none}
.pg-select{flex:0 1 210px;height:46px;border-radius:14px}
@media (max-width:700px){
  .pg-head{margin-top:16px}
  .pg-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pg-kpi{padding:14px}
  .pg-kpi-label{font-size:11px}
  .pg-kpi-value{font-size:22px}
  .pg-kpi-unit{font-size:13px}
  .pg-kpi-sub{font-size:12.5px;white-space:normal}
  .pg-head-text{width:100%}
  .pg-views{order:3;width:100%;overflow-x:auto;scrollbar-width:none}
  .pg-views::-webkit-scrollbar{display:none}
  .pg-view{flex:1 0 auto;justify-content:center;padding:0 10px;font-size:13.5px}
  .pg-new{flex:1}
  .pg-actions{width:100%}
  .pg-actions>.pg-alt,.pg-actions>.pg-new{flex:1 1 0;padding:0 12px;white-space:nowrap}
  .pg-actions>.pg-new{flex-grow:1.5}
  .pg-select{flex:1 1 140px}
}
/* ---- /page-kit ---- */

/* ---- users-ui ---- */
/* Екип (карти, досие, профил, снимка, трудови документи) и „Моят профил“ */
.us-page,.ac-page{max-width:1360px;margin:0 auto}
.us-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.us-empty{grid-column:1/-1;padding:40px;border:1px dashed rgba(148,163,184,.25);border-radius:18px;color:var(--muted);text-align:center}
.us-card{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid rgba(148,163,184,.18);border-radius:20px;background:rgba(30,41,59,.4)}
.us-card.is-me{border-color:rgba(96,165,250,.4)}
.us-card.is-off{opacity:.75}
.us-top{display:flex;align-items:center;gap:14px;min-width:0}
.us-avatar{display:grid;flex:none;place-items:center;width:52px;height:52px;border-radius:50%;background:#2563EB;color:#FFFFFF;font-size:17px;font-weight:800}
.us-card.is-off .us-avatar{filter:grayscale(1)}
.us-id{min-width:0}
.us-name{font-size:17px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.us-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.us-role,.us-tag{padding:2px 9px;border-radius:8px;background:rgba(148,163,184,.16);color:var(--text-2);font-size:12px;font-weight:700}
.us-role.is-admin{background:rgba(196,181,253,.16);color:#DDD6FE}
.us-tag.is-warn{background:rgba(252,211,77,.14);color:#FCD34D}
.us-tag.is-off{background:rgba(248,113,113,.14);color:#FCA5A5}
.us-contacts{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px}
.us-contacts a{color:var(--accent-soft);text-decoration:none}
.us-contacts a:hover{color:#FFFFFF}
.us-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.us-stat{display:flex;flex-direction:column;padding:10px 8px;border-radius:12px;background:rgba(15,23,42,.55);text-align:center}
.us-stat b{font-size:18px}
.us-stat span{color:var(--muted);font-size:11.5px;line-height:1.25}
.us-meta{color:var(--muted);font-size:13px}
.us-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.us-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:rgba(30,41,59,.6);color:var(--text);font:inherit;font-size:13.5px;font-weight:700;text-decoration:none;cursor:pointer}
.us-btn:hover{border-color:var(--border-accent)}
.us-btn:disabled{opacity:.6;cursor:wait}
.us-btn.is-primary{border-color:transparent;background:var(--accent);color:#0B1120}
.us-btn.is-danger{color:#FCA5A5}
.us-btn.is-danger:hover{border-color:rgba(248,113,113,.5)}
.us-form .s-hint,.us-pw .s-hint{margin:10px 0 0}
.us-pw{display:grid;gap:12px;margin-top:16px}
.us-what{margin:12px 0;color:var(--text-2)}
.us-secret p{margin:0}
.us-code-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}
.us-code{flex:1 1 220px;padding:14px 16px;border:1px solid var(--border-accent);border-radius:14px;background:rgba(11,17,32,.8);color:#FFFFFF;font:700 22px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-align:center;user-select:all}

/* Моят профил */
.ac-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}
.ac-card{display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid rgba(148,163,184,.18);border-radius:20px;background:rgba(30,41,59,.4)}
.ac-who{display:flex;align-items:center;gap:14px}
.ac-name{font-size:19px;font-weight:800}
.ac-data{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:14.5px}
.ac-data dt{color:var(--muted)}
.ac-data dd{margin:0;overflow-wrap:anywhere}
.ac-hint{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.ac-title{margin:0;font-size:17px;font-weight:800}
.ac-note{margin:0;padding:12px 14px;border:1px solid rgba(252,211,77,.4);border-radius:12px;background:rgba(252,211,77,.07);color:#FDE68A;font-size:14px}
.ac-form{display:grid;gap:12px}
.ac-form .m-field>span{color:var(--muted);font-size:12px;font-weight:700}
.ac-show{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13.5px;cursor:pointer}
.ac-submit{justify-self:start}

/* Снимка вместо инициали — навсякъде (горе вдясно, екип, начало, сделки) */
.has-photo{overflow:hidden;padding:0!important;background:#0F172A!important;color:transparent!important}
.has-photo>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.chip-warn{padding:2px 8px;border-radius:7px;background:rgba(251,191,36,.16);color:#FCD34D;font-size:11.5px;font-weight:700;white-space:nowrap}

/* Екип: картата се отваря като досие */
.us-card.is-link{cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.us-card.is-link:hover{border-color:var(--border-accent);box-shadow:0 12px 30px rgba(2,6,23,.35)}
.us-card.is-link:focus-visible{outline:none;border-color:var(--border-accent);box-shadow:0 0 0 3px rgba(96,165,250,.3)}
.us-pos{margin-top:2px;color:var(--text-2);font-size:13.5px;line-height:1.35}
.us-quick{display:flex;flex-wrap:wrap;gap:6px}
.us-stats.is-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.tm-soc{display:flex;flex-wrap:wrap;gap:6px}
.tm-soc-a{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(148,163,184,.25);border-radius:50%;color:var(--text-2);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.tm-soc-a .ico{width:16px;height:16px}
.tm-soc-a:hover,.tm-soc-a:focus-visible{border-color:transparent;color:#fff;outline:none}
.tm-soc-a.is-facebook:hover{background:#1877F2}
.tm-soc-a.is-instagram:hover{background:linear-gradient(45deg,#F58529,#DD2A7B 55%,#8134AF)}
.tm-soc-a.is-tiktok:hover{background:#111;box-shadow:inset 0 0 0 1px #25F4EE}
.tm-soc-a.is-linkedin:hover{background:#0A66C2}
.tm-soc-a.is-whatsapp:hover{background:#25D366}
.tm-soc-a.is-email:hover{background:var(--accent);color:#0B1120}

/* Досие на член на екипа */
.tm-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:start;margin-bottom:14px}
.tm-photo{display:grid;justify-items:center;gap:10px}
.tm-av{width:104px;height:104px;font-size:32px;box-shadow:0 0 0 4px rgba(96,165,250,.18)}
.tm-photo-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.tm-photo-btns .btn-chip{padding:5px 10px;font-size:12.5px}
.tm-who{display:grid;gap:6px;align-content:start;min-width:0;padding-top:8px}
.tm-who .dos-name{margin:0;font-size:24px;line-height:1.2;overflow-wrap:anywhere}
.tm-who .us-pos{font-size:15px}
.tm-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tm-cols>.m-section,.tm-dossier>.m-section{margin-top:0}
.tm-dossier{display:grid;gap:14px}
.tm-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:0;font-size:14.5px}
.tm-kv dt{color:var(--muted)}
.tm-kv dd{margin:0;overflow-wrap:anywhere}
.tm-kv a{color:var(--accent-soft);text-decoration:none}
.tm-kv a:hover{color:#fff}
.tm-yes{color:#6EE7B7;font-weight:700}
.tm-no{color:#FCD34D;font-weight:700}
.tm-bio-text{margin:12px 0 0;color:var(--text-2);font-size:14.5px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.tm-meta{margin:10px 0 0}

/* Полетата на профила (редакция) */
.tm-fields{display:grid;gap:14px}
.tm-fields .m-grid{margin-top:0;align-items:end}
.tm-wide{position:relative}
.tm-bio{width:100%;min-height:110px;resize:vertical;line-height:1.5}
.tm-count{position:absolute;right:12px;bottom:10px;color:var(--muted);font-size:11.5px;pointer-events:none}
.tm-sub{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:700}
.tm-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tm-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(148,163,184,.2);border-radius:14px;background:rgba(15,23,42,.45);cursor:text}
.tm-link:focus-within{border-color:var(--border-accent)}
.tm-link-ico{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(148,163,184,.12);color:var(--text-2)}
.tm-link-ico .ico{width:18px;height:18px}
.tm-link-ico.is-facebook{color:#60A5FA}
.tm-link-ico.is-instagram{color:#F472B6}
.tm-link-ico.is-linkedin{color:#38BDF8}
.tm-link-ico.is-whatsapp{color:#4ADE80}
.tm-link-body{display:grid;flex:1;min-width:0}
.tm-link-label{color:var(--muted);font-size:11.5px;font-weight:700}
.tm-link .input{height:32px;padding:0;border:0;background:none;box-shadow:none;font-size:14.5px}
.tm-link .input:focus{outline:none}

/* Изрязване на снимката */
.pc-root{display:grid;gap:4px}
.pc-stage{position:relative;width:min(320px,100%);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:22px;background:#0B1120;cursor:grab;touch-action:none;user-select:none}
.pc-stage:active{cursor:grabbing}
.pc-canvas{display:block;width:100%;height:100%}
.pc-ring{position:absolute;inset:0;border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 0 999px rgba(11,17,32,.62);pointer-events:none}
.pc-zoom-row{display:flex;align-items:center;gap:12px;width:min(320px,100%);margin:14px auto 0}
.pc-zoom{flex:1;accent-color:#60A5FA}
.pc-z-ico{color:var(--muted);font-size:18px;font-weight:700;line-height:1}
.pc-hint{text-align:center}

/* Трудов договор и анекси */
.sd-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.sd-bar .m-title{margin:0}
.sd-body{display:grid;gap:12px}
.sd-empty{padding:18px;border:1px dashed rgba(148,163,184,.25);border-radius:14px;color:var(--muted);font-size:14px;line-height:1.5;text-align:center}
.sd-card{padding:16px;border:1px solid rgba(148,163,184,.18);border-left:3px solid #10B981;border-radius:16px;background:rgba(15,23,42,.45)}
.sd-card.is-ending,.sd-card.is-upcoming{border-left-color:#F59E0B}
.sd-card.is-expired,.sd-card.is-ended{border-left-color:#64748B}
.sd-card.is-expired>.sd-head,.sd-card.is-ended>.sd-head,.sd-card.is-expired>.sd-facts,.sd-card.is-ended>.sd-facts{opacity:.75}
.sd-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.sd-kind{font-size:16px;font-weight:800}
.sd-facts{display:grid;grid-template-rows:auto auto;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px 12px;margin:0}
.sd-facts dt{color:var(--muted);font-size:12px;font-weight:700}
.sd-facts dd{margin:0;font-size:14.5px;font-weight:600}
.sd-note{margin:10px 0 0;color:var(--text-2);font-size:14px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.sd-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:12px}
.sd-by{margin-left:auto;color:var(--muted);font-size:12.5px}
.sd-nopdf{font-size:13px}
.sd-acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sd-tl{display:grid;gap:0;margin:14px 0 0;padding:0;list-style:none;border-top:1px solid rgba(148,163,184,.14)}
.sd-item{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0 12px 4px;border-bottom:1px solid rgba(148,163,184,.1)}
.sd-item:last-child{border-bottom:0}
.sd-dot{width:10px;height:10px;margin-top:5px;border-radius:50%;background:#60A5FA;box-shadow:0 0 0 3px rgba(96,165,250,.18)}
.sd-item.is-termination .sd-dot{background:#F87171;box-shadow:0 0 0 3px rgba(248,113,113,.18)}
.sd-item-title{font-weight:800}
.sd-item-meta{margin-top:2px;color:var(--muted);font-size:13px}
.sd-item .sd-note{margin-top:6px}
.sd-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.sd-form{display:grid;gap:12px}
.sd-form .m-grid{margin-top:0}
.sd-form textarea.input{width:100%;resize:vertical;line-height:1.5}

/* Моят профил: снимка, профил за сайта, документи */
.ac-photo-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ac-photo-btns .btn-chip{padding:5px 10px;font-size:12.5px}
.ac-avatar{width:64px;height:64px;font-size:20px}
.ac-links:empty{display:none}
.ac-docs{grid-column:1/-1}
.ac-docs>.sd-section{margin:0;padding:22px;border:1px solid rgba(148,163,184,.18);border-radius:20px;background:rgba(30,41,59,.4)}

@media (max-width:800px){
  .ac-grid{grid-template-columns:1fr}
  .us-grid{grid-template-columns:1fr}
  .tm-head{grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;text-align:center}
  .tm-who{justify-items:center;padding-top:0}
  .tm-who .us-tags{justify-content:center}
  .tm-head>.dos-actions{justify-content:center;max-width:none}
  .tm-av{width:96px;height:96px;font-size:30px}
  .tm-cols,.tm-links{grid-template-columns:minmax(0,1fr)}
  .us-stats.is-5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sd-facts{grid-template-columns:auto minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row;gap:4px 14px}
  .sd-item{grid-template-columns:14px minmax(0,1fr)}
  .sd-item>.sd-acts{grid-column:2}
  .sd-by{margin-left:0;width:100%}
}
/* ---- /users-ui ---- */

/* ---- finder-ui ---- */
/* Бързо търсене (⌘K / Ctrl+K): бутон в пилюлата и прозорец с резултати и команди */
.nxk-btn{margin-left:auto;display:inline-flex;align-items:center;gap:10px;height:40px;min-width:40px;padding:0 7px 0 14px;flex:none;
  border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);font:inherit;font-size:14px;cursor:pointer;
  transition:border-color .2s,background .2s,color .2s}
.nxk-btn:hover,.nxk-btn:focus-visible{border-color:var(--border-accent);background:rgba(96,165,250,.1);color:var(--text);outline:none}
.nxk-btn .ico{width:17px;height:17px;flex:none}
.nxk-btn-text{min-width:92px;text-align:left}
.nxk-kbd{display:inline-block;font-family:inherit;font-weight:600;font-size:11.5px;line-height:1;padding:5px 7px;border-radius:7px;border:1px solid var(--border);
  background:rgba(15,23,42,.65);color:var(--muted);letter-spacing:.02em;white-space:nowrap}
@media (max-width:1260px){.nxk-btn{width:40px;padding:0;justify-content:center}.nxk-btn-text,.nxk-btn .nxk-kbd{display:none}}

body.nxk-lock{overflow:hidden}
.nxk-overlay{position:fixed;inset:0;z-index:20000;display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;
  background:rgba(2,6,23,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:nxk-in .12s ease-out}
.nxk{width:min(680px,100%);max-height:min(640px,76vh);display:flex;flex-direction:column;overflow:hidden;
  background:rgba(15,23,42,.97);border:1px solid var(--border-accent);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.nxk-head{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border)}
.nxk-lens{display:grid;place-items:center;color:var(--accent-soft);flex:none}
.nxk-lens .ico{width:20px;height:20px}
.nxk-input{flex:1;min-width:0;height:30px;padding:0;background:none;border:0;outline:none;color:var(--text);font:inherit;font-size:17px}
.nxk-input::placeholder{color:var(--muted)}
.nxk-esc{cursor:pointer}
.nxk-spin{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid rgba(147,197,253,.25);border-top-color:var(--accent);animation:nxk-spin .7s linear infinite}
.nxk-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 8px 10px}
.nxk-group{padding:12px 12px 6px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.nxk-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:14px;cursor:pointer;color:var(--text)}
.nxk-item.is-active{background:rgba(96,165,250,.14);box-shadow:inset 0 0 0 1px rgba(96,165,250,.35)}
.nxk-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:11px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--accent-soft)}
.nxk-ico .ico{width:16px;height:16px}
.nxk-item.is-cmd .nxk-ico{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.3)}
.nxk-main{flex:1;min-width:0}
.nxk-title{display:flex;align-items:center;gap:8px;min-width:0;font-size:14.5px;font-weight:600;white-space:nowrap}
.nxk-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis}
.nxk-no{flex:none;padding:3px 8px;border-radius:999px;background:rgba(96,165,250,.16);color:var(--accent-soft);font-size:11.5px;font-weight:700}
.nxk-tag{flex:none;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:600}
.nxk-sub{margin-top:2px;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxk-meta{flex:none;max-width:34%;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nxk-item mark{background:rgba(96,165,250,.26);color:#fff;border-radius:4px;padding:0 1px}
.nxk-empty{padding:26px 16px;text-align:center;color:var(--muted);font-size:14px}
.nxk-empty-sm{padding:14px 12px;text-align:left;font-size:13px}
.nxk-tip{margin:6px 12px 4px;padding:10px 12px;border-radius:12px;border:1px dashed var(--border);color:var(--muted);font-size:12.5px;line-height:1.5}
.nxk-error{margin:8px 12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(248,113,113,.4);background:rgba(248,113,113,.08);color:#FCA5A5;font-size:13px}
.nxk-help{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 12px;font-size:13.5px}
.nxk-foot{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 18px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}
.nxk-foot .nxk-kbd{padding:3px 6px;font-size:11px}
@keyframes nxk-in{from{opacity:0}to{opacity:1}}
@keyframes nxk-spin{to{transform:rotate(360deg)}}
@media (max-width:640px){
  /* в приложението на iPhone горе е часовникът / Dynamic Island — полето за търсене слиза под тях */
  .nxk-overlay{padding:max(10px, env(safe-area-inset-top,0px)) 10px max(10px, env(safe-area-inset-bottom,0px))}
  .nxk{max-height:calc(100vh - 20px);max-height:calc(100dvh - max(10px, env(safe-area-inset-top,0px)) - max(10px, env(safe-area-inset-bottom,0px)));border-radius:18px}
  .nxk-input{font-size:16px}
  .nxk-meta{display:none}
}
@media (hover:none){.nxk-foot{display:none}}
/* ---- /finder-ui ---- */

/* ---- home-ui ---- */
/* Начален екран (home.js): плочките „Днес“, редовете като в досиетата (ds-item), „Този месец“, „Довършете“, колони по месеци, екип */
.hm-page.is-refreshing .hm-card{opacity:.7;transition:opacity .2s}
.hm-page [hidden]{display:none!important}
.hm-page .pg-head{margin-bottom:20px}
.hm-up{color:#6EE7B7;font-weight:700}
.hm-down{color:#FCA5A5;font-weight:700}
.hm-no{flex:none;padding:2px 8px;border-radius:999px;background:rgba(96,165,250,.16);color:var(--accent-soft);font-size:11.5px;font-weight:700;white-space:nowrap} /* и в картата (map-page.js) */

/* Днес: плочки като „Напомняния“ — цветно кръгче, число, надпис */
.hm-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}
.hm-tile{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 10px;min-width:0;padding:14px 16px;border:1px solid rgba(148,163,184,.16);border-radius:20px;background:rgba(30,41,59,.55);color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,transform .15s var(--ease)}
.hm-tile:active{transform:scale(.97)}
.hm-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (hover:hover){.hm-tile:hover{border-color:rgba(148,163,184,.3);background:rgba(30,41,59,.8)}}
.hm-tile-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--c);color:#fff}
.hm-tile-ico .ico{width:20px;height:20px;stroke-width:2.2}
.hm-tile-n{justify-self:end;color:var(--text);font-size:30px;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hm-tile-label{grid-column:1/-1;overflow:hidden;color:var(--text-2);font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.hm-tile.is-zero .hm-tile-n{color:rgba(148,163,184,.6)}
.hm-tile.is-inq{--c:#F97316}
.hm-tile.is-docs{--c:#8B5CF6}
.hm-tile.is-today{--c:#3B82F6}
.hm-tile.is-late{--c:#EF4444}
.hm-tile.is-match{--c:#10B981}

/* Картите */
.hm-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;margin-bottom:18px;align-items:start}
.hm-side{display:grid;gap:18px;min-width:0}
.hm-card{min-width:0;margin-bottom:18px;scroll-margin-top:96px}
.hm-grid .hm-card,.hm-side .hm-card{margin-bottom:0}
.hm-card-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:10px}
.hm-card-head h2{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em}
.hm-card-hint{color:var(--muted);font-size:13px}
.hm-empty{padding:14px 0 6px;color:var(--muted);font-size:14px;line-height:1.5}
.hm-done{padding:10px 0 4px;color:#6EE7B7;font-size:14.5px;font-weight:600;line-height:1.5}
.hm-more{margin-top:8px;color:var(--muted);font-size:12.5px}
.hm-link-btn{border:0;background:none;padding:4px 2px;color:var(--accent-soft);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.hm-link-btn:hover{color:#fff}
@keyframes hm-flash{from{background:rgba(96,165,250,.16)}}
.is-flash{animation:hm-flash 1.4s var(--ease)}
@media (prefers-reduced-motion:reduce){.is-flash{animation:none}.hm-tile{transition:none}.hm-tile:active{transform:none}}
.hm-skel{pointer-events:none}
.hm-skel .ds-item-text{gap:8px}

/* Иконката на вида (клиент, оферта, търсене, сделка, частна обява) */
.lx-lead.hm-kind{border-radius:14px}
.hm-kind .ico{width:24px;height:24px}
.hm-kind.is-client{background:rgba(45,212,191,.15);color:#5EEAD4}
.hm-kind.is-offer{background:rgba(96,165,250,.16);color:var(--accent-soft)}
.hm-kind.is-search{background:rgba(167,139,250,.16);color:#C4B5FD}
.hm-kind.is-deal{background:rgba(251,191,36,.15);color:#FCD34D}
.hm-kind.is-prospect{background:rgba(251,146,60,.15);color:#FDBA74}

/* Предстои: групи по ден; датата е като иконката на „Календар“ */
.hm-group{border-radius:14px}
.hm-group+.hm-group{margin-top:8px}
.hm-group-label{padding:6px 0 2px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.hm-group.is-late .hm-group-label{color:#FCA5A5}
.hm-cal{display:flex;flex-direction:column;gap:1px;border:1px solid rgba(148,163,184,.18);line-height:1}
.hm-cal span{color:#F87171;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hm-cal b{color:var(--text);font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}
.hm-cal.is-today{border-color:transparent;background:#3B82F6}
.hm-cal.is-today span,.hm-cal.is-today b{color:#fff}
.hm-cal.is-late{border-color:rgba(248,113,113,.55);background:rgba(248,113,113,.12)}
.hm-ev b{color:var(--text-2);font-weight:700}
.hm-ev-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.hm-k-deposit .hm-ev-dot{background:#FCD34D}
.hm-k-preliminary .hm-ev-dot{background:var(--accent)}
.hm-k-final .hm-ev-dot{background:#C4B5FD}
.hm-k-contract .hm-ev-dot,.hm-k-exclusive .hm-ev-dot{background:#6EE7B7}
.hm-k-call .hm-ev-dot{background:#FDBA74}
.hm-group.is-late .hm-ev-dot{background:#F87171}
.hm-list .ds-item>.lx-pill{margin-left:auto}

/* Нови съвпадения: процентът като кръг (като „Активност“) */
.lx-lead.hm-ring{--rc:var(--accent);position:relative;border-radius:50%;background:none}
.hm-ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--rc) calc(var(--p) * 1%),rgba(148,163,184,.2) 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px))}
.hm-ring b{position:relative;color:var(--text);font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums}
.lx-lead.hm-ring.is-top{--rc:#34D399}

/* Този месец: показателите в една карта, разделени с тънки линии */
.hm-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.hm-stat{min-width:0;padding:6px 20px}
.hm-stat:first-child{padding-left:0}
.hm-stat:last-child{padding-right:0}
.hm-stat+.hm-stat{border-left:1px solid rgba(148,163,184,.14)}
.hm-stat-label{color:var(--muted);font-size:13px;font-weight:600}
.hm-stat-value{margin-top:6px;overflow:hidden;color:var(--text);font-size:28px;font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}
.hm-stat-sub{margin-top:5px;color:var(--text-2);font-size:13px;line-height:1.4}
.hm-stat.is-good .hm-stat-value{color:#6EE7B7}

/* Довършете: превключвател с броя + до 3 записа */
.hm-seg{display:inline-flex;max-width:100%;margin:2px 0 10px;overflow-x:auto;scrollbar-width:none}
.hm-seg::-webkit-scrollbar{display:none}
.hm-seg .pg-view{height:36px;padding:0 14px;font-size:13.5px}
.hm-seg-t,.hm-seg-s{min-width:0;overflow:hidden;text-overflow:ellipsis}
.hm-seg-s{display:none}
.hm-hint{margin:0 0 4px;color:var(--muted);font-size:13.5px;line-height:1.45}
.hm-hint b{color:var(--text-2);font-weight:700}
.hm-all{display:inline-flex;align-items:center;gap:2px;margin-top:8px;padding:4px 0;border:0;background:none;color:var(--accent-soft);font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}
.hm-all .ico{width:16px;height:16px}
.hm-all:hover{color:#fff}

/* Колони по месеци */
.hm-chart-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-bottom:16px;color:var(--muted);font-size:13.5px}
.hm-chart-sum b{color:var(--text);font-size:24px;font-weight:800;letter-spacing:-.02em}
.hm-chart{display:grid;grid-template-columns:auto 1fr;grid-template-rows:200px auto;column-gap:10px;row-gap:8px}
.hm-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;margin:-7px 0;color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}
.hm-plot{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:2px}
.hm-grid-line{position:absolute;left:0;right:0;height:1px;background:rgba(148,163,184,.14);pointer-events:none}
.hm-col{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;height:100%;outline:none;cursor:default}
.hm-bar{position:relative;width:min(26px,72%);min-height:0;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#7DB6FB,var(--accent));transition:filter .15s}
.hm-col.is-current .hm-bar{background:rgba(96,165,250,.45)}
.hm-col:hover .hm-bar,.hm-col:focus-visible .hm-bar{filter:brightness(1.18)}
.hm-col:focus-visible{box-shadow:inset 0 0 0 1px rgba(96,165,250,.5);border-radius:6px}
.hm-bar-val{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-5px);color:var(--text-2);font-size:11.5px;font-weight:700;white-space:nowrap}
.hm-bar-val.is-start{left:0;transform:translate(0,-5px)} /* в краищата — навътре, да не излиза от графиката */
.hm-bar-val.is-end{left:auto;right:0;transform:translate(0,-5px)}
.hm-tip{position:absolute;z-index:2;top:-6px;transform:translate(-50%,-100%);display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--border-accent);border-radius:12px;
  background:rgba(15,23,42,.97);box-shadow:0 10px 30px rgba(0,0,0,.4);font-size:12px;color:var(--text-2);white-space:nowrap;pointer-events:none;width:max-content;max-width:100%}
.hm-tip span{white-space:normal}
.hm-tip b{color:#F8FAFC;font-size:14px}
.hm-xlabels{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));color:var(--muted);font-size:11.5px;text-align:center}
.hm-xlabels .is-current{color:var(--text-2);font-weight:700}
.hm-xlabels span{overflow:hidden;white-space:nowrap}
.hm-yr{font-size:inherit;color:var(--muted)}
.hm-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hm-table{width:100%;border-collapse:collapse;font-size:14px}
.hm-table th{padding:8px 10px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-align:right;text-transform:uppercase;white-space:nowrap}
.hm-table th:first-child,.hm-table td:first-child{text-align:left}
.hm-table td{padding:11px 10px;border-bottom:1px solid rgba(148,163,184,.1);white-space:nowrap}
.hm-table td.num{text-align:right;font-variant-numeric:tabular-nums}

/* Екипът: като списъците (lists-ui); нулите — бледи */
.hm-team.lx-card{padding:24px 28px 14px}
.hm-team .lx-head{padding-top:6px}
.hm-team .lx-v.is-zero{color:rgba(148,163,184,.6);font-weight:500}
.hm-team .lx-row{min-height:68px}
.hm-team .lx-row+.lx-row::before{left:78px}
.hm-av.lx-face{color:#fff}

@media (max-width:1100px){
  .hm-stats{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}
  .hm-stat{padding:6px 16px}
  .hm-stat:nth-child(3n+1){padding-left:0;border-left:0}
  .hm-stat:first-child{grid-column:span 1}
}
@media (max-width:1000px){
  .hm-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .hm-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .hm-tile:last-child{grid-column:1/-1}
  .hm-tile{padding:12px 14px;border-radius:18px}
  .hm-tile-ico{width:34px;height:34px}
  .hm-tile-ico .ico{width:18px;height:18px}
  .hm-tile-n{font-size:27px}
  .hm-card-head h2{font-size:18px}
  .hm-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0}
  .hm-stat,.hm-stat:first-child,.hm-stat:last-child{padding:12px 0}
  .hm-stat+.hm-stat{border-left:0}
  .hm-stat:first-child{grid-column:1/-1;padding-top:4px}
  .hm-stat:nth-child(2n){padding-right:16px}
  .hm-stat:nth-child(2n+1):not(:first-child){padding-left:16px;border-left:1px solid rgba(148,163,184,.14)}
  .hm-stat:nth-child(n+2){border-top:1px solid rgba(148,163,184,.14)}
  .hm-stat-value{font-size:24px}
  .hm-stat-sub{font-size:12.5px}
  .hm-seg{display:flex;width:100%}
  .hm-chart{grid-template-rows:160px auto}
  .hm-xlabels{font-size:10px}
  .hm-yr{display:none}
  .hm-team.lx-card{padding:0}
  .hm-team .hm-card-head{margin:6px 2px 12px}
  .hm-team .lx-row+.lx-row::before{display:none}
  .hm-team .lx-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .hm-seg .pg-view{flex:1 1 auto;min-width:0;gap:5px;padding:0 6px;font-size:13px}
  .hm-seg .hm-seg-t{display:none}
  .hm-seg .hm-seg-s{display:inline}
  .hm-seg .pg-view-n{padding:0;background:none;color:var(--muted);font-size:inherit}
  .hm-seg .pg-view.active .pg-view-n{background:none;color:rgba(11,17,32,.6)}
}
@media (max-width:370px){
  .hm-seg .pg-view{gap:4px;padding:0 4px;font-size:12px}
}
/* ---- /home-ui ---- */

/* ---- nav-home ---- */
/* Навигацията на CRM. Компютър: разделите в горната пилюла (без падащи менюта — подразделите са в навигацията на страницата),
   профилът — меню под аватара. Телефон: горе — логото, търсенето и аватарът; долу — лента с 5-те основни раздела (като в
   приложенията на iPhone); аватарът отваря лист отдолу с останалото (блог, запитвания, частни обяви, карта, профил…). */
html,body{font-feature-settings:"locl" 0} /* стандартната кирилица навсякъде (без българските форми на Safari — „т“ като „m“) */
.nav-home{display:inline-flex;align-items:center;gap:7px}
.nav-home .ico{width:17px;height:17px;flex:none}
@media (min-width:901px){.nav-home-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* малък лаптоп: само знакът на логото, за да се побере менюто на един ред */
@media (min-width:901px) and (max-width:1040px){.topbar .brand-title{display:none}}
@media (min-width:901px) and (max-width:980px){.topbar .nav{gap:2px}.topbar .nav .nav-item{padding-left:8px;padding-right:8px}}
/* средни екрани: по-плътно меню (Начало, Документи и разделите с броячите се побират с търсенето и аватара) */
@media (min-width:981px) and (max-width:1200px){.topbar .nav{gap:2px}.topbar .nav .nav-item{padding-left:10px;padding-right:10px}}
.topbar .nav-toggle,.topbar .caret{display:none!important}

/* ---------- Аватарът и менюто на профила ---------- */
.nx-me-btn{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:1px solid var(--border-accent);border-radius:50%;background:rgba(15,23,42,.8);
  color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.nx-me-btn:hover,.nx-me-btn[aria-expanded="true"],.nx-me-btn.active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(96,165,250,.22)}
.nx-menu{position:fixed;z-index:4100;top:88px;right:calc((100vw - min(1220px, 100vw - 64px)) / 2 + 20px);width:290px;max-height:calc(100vh - 110px);overflow:auto;
  padding:8px;border:1px solid var(--border-accent);border-radius:22px;background:rgba(13,20,38,.97);box-shadow:0 26px 60px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);transform-origin:top right;animation:nxPop .18s cubic-bezier(.2,.8,.2,1)}
.nx-menu[hidden],.nx-scrim[hidden]{display:none!important}
@keyframes nxPop{from{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:none}}
.nx-menu-head{display:grid;gap:2px;padding:10px 12px 12px;margin-bottom:6px;border-bottom:1px solid var(--border)}
.nx-menu-head b{color:#fff;font-size:15px}
.nx-menu-head small{overflow:hidden;color:var(--muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.nx-menu form{margin:0}
.nx-mi{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:12px;background:none;color:var(--text);
  font:inherit;font-size:15px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}
.nx-mi .ico{width:19px;height:19px;flex:none;color:var(--accent-soft)}
.nx-mi:hover,.nx-mi:focus-visible{background:rgba(96,165,250,.12);outline:none}
.nx-mi.active{background:rgba(96,165,250,.16)}
.nx-mi.is-danger,.nx-mi.is-danger .ico{color:#FCA5A5}
.nx-mi[hidden]{display:none}
.nx-sep{height:1px;margin:6px 6px;background:var(--border)}
.nx-tiles{display:none}
.nx-dot{position:absolute;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#EF4444;color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;
  box-shadow:0 0 0 2px rgba(11,17,32,.95)}
.nx-dot[hidden]{display:none}
.nx-scrim{display:none}
.nx-tabs{display:none}

/* „‹ Клиенти“ над заглавието на подстраница (запитвания, частни обяви) */
.pg-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 6px -4px;padding:4px 10px 4px 4px;border-radius:999px;color:var(--accent-soft);font-size:14px;font-weight:700;text-decoration:none}
.pg-back:hover{background:rgba(96,165,250,.12)}
.pg-back .ico{width:18px;height:18px}

/* ---------- Телефон и таблет ---------- */
@media (max-width:900px){
  /* лентата с разделите — малко над чертата на iPhone (не на цялото отстояние на системата отдолу) */
  :root{--nx-tabs-bottom:max(10px, calc(env(safe-area-inset-bottom,0px) - 14px))}
  /* страницата никога не е по-широка от екрана (нищо не я разширява и не се плъзга наляво / надясно); clip, а не hidden —
     залепналите ленти (sticky) продължават да работят; редовете, които се плъзгат, са със свое overflow-x */
  html{overflow-x:hidden}
  body{overflow-x:clip}
  .topbar .nx-me-btn{width:40px;height:40px}
  .nx-scrim{display:block;position:fixed;inset:0;z-index:4050;background:rgba(2,6,16,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:nxFade .2s}
  .nx-menu{top:auto;left:8px;right:8px;bottom:var(--nx-tabs-bottom);width:auto;max-height:84vh;padding:8px 12px 12px;border-radius:30px;
    transform-origin:bottom center;animation:nxSheet .28s cubic-bezier(.2,.8,.2,1)}
  .nx-menu::before{content:"";display:block;width:40px;height:5px;margin:2px auto 8px;border-radius:999px;background:rgba(148,163,184,.4)}
  .nx-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:2px 0 10px}
  .nx-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:18px;
    background:rgba(30,41,59,.55);color:#fff;font-size:14.5px;font-weight:700;text-decoration:none}
  .nx-tile .ico{width:22px;height:22px;color:var(--accent-soft)}
  .nx-tile.active{border-color:var(--border-accent);background:rgba(96,165,250,.16)}
  .nx-tile .nx-dot{top:10px;right:10px}
  .nx-mi{min-height:50px;font-size:16px}
  html.nx-sheet-open,html.nx-sheet-open body{overflow:hidden}

  /* лентата с разделите долу */
  .nx-tabs{position:fixed;left:10px;right:10px;bottom:var(--nx-tabs-bottom);z-index:3900;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;
    height:64px;padding:6px;border:1px solid var(--border-accent);border-radius:26px;background:rgba(13,20,38,.86);box-shadow:0 14px 36px rgba(0,0,0,.5);
    -webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}
  .nx-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border-radius:20px;color:var(--muted);
    font-size:11px;font-weight:700;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s}
  .nx-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nx-tab .ico{width:23px;height:23px}
  .nx-tab.active{background:rgba(96,165,250,.16);color:#fff}
  .nx-tab.active .ico{color:var(--accent-soft)}
  .nx-tab .nx-dot{top:3px;left:calc(50% + 5px)}
  body.app{padding-bottom:calc(78px + var(--nx-tabs-bottom))}
  #toasts{bottom:calc(80px + var(--nx-tabs-bottom))!important}
}
@keyframes nxSheet{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@keyframes nxFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.nx-menu,.nx-scrim{animation:none}}
/* ---- /nav-home ---- */

/* ---- geo-ui ---- */
/* Карти: страница „Карта на офертите“, пин във формата, малка карта в досието, тъмни изскачащи карти на Leaflet */
.mp-wrap{position:relative}
.mp-map{height:calc(100vh - 290px);min-height:460px;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:#0B1120}
.mp-status{position:absolute;left:16px;bottom:16px;z-index:800;max-width:calc(100% - 32px);padding:8px 12px;border:1px solid var(--border-accent);border-radius:12px;
  background:rgba(15,23,42,.94);color:var(--text-2);font-size:13px}
.mp-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-left:auto;color:var(--muted);font-size:13px}
.mp-key{display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;vertical-align:-1px}
.mp-key.is-sale{background:#60A5FA}
.mp-key.is-rent{background:#34D399}
.mp-key.is-area{border:2px solid #93C5FD;background:rgba(96,165,250,.18)}

/* Пин с цена (divIcon): опашката сочи точката */
.mp-pin-wrap{background:none;border:0}
.mp-pin{position:absolute;left:0;top:0;transform:translate(-50%,calc(-100% - 7px));padding:4px 9px;border-radius:999px;border:2px solid #0B1120;
  background:#60A5FA;color:#0B1120;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.45);cursor:pointer}
.mp-pin::after{content:"";position:absolute;left:50%;bottom:-7px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:inherit;border-right:2px solid #0B1120;border-bottom:2px solid #0B1120}
.mp-pin.is-rent{background:#34D399}
.mp-pin.is-mine{border-color:#F8FAFC}
.mp-pin.is-mine::after{border-color:#F8FAFC}
.mp-pin.is-dot{width:20px;height:20px;padding:0}
.leaflet-marker-icon:hover .mp-pin,.leaflet-marker-icon:focus .mp-pin{filter:brightness(1.12)}

/* Leaflet в тъмната тема; „Тъмна“ подложка = плочките на OpenStreetMap, обърнати към тъмни цветове */
.mp-map.leaflet-container,.gp-map.leaflet-container,.gm-map.leaflet-container{background:#0B1120;font-family:inherit;font-size:13px}
.leaflet-layer.mp-tiles-dark{filter:invert(1) hue-rotate(180deg) brightness(.95) contrast(.9) saturate(.55)}
/* leaflet.css се зарежда след нашите стилове — затова правилата започват с .leaflet-container (по-силни) */
.leaflet-container .leaflet-popup-content-wrapper,.leaflet-container .leaflet-popup-tip{background:rgba(15,23,42,.98);color:var(--text);border:1px solid var(--border-accent);box-shadow:0 18px 40px rgba(0,0,0,.5)}
.leaflet-container .leaflet-popup-content-wrapper{border-radius:16px}
.leaflet-container .leaflet-popup-content{margin:12px;font-size:13.5px;line-height:1.45}
.leaflet-container a.leaflet-popup-close-button{color:var(--muted)}
.leaflet-container .leaflet-bar{border:1px solid var(--border);box-shadow:none}
.leaflet-container .leaflet-bar a{background:rgba(15,23,42,.94);color:var(--text);border-bottom-color:var(--border)}
.leaflet-container .leaflet-bar a:hover{background:rgba(30,41,59,.96);color:#fff}
.leaflet-container .leaflet-control-layers{background:rgba(15,23,42,.94);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:none}
.leaflet-container .leaflet-control-layers-toggle{filter:invert(1) hue-rotate(180deg)}
.leaflet-container .leaflet-control-layers-expanded{padding:8px 12px}
.leaflet-container .leaflet-control-layers-separator{border-top-color:var(--border)}
.leaflet-container .leaflet-control-attribution{background:rgba(15,23,42,.72);color:var(--muted)}
.leaflet-container .leaflet-control-attribution a{color:var(--accent-soft)}
.leaflet-container .leaflet-tooltip.mp-tip{background:rgba(15,23,42,.96);color:var(--text);border:1px solid var(--border-accent);box-shadow:none;font-weight:700}
.leaflet-container .leaflet-tooltip-top.mp-tip::before{border-top-color:var(--border-accent)}

/* Изскачаща карта на оферта */
.mp-card{display:grid;gap:6px}
.mp-card-img{width:100%;height:120px;border-radius:10px;object-fit:cover;background:#1E293B}
.mp-card-title{display:flex;align-items:center;gap:8px;font-weight:700}
.mp-card-facts{color:var(--text-2);font-size:13px}
.mp-card-who,.mp-card-where{color:var(--muted);font-size:12.5px}
.mp-card-acts{display:flex;gap:8px;margin-top:4px}

/* Пин във формата и малка карта в досието */
.gp-map,.gm-map{height:260px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#0B1120}
.gm-map{height:220px}
.gp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.gp-status{flex:1 1 260px;color:var(--muted);font-size:12.5px;line-height:1.4}
.gp-status.is-warn{color:#FCD34D}
.gm-note{margin:8px 0 0;color:var(--muted);font-size:12.5px}

@media (max-width:700px){
  .mp-map{height:calc(100vh - 330px);min-height:380px;border-radius:18px}
  .mp-legend{width:100%;margin-left:0}
  .gp-map{height:220px}
}
/* Червеният пин с логото на Nextimo (NX.geo.brandPin): точката на офертата в CRM, офисът в „Контакти“ на сайта */
.nx-pin-wrap{background:none;border:0}
.nx-pin{display:block;width:34px;height:44px;overflow:visible;filter:drop-shadow(0 4px 6px rgba(15,23,42,.45))}
.nx-pin path:first-child{fill:#D11F33;stroke:#FFFFFF;stroke-width:2}
.nx-pin circle{fill:#FFFFFF}
.nx-pin g{fill:#C30B22}
.leaflet-marker-draggable .nx-pin{cursor:grab}
.leaflet-dragging .leaflet-marker-draggable .nx-pin{cursor:grabbing}

/* ---- /geo-ui ---- */

/* ---- share-ui ---- */
/* Линк за клиент: публична страница на оферта (sh-*), печат / PDF (A4) и прозорецът „Сподели“ в досието (sl-*) */
.pub .sh-page{max-width:1120px;margin:0 auto;padding:16px 20px 48px}
.sh-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px 12px 10px 16px;border:1px solid var(--border-accent);border-radius:999px;background:var(--glass);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.sh-brand{display:flex;align-items:center;gap:10px;font-size:19px;color:#fff}
.sh-logo{height:30px;width:auto}
.sh-brand-name b{color:var(--accent-soft);font-weight:700}
.sh-top-acts{display:flex;gap:8px}
.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border:1px solid var(--border);border-radius:999px;background:rgba(15,23,42,.6);
  color:var(--text);font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}
.sh-btn:hover{border-color:var(--border-accent);background:rgba(96,165,250,.1)}
.sh-btn.is-primary{border-color:transparent;background:var(--accent);color:#0B1120}
.sh-btn.is-wide{width:100%;margin-top:8px}
.sh-btn .ico{width:17px;height:17px}

.sh-stage{position:relative;overflow:hidden;border-radius:22px;background:#0F172A;aspect-ratio:16/10;max-height:72vh}
.sh-main{display:block;width:100%;height:100%;object-fit:cover;user-select:none;touch-action:pan-y}
.sh-nav{position:absolute;top:50%;width:44px;height:44px;transform:translateY(-50%);border:0;border-radius:50%;background:rgba(11,17,32,.6);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.sh-nav.is-prev{left:12px}
.sh-nav.is-next{right:12px}
.sh-count{position:absolute;right:12px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(11,17,32,.7);color:#fff;font-size:12.5px;font-weight:700}
.sh-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.sh-thumb{flex:none;width:96px;height:64px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:none;cursor:pointer;opacity:.7}
.sh-thumb.is-on{border-color:var(--accent);opacity:1}
.sh-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sh-print-photos,.sh-print-only{display:none}

.sh-head{margin:22px 0 18px}
.sh-tags{display:flex;gap:8px;margin-bottom:8px}
.sh-no,.sh-deal{padding:3px 10px;border-radius:999px;background:rgba(96,165,250,.16);color:var(--accent-soft);font-size:12.5px;font-weight:700}
.sh-deal.is-rent{background:rgba(52,211,153,.14);color:#6EE7B7}
.sh-title{margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.sh-place{margin:6px 0 0;color:var(--text-2);font-size:15px}
.sh-price{margin-top:12px;font-size:clamp(26px,3.6vw,36px);font-weight:800;color:#F8FAFC}
.sh-facts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.sh-facts li{padding:6px 12px;border:1px solid var(--border);border-radius:999px;color:var(--text-2);font-size:13.5px}

.sh-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.sh-side{position:sticky;top:16px;display:grid;gap:18px}
.sh-card{padding:20px 22px;border:1px solid var(--border);border-radius:20px;background:var(--card)}
.sh-main-col .sh-card+.sh-card{margin-top:18px}
.sh-card h2{margin:0 0 12px;font-size:16px;font-weight:800}
.sh-text{color:var(--text-2);font-size:15px;line-height:1.65}
.sh-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;margin:0}
.sh-dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.1)}
.sh-dl dt{color:var(--muted);font-size:13.5px}
.sh-dl dd{margin:0;font-size:14px;font-weight:600;text-align:right}
.sh-plan{width:100%;border-radius:12px;background:#fff}
.sh-link{color:var(--accent-soft);font-weight:700}
.sh-yt{position:relative;display:block;border-radius:14px;overflow:hidden}
.sh-yt img{display:block;width:100%}
.sh-yt-play{position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:rgba(220,38,38,.9);color:#fff;font-size:26px}
.sh-person{display:flex;align-items:center;gap:12px}
.sh-person b{display:block;font-size:16px}
.sh-person span{color:var(--muted);font-size:13px}
.sh-avatar{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:50%;background:#2563EB;color:#fff;font-weight:800}
.sh-avatar.has-photo{overflow:hidden;background:#0F172A}
.sh-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.sh-where{margin:0;color:var(--text-2)}
.sh-map{height:220px;margin-top:12px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#0B1120}
.sh-map.leaflet-container{font-family:inherit}
.sh-note{margin:8px 0 0;color:var(--muted);font-size:12.5px}
.sh-foot{margin-top:28px;color:var(--muted);font-size:12.5px;text-align:center}
.sh-gone-card{max-width:560px;margin:60px auto;text-align:center}
.sh-gone-card h1{margin:0 0 10px;font-size:26px}
.sh-gone-card p{margin:0;color:var(--text-2);line-height:1.6}

@media (max-width:860px){
  .sh-grid{grid-template-columns:minmax(0,1fr)}
  .sh-side{position:static}
  .sh-dl{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .pub .sh-page{padding:10px 12px 40px}
  .sh-top{border-radius:22px}
  .sh-top-acts .sh-btn{padding:0 12px}
  .sh-top-acts #shPrint{display:none}
  .sh-stage{border-radius:16px}
  .sh-thumb{width:72px;height:50px}
}

/* Печат / „Запази като PDF“: бял лист A4, без бутони, карта и миниатюри */
@media print{
  @page{size:A4;margin:12mm}
  :root{color-scheme:light}
  html,body.pub{background:#fff!important;color:#111!important}
  .pub .sh-page{max-width:none;padding:0}
  .sh-top{border:0;border-bottom:2px solid #111;border-radius:0;background:none;padding:0 0 6px;margin-bottom:10px;-webkit-backdrop-filter:none;backdrop-filter:none}
  .sh-brand{color:#111}
  .sh-top-acts,.sh-nav,.sh-count,.sh-thumbs,.sh-map,.sh-note,.sh-yt,.sh-btn{display:none!important}
  .sh-stage{border-radius:6px;aspect-ratio:auto;max-height:none;background:none}
  .sh-main{height:auto;max-height:95mm;object-fit:cover}
  .sh-print-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:3mm;margin-top:3mm}
  .sh-print-photos img{width:100%;height:28mm;object-fit:cover;border-radius:2mm}
  .sh-print-only{display:block;margin:0;font-size:10pt}
  .sh-print-contact{margin-top:2mm;font-weight:700;color:#111}
  .sh-plan{max-height:85mm;width:auto;max-width:100%;object-fit:contain;border:1px solid #ddd}
  .sh-head{margin:5mm 0 3mm}
  .sh-no,.sh-deal{background:none;border:1px solid #999;color:#111}
  .sh-title{font-size:18pt;color:#111}
  .sh-place,.sh-text,.sh-dl dt,.sh-person span,.sh-where,.sh-foot{color:#333!important}
  .sh-price{font-size:20pt;color:#111}
  .sh-facts li{border-color:#999;color:#111;padding:1mm 3mm}
  .sh-grid{grid-template-columns:minmax(0,1fr) 62mm;gap:5mm}
  .sh-side{position:static}
  .sh-card{padding:0;border:0;border-radius:0;background:none;break-inside:avoid}
  .sh-main-col .sh-card+.sh-card{margin-top:4mm}
  .sh-card h2{margin:0 0 2mm;font-size:11pt;color:#111;border-bottom:1px solid #ccc;padding-bottom:1mm}
  .sh-text{font-size:9.5pt;line-height:1.5}
  .sh-dl div{padding:1mm 0;border-bottom-color:#e5e5e5}
  .sh-dl dt,.sh-dl dd{font-size:9pt;color:#111}
  .sh-avatar{background:#e5e7eb;color:#111}
  .sh-contact::after{content:"";display:block}
  .sh-foot{margin-top:6mm;font-size:8pt}
}

/* Прозорецът „Сподели“ в досието */
.sl-make{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sl-make select{flex:0 1 220px}
.sl-note{margin:10px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5}
.sl-list{display:grid;gap:10px}
.sl-item{padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(15,23,42,.45)}
.sl-item.is-off{opacity:.55}
.sl-url .input{width:100%;font-size:13px}
.sl-meta{margin-top:6px;color:var(--muted);font-size:12.5px}
.sl-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sl-acts a.btn-chip{text-decoration:none}
.btn-chip.is-danger{color:#FCA5A5;border-color:rgba(248,113,113,.4)}
/* ---- /share-ui ---- */

/* ---- blog-ui ---- */
/* Блог в CRM: списък със статии (bl-*) и редактор (be-*). Текстът на статията (bp-*) — в article.css.part */
.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.bl-grid:empty{display:none}
.bl-empty{margin-top:4px}
.bl-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--card);color:var(--text);text-decoration:none;
  transition:border-color .2s,transform .2s,box-shadow .2s}
.bl-card:hover,.bl-card:focus-within{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.35);outline:none}
.bl-card{cursor:pointer}
.bl-cover{position:relative;display:block;aspect-ratio:16/9;background:#0F172A;color:var(--muted);text-decoration:none}
.bl-cover img{display:block;width:100%;height:100%;object-fit:cover}
.bl-cover.is-empty{display:grid;place-items:center;color:var(--muted);font-size:13px;
  background:repeating-linear-gradient(135deg,rgba(148,163,184,.06) 0 12px,transparent 12px 24px),#0F172A}
.bl-status{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;
  background:rgba(148,163,184,.2);color:#E2E8F0}
.bl-cover .bl-status{position:absolute;top:12px;left:12px;box-shadow:0 4px 14px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.bl-status.is-draft{background:rgba(51,65,85,.92);color:#E2E8F0}
.bl-status.is-review{background:rgba(245,158,11,.92);color:#1F1300}
.bl-status.is-published{background:rgba(16,185,129,.92);color:#032018}
.bl-status.is-rejected{background:rgba(239,68,68,.92);color:#fff}
.bl-status.is-archived{background:rgba(71,85,105,.92);color:#CBD5E1}
.bl-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;min-width:0;flex:1}
.bl-cat{color:var(--accent-soft);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.bl-title{margin:0;font-size:18px;font-weight:800;line-height:1.3;color:#F8FAFC;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.bl-title a{color:inherit;text-decoration:none}
.bl-title a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.bl-excerpt{margin:0;color:var(--text-2);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.bl-note{margin:4px 0 0;padding:8px 10px;border-radius:12px;background:rgba(239,68,68,.1);border:1px solid rgba(248,113,113,.35);color:#FECACA;font-size:13px;line-height:1.45}
.bl-meta{margin:auto 0 0;padding-top:6px;color:var(--muted);font-size:12.5px}
/* бързите действия: лента с икони като в приложенията на iPhone */
.bl-acts{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));border-top:1px solid var(--border);cursor:default}
.bl-act{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:62px;padding:9px 4px;border:0;border-right:1px solid var(--border);
  background:none;color:var(--text-2);font:inherit;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.bl-act:last-child{border-right:0}
.bl-act .ico{width:20px;height:20px}
.bl-act span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-act:hover,.bl-act:focus-visible{background:rgba(96,165,250,.12);color:#fff;outline:none}
.bl-act.is-danger{color:#FCA5A5}
.bl-act.is-danger:hover,.bl-act.is-danger:focus-visible{background:rgba(239,68,68,.14);color:#FECACA}
.bl-act:disabled{opacity:.5;cursor:default}
.bl-new{display:grid;gap:14px}
.bl-hint{margin:0;color:var(--muted);font-size:13px;line-height:1.5}

/* ---------- Редактор ---------- */
.be-page{padding-top:100px}
.be-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}
.be-head-gap{flex:1}
.be-back{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 10px;border:1px solid var(--border);border-radius:999px;color:var(--text);font-weight:700;font-size:14px;text-decoration:none}
.be-back:hover{border-color:var(--border-accent);background:rgba(96,165,250,.1)}
.be-back .ico{width:18px;height:18px}
.be-head .pg-alt{height:40px;padding:0 16px;font-size:14px}
.be-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.be-grid>*{min-width:0} /* дълга дума без интервали (адрес, „асдф;лкдж…“) не разширява колоните */
.be-main.card{padding:22px 26px 18px;min-width:0}
.be-notes{display:grid;gap:8px;margin-bottom:16px}
.be-note{padding:10px 14px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;background:rgba(96,165,250,.08);color:var(--text-2);font-size:14px;line-height:1.5}
.be-note.is-warn{border-color:rgba(248,113,113,.35);border-left-color:#F87171;background:rgba(239,68,68,.08);color:#FECACA}
.be-note b{color:#fff}

.be-cover{position:relative;overflow:hidden;border-radius:18px;background:#0F172A;aspect-ratio:16/9;max-height:420px;width:100%}
.be-cover.has-img img{display:block;width:100%;height:100%;object-fit:cover}
.be-cover.dz{display:grid;place-items:center;border:1.5px dashed rgba(96,165,250,.45);background:rgba(11,17,32,.55);transition:border-color .2s,background .2s}
.be-cover.dz.over{border-color:var(--accent);background:rgba(96,165,250,.12)}
.be-cover.is-none{display:grid;place-items:center;max-height:120px;color:var(--muted)}
.be-cover-empty{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:420px;padding:20px;text-align:center;color:var(--muted);font-size:13.5px;line-height:1.5}
.be-cover-empty b{color:var(--text);font-size:15px}
.be-cover-ico .ico{width:34px;height:34px;color:var(--accent-soft);stroke-width:1.6}
.be-cover-acts{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}
.be-cover-acts .btn-chip{background:rgba(11,17,32,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.be-cover.is-busy::after{content:attr(data-busy);position:absolute;inset:0;display:grid;place-items:center;background:rgba(11,17,32,.72);color:#fff;font-weight:700}

.be-title{display:block;width:100%;margin:20px 0 12px;padding:0;border:0;background:none;color:#F8FAFC;font:inherit;font-size:clamp(26px,3.2vw,36px);font-weight:800;
  line-height:1.2;letter-spacing:-.02em;resize:none;overflow:hidden;outline:none;overflow-wrap:anywhere}
.be-title::placeholder{color:rgba(148,163,184,.6)}

.be-tools{position:sticky;top:88px;z-index:50;display:flex;align-items:center;gap:8px;margin:0 -10px 18px;padding:6px;border:1px solid var(--border);border-radius:16px;
  background:rgba(15,23,42,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.be-tb-scroll{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.be-tb-scroll::-webkit-scrollbar{display:none}
.be-grp{display:flex;gap:2px;flex:none;padding-right:4px;margin-right:2px;border-right:1px solid var(--border)}
.be-grp:last-child{border-right:0}
.be-tb{display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:36px;padding:0 8px;border:0;border-radius:10px;background:none;color:var(--text-2);font:inherit;cursor:pointer}
.be-tb:hover{background:rgba(148,163,184,.12);color:#fff}
.be-tb.is-on{background:rgba(96,165,250,.2);color:var(--accent-soft)}
.be-tb .ico{width:18px;height:18px}
.be-tb-t{font-size:14px;font-weight:800;font-style:normal}
i.be-tb-t{font-style:italic;font-family:Georgia,serif;font-size:16px}
.be-save{display:flex;align-items:center;gap:10px;flex:none;padding-left:4px}
.be-state{max-width:240px;overflow:hidden;color:var(--muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.be-state.is-dirty{color:#FCD34D}
.be-state.is-error{color:#FCA5A5}
.be-save-btn{height:36px;padding:0 16px;border:1px solid var(--border);border-radius:999px;background:none;color:var(--text);font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.be-save-btn.is-hot{border-color:transparent;background:var(--accent);color:#0B1120}

.be-body{position:relative;min-height:420px;padding:2px 2px 30px;outline:none;caret-color:var(--accent);overflow-wrap:anywhere}
.be-body.is-empty::before{content:attr(data-ph);position:absolute;left:2px;right:2px;top:2px;color:rgba(148,163,184,.65);pointer-events:none}
.be-body.is-drop{outline:2px dashed var(--accent);outline-offset:8px;border-radius:6px}
.be-body[contenteditable="true"] figure{cursor:pointer}
.be-body[contenteditable="true"] figure img{transition:outline-color .15s;outline:3px solid transparent;outline-offset:3px}
.be-body[contenteditable="true"] figure:hover img{outline-color:var(--accent)}
.be-body[contenteditable="true"] figure:not(:has(figcaption))::after{content:"Щракнете за описание";position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:999px;
  background:rgba(11,17,32,.82);color:#fff;font-size:12px;font-weight:700;opacity:0;transition:opacity .15s;pointer-events:none}
.be-body[contenteditable="true"] figure:hover::after{opacity:1}
.be-body figure{position:relative}
.be-up{display:grid;place-items:center;height:160px;border:1.5px dashed rgba(96,165,250,.45);border-radius:16px;color:var(--muted);font-size:14px}
.be-stats{margin:0;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:12.5px}

.be-side{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0} /* колоната не расте над 340px заради дълъг адрес или текст */
.be-side>*{min-width:0}
.be-card,.be-side .m-section.be-card{margin:0;padding:18px 20px;border:1px solid var(--border);border-radius:20px;background:var(--card)}
.be-card-title,.be-side .m-title{margin:0 0 12px;color:var(--text-2);font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.be-info{display:grid;margin:0}
.be-info div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(148,163,184,.1)}
.be-info dt{color:var(--muted);font-size:13px}
.be-info dd{margin:0;font-size:13.5px;font-weight:700;text-align:right}
.be-hint{margin:10px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5}
.be-check{display:grid;gap:6px;margin:14px 0 0;padding:10px 12px;border-radius:14px;background:rgba(11,17,32,.45);list-style:none;transition:box-shadow .3s}
.be-check li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;color:var(--text-2)}
.be-check .ico{flex:none;width:16px;height:16px;margin-top:1px}
.be-check .is-ok .ico{color:#6EE7B7;stroke-width:2.6}
.be-check .is-missing{color:#FECACA}
.be-check .is-missing .ico{color:#F87171;fill:currentColor}
.be-check .is-optional .ico{color:var(--muted)}
.be-check.is-flash{box-shadow:0 0 0 2px #F87171}
.be-acts{display:grid;gap:8px;margin-top:14px}
.be-act{height:44px;padding:0 16px;border:1px solid var(--border);border-radius:999px;background:none;color:var(--text);font:inherit;font-size:14.5px;font-weight:800;cursor:pointer}
.be-act:hover{border-color:var(--border-accent);background:rgba(96,165,250,.1)}
.be-act.is-primary{border-color:transparent;background:var(--accent);color:#0B1120;box-shadow:0 10px 26px rgba(96,165,250,.22)}
.be-act.is-primary:hover{filter:brightness(1.08);background:var(--accent)}
.be-act:disabled{opacity:.6;cursor:default}
.be-del{display:block;margin:14px auto 0;padding:4px 0;border:0;background:none;color:#FCA5A5;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.be-del:hover{text-decoration:underline}
.be-lab{display:flex;justify-content:space-between;gap:8px;margin:14px 0 6px;color:var(--muted);font-size:12px;font-weight:700}
.be-lab:first-of-type{margin-top:0}
.be-count.is-warn{color:#FCD34D}
.be-side .input{width:100%}
.be-desc{min-height:84px;resize:vertical;line-height:1.45}
.be-slug{display:flex;align-items:center;border:1px solid var(--border);border-radius:12px;background:rgba(11,17,32,.6);overflow:hidden}
.be-slug:focus-within{border-color:var(--border-accent)}
.be-slug-pre{flex:none;padding-left:12px;color:var(--muted);font-size:13px;white-space:nowrap}
.be-slug .input{flex:1;min-width:0;padding-left:1px;border:0;background:none}
.be-snippet{overflow:hidden;padding:14px 16px;border-radius:14px;background:#fff;font-family:Arial,Helvetica,sans-serif}
.be-snip-url{color:#4D5156;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.be-snip-title{margin:4px 0;color:#1A0DAB;font-size:18px;line-height:1.3;overflow-wrap:anywhere}
.be-snip-desc{color:#4D5156;font-size:13.5px;line-height:1.5;overflow-wrap:anywhere}
.be-fig-edit{display:grid;gap:14px}
.be-fig-pv{display:block;width:100%;max-height:240px;object-fit:contain;border-radius:14px;background:#0F172A}
.be-fig-moves{display:flex;gap:8px}

@media (max-width:1100px){
  .be-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .be-page{padding-top:84px}
  .be-tools{top:74px}
}
@media (max-width:700px){
  .be-main.card{padding:14px 14px 12px;border-radius:18px}
  /* телефон: бутоните на два реда, „Запази“ — долу вдясно */
  .be-tools{display:block;margin:0 -6px 14px;border-radius:14px}
  .be-tb-scroll{flex-wrap:wrap;overflow:visible;row-gap:2px}
  .be-tb{min-width:34px;padding:0 6px}
  .be-save{position:absolute;right:6px;bottom:6px;padding-left:0}
  .be-hide-sm,.be-state{display:none}
  .be-cover{border-radius:14px}
  .be-cover-acts{left:10px;right:10px;bottom:10px;justify-content:flex-end}
  .be-head .be-preview span{display:none}
  .be-head .be-preview{width:40px;padding:0}
}
/* ---- /blog-ui ---- */

/* ---- site-admin ---- */
/* CRM: настройки на сайта nextimo.bg (ss-*) и „На сайта ↗“ в досието на офертата */
.ss-status{margin:0 0 16px;padding:12px 16px;border:1px solid rgba(251,191,36,.35);border-left:3px solid #F59E0B;border-radius:14px;background:rgba(245,158,11,.08);color:#FDE68A;font-size:14px;line-height:1.5}
.ss-status.is-on{border-color:rgba(52,211,153,.35);border-left-color:#10B981;background:rgba(16,185,129,.08);color:#A7F3D0}
.ss-form{display:grid;gap:16px;margin-bottom:24px}
.ss-form .m-section{margin-top:0}
.ss-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ss-wide{grid-column:1/-1}
.ss-grid .input{width:100%}
.ss-grid textarea.input{min-height:140px;resize:vertical;line-height:1.5}
.ss-check{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;cursor:pointer;font-weight:700}
.ss-check input{width:20px;height:20px;accent-color:#60A5FA}
.ss-hint{margin:0;color:var(--muted);font-size:13px}
.ss-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.ss-head .m-title{margin:0}
.ss-link{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid var(--border);border-radius:999px;color:var(--accent-soft);font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap;transition:border-color .2s,background .2s}
.ss-link:hover,.ss-link:focus-visible{border-color:var(--border-accent);background:rgba(96,165,250,.1);outline:none}
.ss-link .ico{width:16px;height:16px}
.pg-new.is-hot{box-shadow:0 0 0 3px rgba(96,165,250,.35),0 10px 30px rgba(96,165,250,.22)}
.sv-site-link{text-decoration:none}
/* Снимка за страница (напр. „За нас“) и услугите („Какво предлагаме“) */
.ss-label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:700}
.ss-image-row{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:16px;align-items:center}
.ss-image-box{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border:1px dashed rgba(148,163,184,.3);border-radius:16px;background:rgba(15,23,42,.5)}
.ss-image-box img,.ss-image-box video{display:block;width:100%;height:100%;object-fit:cover}
.ss-image-box.is-video{aspect-ratio:16/9} /* видеото зад заглавието */
.ss-image-box [hidden],.ss-image-empty[hidden],.ss-image-side [hidden],.ss-svc-foot [hidden]{display:none}
.ss-image-empty{padding:16px;color:var(--muted);font-size:13px;text-align:center}
.ss-image-side{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ss-image-side .ss-hint{flex-basis:100%}
.ss-svc-list{display:grid;gap:10px}
.ss-svc{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(15,23,42,.45)}
.ss-svc-left{display:grid;gap:8px;justify-items:start}
.ss-svc-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(96,165,250,.14);color:var(--accent-soft)}
.ss-svc-ico .ico{width:22px;height:22px}
.ss-svc-sel{width:100%;height:36px;font-size:13.5px}
.ss-svc-mid{display:grid;gap:8px}
.ss-svc-mid .input{width:100%}
.ss-svc-mid textarea.input{min-height:64px;resize:vertical;line-height:1.5}
.ss-svc-acts{display:flex;flex-direction:column;gap:6px}
.ss-svc-acts .icon-btn:disabled{opacity:.35;cursor:default}
.ss-svc-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
@media (max-width:700px){
  .ss-grid,.ss-image-row{grid-template-columns:minmax(0,1fr)}
  .ss-svc{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left acts" "mid mid"}
  .ss-svc-left{grid-area:left;grid-template-columns:44px minmax(0,1fr);align-items:center;width:100%}
  .ss-svc-mid{grid-area:mid}
  .ss-svc-acts{grid-area:acts;flex-direction:row;align-self:center}
  .ss-svc-mid textarea.input{min-height:96px}
}
/* ---- /site-admin ---- */

/* ---- blog-article ---- */
/* Статия от блога (bp-*): текстът в редактора, прегледът в CRM и страницата на nextimo.bg/blog. Включва се и в site.css. */
/* ---------- Текстът на статията (редактор, преглед, сайт) ---------- */
.bp-content{color:#E2E8F0;font-size:17.5px;line-height:1.75;overflow-wrap:break-word}
.bp-content>:first-child{margin-top:0}
.bp-content p{margin:0 0 1.1em}
.bp-content h2{margin:1.6em 0 .6em;color:#fff;font-size:26px;font-weight:800;line-height:1.25;letter-spacing:-.01em}
.bp-content h3{margin:1.4em 0 .5em;color:#F1F5F9;font-size:20px;font-weight:700;line-height:1.3}
.bp-content a{color:var(--accent-soft);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.bp-content strong{color:#fff;font-weight:700}
.bp-content ul,.bp-content ol{margin:0 0 1.1em;padding-left:1.4em}
.bp-content li{margin:.35em 0}
.bp-content li::marker{color:var(--accent)}
.bp-content blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--accent);color:#F8FAFC;font-size:1.08em}
.bp-content blockquote p:last-child{margin-bottom:0}
.bp-content figure{margin:2em 0}
.bp-content figure img{display:block;width:100%;height:auto;border-radius:16px;background:#0F172A}
.bp-content figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.5;text-align:center}

/* ---------- Страница на статията ---------- */
.pub .bp-page{max-width:1040px;margin:0 auto;padding:16px 20px 56px}
.bp-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:8px 8px 8px 18px;
  border:1px dashed rgba(251,191,36,.55);border-radius:18px;background:rgba(251,191,36,.08);color:#FDE68A;font-size:14px}
.bp-preview .sh-btn{height:38px}
.bp-top .sh-brand{text-decoration:none}
.bp-article{max-width:760px;margin:30px auto 0}
.bp-cat{display:inline-block;padding:4px 12px;border-radius:999px;background:rgba(96,165,250,.16);color:var(--accent-soft);font-size:12.5px;font-weight:800}
.bp-title{margin:14px 0 10px;color:#F8FAFC;font-size:clamp(30px,4.6vw,46px);font-weight:800;line-height:1.15;letter-spacing:-.02em}
.bp-meta{margin:0;color:var(--muted);font-size:14.5px}
.bp-cover{margin:28px -100px 36px}
.bp-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:22px;background:#0F172A}
.bp-foot{margin-top:44px;padding:20px 22px;border:1px solid var(--border);border-radius:18px;background:var(--card);color:var(--text-2);font-size:15px;line-height:1.6}
.bp-foot p{margin:0}
.bp-foot a{color:var(--accent-soft);font-weight:700}
.bp-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;color:var(--muted);font-size:14px}
.bp-share a,.bp-share button{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:rgba(15,23,42,.6);
  color:var(--text);font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}
.bp-share a:hover,.bp-share button:hover{border-color:var(--border-accent)}

@media (max-width:1100px){
  .bp-cover{margin:24px 0 30px}
}
@media (max-width:700px){
  .bp-content{font-size:16.5px}
  .bp-content h2{font-size:22px}
  .bp-content h3{font-size:18.5px}
  .pub .bp-page{padding:10px 14px 40px}
  .bp-article{margin-top:20px}
  .bp-cover img{border-radius:16px}
}
/* ---- /blog-article ---- */

/* ---- inquiries-ui ---- */
/* Запитвания: списъкът и панелът са на общите списъци и досиета (lists-ui, dossier-ui); тук — броячът върху „Начало“ (на началния екран запитванията са плочка — home-ui). */
/* брояч върху „Начало“: нови запитвания */
.nav-home{position:relative}
.nav-alert{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#EF4444;color:#fff;font-size:10.5px;font-weight:800;line-height:17px;text-align:center;box-shadow:0 0 0 2px rgba(11,17,32,.9)}
@media (max-width:900px){.nav-alert{position:static;margin-left:6px}}
/* ---- /inquiries-ui ---- */

/* ---- prospects-ui ---- */
/* Частни обяви: списъкът е на общите списъци (lists-ui), досието — на общия страничен панел (dossier-ui);
   тук: снимката от обявата, „Обаждане днес“, разговорите и формите за добавяне, редакция и „Стана клиент“. */
.pr-photo,.pr-thumb,.lx-photo.is-empty{position:relative;overflow:hidden;border-radius:14px;background:rgba(148,163,184,.12)}
.pr-photo img,.pr-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.lx-photo.is-empty::after,.pr-photo.is-empty::after,.pr-thumb.is-empty::after{content:"";position:absolute;inset:0;background:center/32px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='1.6'%3E%3Cpath d='M3 11l9-7 9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E")}

/* Досието */
.pr-next{display:inline-block;max-width:100%;overflow:hidden;color:var(--muted);font-size:12.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.pr-next.is-today{color:var(--accent-soft)}
.pr-next.is-late{color:#FCA5A5}
.pr-owner{margin-top:10px}
.pr-owner-name{margin:0;color:var(--text);font-size:14.5px;font-weight:600}
.pr-owner .ds-contact{margin-top:8px}
.pr-ext{text-decoration:none}
.pr-hint{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.pr-phone-row{display:flex;gap:8px;align-items:center}
.pr-phone-row .input{flex:1;min-width:0;max-width:260px}
.pr-same{padding:14px 16px 8px;border:1px solid rgba(251,191,36,.35);border-radius:18px;background:rgba(245,158,11,.07)}
.pr-same>b{display:block;margin-bottom:4px;color:#FDE68A;font-size:14px}
.pr-same .ds-item .lx-lead{width:44px;height:44px}
.pr-desc.is-cut{max-height:9.6em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.pr-link{margin-top:8px;padding:0;border:0;background:none;color:var(--accent-soft);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.pr-link:hover{color:#fff}

/* Нов разговор: текст, резултат, кога следващото обаждане */
.pr-note-form{display:grid;gap:10px}
.pr-note-form textarea{width:100%;min-height:76px;resize:vertical}
.pr-note-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pr-note-row>select{flex:0 1 220px}
.pr-when{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pr-when-label{color:var(--muted);font-size:12.5px;font-weight:700}
.pr-when .input{width:auto}
.pr-quick{display:flex;flex-wrap:wrap;gap:6px}
.pr-quick .chip-check{padding:5px 10px;font-size:12.5px}
.pr-note-form>.pr-save{justify-self:start}

/* История на разговорите: линия с точка по резултата */
.pr-notes{margin:0;padding:0;list-style:none}
.pr-n{position:relative;padding:12px 0 12px 22px}
.pr-n+.pr-n{border-top:1px solid rgba(148,163,184,.12)}
.pr-n::before{content:"";position:absolute;top:18px;left:2px;width:9px;height:9px;border-radius:50%;background:rgba(148,163,184,.55)}
.pr-n.is-noanswer::before,.pr-n.is-callback::before{background:#FCD34D}
.pr-n.is-interested::before,.pr-n.is-client::before{background:#34D399}
.pr-n.is-refused::before,.pr-n.is-gone::before{background:#64748B}
.pr-n-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13.5px}
.pr-n-head b{color:var(--text)}
.pr-n-at{color:var(--muted)}
.pr-n-body{margin:5px 0 0;color:var(--text-2);font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.pr-n-next{margin-top:5px;color:var(--accent-soft);font-size:12.5px;font-weight:600}

/* Добавяне от линк, редакция, „Стана клиент“ (прозорци) */
.pr-exists{margin-top:12px;padding:12px 14px;border:1px solid rgba(251,191,36,.35);border-radius:14px;background:rgba(245,158,11,.08);color:#FDE68A;font-size:13.5px}
.pr-exists p{margin:6px 0 10px;color:var(--text-2)}
.pr-preview{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:12px}
.pr-photo{width:200px;height:150px}
.pr-preview-facts{display:grid;gap:4px;color:var(--text-2);font-size:13px}
.pr-url .btn-chip.is-primary{border-color:transparent;background:var(--accent);color:#0B1120;font-weight:800}
.pr-add{display:grid;gap:10px}
.pr-add>.pr-link{justify-self:start;margin-top:0;font-size:13px}
.pr-add .pr-note-form{padding:12px;border:1px solid var(--border-accent);border-radius:16px;background:rgba(96,165,250,.06)}
.pr-url{display:flex;gap:8px}
.pr-url .input{flex:1;min-width:0}
.pr-add-body:empty{display:none}
.pr-form{display:grid;gap:14px}
.pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pr-grid .pr-wide{grid-column:1/-1}
.pr-grid .input{width:100%}
.pr-price{display:flex;gap:6px}
.pr-price .input{flex:1;min-width:0}
.pr-price .pr-cur{flex:0 0 76px}
.pr-form textarea{width:100%;resize:vertical}
@media (max-width:700px){
  .pr-grid{grid-template-columns:minmax(0,1fr)}
  .pr-preview{grid-template-columns:minmax(0,1fr)}
  .pr-photo{width:100%;height:180px}
  .pr-note-row>select{flex:1 1 100%}
  .pr-note-form>.pr-save{justify-self:stretch}
  .pr-phone-row .input{max-width:none}
}
/* ---- /prospects-ui ---- */

/* ---- app-ui ---- */
/* CRM като приложение на телефона: изглед на цял екран (изрезът на екрана), „Запомни ме“, „Моят профил“ → приложение, известия и устройства */
[data-pwa-install][hidden],.ac-steps[hidden],[data-app-howto][hidden],[data-app-installed][hidden]{display:none!important}
html.is-app body{padding-top:env(safe-area-inset-top,0px)} /* долу отстоянието е за лентата с разделите (nav-home) */
html.is-app .topbar{top:calc(env(safe-area-inset-top,0px) + 10px)}
/* прозорците (формите, досиетата) също започват под часовника / Dynamic Island и свършват над чертата долу */
html.is-app .modal-overlay{padding-top:max(12px, env(safe-area-inset-top,0px))!important;padding-bottom:max(12px, env(safe-area-inset-bottom,0px))!important}
html.is-app .modal-overlay.drawer-overlay{padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:0!important}
.auth-card .auth-remember{display:flex;align-items:center;gap:10px;margin:2px 0 14px;color:var(--text-2,#CBD5E1);font-size:14px;cursor:pointer}
.auth-card .auth-remember input{width:18px;height:18px;margin:0;accent-color:#60A5FA}
.ac-ok{margin:0;padding:12px 14px;border:1px solid rgba(52,211,153,.35);border-radius:12px;background:rgba(16,185,129,.08);color:#A7F3D0;font-weight:700}
.ac-steps{margin:0;padding-left:20px;color:var(--text-2);font-size:14px;line-height:1.6}
.ac-steps b{color:var(--text)}
[data-app-howto]{display:grid;gap:12px}
.ac-devices{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.ac-devices li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 12px;border:1px solid rgba(148,163,184,.18);border-radius:12px;font-size:14px}
.ac-devices li>span:last-child{margin-left:auto;color:var(--muted);font-size:12.5px}
.ac-devices li.ac-hint{border:0;padding:0}
.ac-cur{padding:2px 8px;border-radius:999px;background:rgba(96,165,250,.18);color:var(--accent-soft);font-size:11.5px;font-weight:800}
.ac-forget{justify-self:start;align-self:flex-start}
/* известия */
.ac-push-state{margin:0;padding:12px 14px;border:1px solid rgba(148,163,184,.18);border-radius:12px;color:var(--text-2);font-size:14px;line-height:1.5}
.ac-push-state.is-ok{border-color:rgba(52,211,153,.35);background:rgba(16,185,129,.08);color:#A7F3D0;font-weight:700}
.ac-push-state.is-warn{border-color:rgba(251,191,36,.35);background:rgba(245,158,11,.08);color:#FDE68A}
.ac-push-btns{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ac-push-btns [hidden]{display:none!important}
.ac-push-btns:not(:has(button:not([hidden]))){display:none}
.ac-push-btns .btn-chip.is-primary{border-color:transparent;background:var(--accent);color:#0B1120;font-weight:800}
.ac-push-types{display:grid;gap:8px}
.ac-card{scroll-margin-top:96px}
#pushCard:target{border-color:var(--border-accent);box-shadow:0 0 0 3px rgba(96,165,250,.18)}
.ac-push-label{color:var(--muted);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
/* ---- /app-ui ---- */

/* ---- brand-ui ---- */
/* Логото на CRM: векторната иконка (без изрязване) и анимацията при посочване — половин оборот; иконката е симетрична, затова завършва същата */
.brand .brand-svg,.auth-brand .brand-svg{display:block;flex:none;width:40px;height:32px;overflow:visible;transition:transform .75s cubic-bezier(.65,0,.35,1),filter .3s}
.brand:hover .brand-svg,.brand:focus-visible .brand-svg{transform:rotate(180deg);filter:drop-shadow(0 0 10px rgba(225,79,89,.45))}
.auth-brand .brand-svg{width:46px;height:37px}
@media (max-width:560px){.brand .brand-svg{width:35px;height:28px}}
@media (prefers-reduced-motion:reduce){.brand .brand-svg{transition:none}.brand:hover .brand-svg{transform:none}}
/* ---- /brand-ui ---- */

/* ---- lists-ui ---- */
/* Списъците „Клиенти“, „Оферти“, „Търсения“, „Сделки“ (lists.js): заглавният ред и редовете са с една и съща мрежа
   (--lx-cols от скрипта, без „auto“ колони), целият ред отваря досието, действията са в меню „⋯“, на телефон — карти. */
.lx-card{--lx-end:68px;padding:8px 10px 14px}
.lx-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lx-head,.lx-row{display:grid;grid-template-columns:var(--lx-cols);gap:20px;align-items:center}
.lx-head{padding:14px 16px 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.lx-head>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lx-card:has(.lx-rows:empty) .lx-head{display:none}
.lx-rows{display:flex;flex-direction:column;padding-top:6px}
.lx-row{position:relative;min-height:78px;padding:11px 16px;border-radius:16px;transition:background .15s}
.lx-row+.lx-row::before{content:"";position:absolute;top:0;left:88px;right:16px;height:1px;background:var(--border);transition:opacity .15s}
.lx-row:has(.lx-open:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}
.lx-row:active:not(:has(.lx-more:active,a:active)){background:rgba(96,165,250,.12)}
@media (hover:hover){
  .lx-row:hover{background:rgba(96,165,250,.07)}
  .lx-row:hover::before,.lx-row:hover+.lx-row::before{opacity:0}
  .lx-row:hover .lx-chev{color:var(--accent-soft);transform:translateX(2px)}
}
.lx-row.is-archived .lx-lead{opacity:.55;filter:grayscale(.7)}
.lx-cell{min-width:0;color:var(--text-2);font-size:14px;line-height:1.4}

/* Първата колона: снимка / инициали, „ОФ-12 · Продажба“, заглавие (бутонът покрива целия ред), пояснение */
.lx-main{display:flex;align-items:center;gap:16px}
.lx-lead{flex:0 0 auto;display:grid;place-items:center;width:56px;height:56px;border-radius:14px;overflow:hidden;background:rgba(30,41,59,.75);color:var(--muted)}
.lx-photo img{display:block;width:100%;height:100%;object-fit:cover}
.lx-photo.is-icon{border:1px solid var(--border)}
.lx-photo .ico{width:24px;height:24px}
.lx-face{width:46px;height:46px;margin:5px;border-radius:50%;background:rgba(96,165,250,.16);color:var(--accent-soft);font-size:15px;font-weight:700;letter-spacing:.02em}
.lx-face .ico{width:21px;height:21px}
.lx-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.lx-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;max-width:100%;color:var(--muted);font-size:12px;font-weight:600;line-height:1.35}
.lx-eyebrow>*+span:not(.lx-tag)::before{content:"·";margin-right:7px;color:rgba(148,163,184,.55)}
.lx-no{color:var(--accent-soft);font-weight:700;white-space:nowrap}
.lx-tag{padding:1px 7px;border-radius:6px;background:rgba(148,163,184,.16);color:var(--text-2);font-size:11px;font-weight:700;white-space:nowrap}
.lx-tag.is-vip{background:rgba(251,191,36,.16);color:#FCD34D}
.lx-open{display:block;max-width:100%;padding:0;border:0;background:none;color:var(--text);font:inherit;font-size:15.5px;font-weight:700;line-height:1.3;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lx-open::after{content:"";position:absolute;inset:0;z-index:0;border-radius:16px}
.lx-open:focus{outline:none}
.lx-sub{max-width:100%;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.lx-row a,.lx-more{position:relative;z-index:1}

/* Стойности в колоните */
.lx-v{overflow:hidden;color:var(--text);font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.lx-v.is-money{font-size:15.5px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.lx-note{margin-top:2px;overflow:hidden;color:var(--muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.lx-phone{display:inline-block;max-width:100%;overflow:hidden;color:var(--accent);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.lx-phone:hover{text-decoration:underline}
.lx-masked{display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:500}
.lx-masked .ico{flex:0 0 auto;width:14px;height:14px}
.lx-broker{display:flex;align-items:center;gap:9px;min-width:0;color:var(--text-2);font-size:13.5px;font-weight:600}
.lx-broker>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lx-av{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;overflow:hidden;color:#fff;font-size:11px;font-weight:700}
.lx-av img{display:block;width:100%;height:100%;object-fit:cover}
.lx-pill{display:inline-block;max-width:100%;padding:3px 10px 3px 9px;border-radius:999px;overflow:hidden;font-size:12px;font-weight:700;line-height:1.45;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
.lx-pill::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:1px}
.lx-pill.is-ok{background:rgba(52,211,153,.13);color:#6EE7B7}
.lx-pill.is-warn{background:rgba(251,191,36,.14);color:#FCD34D}
.lx-pill.is-bad{background:rgba(248,113,113,.14);color:#FCA5A5}
.lx-pill.is-none{background:rgba(148,163,184,.12);color:var(--muted)}
.lx-pill.is-new{background:rgba(96,165,250,.18);color:var(--accent-soft)}
.lx-row.is-unread .lx-lead{box-shadow:0 0 0 2px var(--accent)}
.lx-row.is-unread .lx-open{color:#fff}
.lx-pill+.lx-note{margin-top:5px}
.lx-note.is-late{color:#FCA5A5;font-weight:600}
.lx-note.is-today{color:var(--accent-soft);font-weight:600}
.lx-note.is-wrap{white-space:normal}
.lx-match{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--accent-soft);font-size:12.5px;font-weight:700;white-space:nowrap}
.lx-match .ico{width:13px;height:13px;fill:currentColor;stroke:none}
.lx-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:3px}
.lx-role{padding:2px 8px;border-radius:7px;background:rgba(96,165,250,.16);color:var(--accent-soft);font-size:11.5px;font-weight:700;white-space:nowrap}
.lx-role.is-buyer,.lx-role.is-tenant{background:rgba(167,139,250,.16);color:#C4B5FD}
.lx-side{display:flex;gap:6px;min-width:0;color:var(--text);font-size:13px;line-height:1.55}
.lx-side>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lx-side-k{flex:0 0 auto;color:var(--muted)}
.lx-cell .chip-st{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top}
.lx-cell .dl-badge-line{margin-top:6px;line-height:1.35}

/* Последната колона: „⋯“ и стрелка */
.lx-end{display:flex;align-items:center;justify-content:flex-end;gap:2px}
.lx-more{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:50%;background:rgba(148,163,184,.12);color:var(--text-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.lx-more .ico{width:20px;height:20px}
.lx-more .ico circle{fill:currentColor}
.lx-more:hover,.lx-more[aria-expanded="true"]{border-color:var(--border-accent);background:rgba(96,165,250,.18);color:#fff}
.lx-more:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.lx-chev{display:grid;place-items:center;width:22px;color:rgba(148,163,184,.5);transition:transform .15s,color .15s}
.lx-chev .ico{width:16px;height:16px}

/* Докато се зарежда */
.lx-skel{pointer-events:none}
.lx-sk{display:block;width:190px;max-width:100%;height:12px;border-radius:6px;background:linear-gradient(90deg,rgba(148,163,184,.1),rgba(148,163,184,.22),rgba(148,163,184,.1));background-size:200% 100%;animation:lx-shine 1.3s linear infinite}
.lx-sk.is-short{width:120px;height:10px;margin-top:8px}
.lx-sk-lead{width:56px;height:56px;border-radius:14px}
@keyframes lx-shine{to{background-position:-200% 0}}

/* Меню „⋯“ (до бутона; над страничния панел на досиетата) */
.lx-pop{position:fixed;z-index:5100;min-width:230px;max-width:300px;padding:6px;border:1px solid var(--border-accent);border-radius:16px;background:rgba(15,23,42,.97);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:0 22px 48px rgba(0,0,0,.55);animation:lx-pop .14s var(--ease)}
.lx-mi{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.lx-mi .ico{flex:0 0 auto;width:18px;height:18px;color:var(--accent-soft)}
.lx-mi:hover,.lx-mi:focus-visible{background:rgba(96,165,250,.14);outline:none}
.lx-mi.is-danger,.lx-mi.is-danger .ico{color:#FCA5A5}
.lx-mi.is-danger:hover,.lx-mi.is-danger:focus-visible{background:rgba(248,113,113,.14)}
.lx-sep{height:1px;margin:5px 8px;background:var(--border)}
@keyframes lx-pop{from{opacity:0;transform:translateY(-4px) scale(.98)}}

/* Средни екрани (таблет): без колоната с по-малко значение (брокер / страни) */
@media (max-width:1100px) and (min-width:761px){
  .lx-head,.lx-row{grid-template-columns:var(--lx-cols-mid);gap:14px}
  .lx-opt{display:none}
  .lx-card{padding:6px 4px 12px}
}

/* Телефон: всеки ред е карта; заглавията на колоните са малки надписи над стойностите; меню — лист отдолу */
@media (max-width:760px){
  .lx-card{padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .lx-head{display:none}
  .lx-rows{gap:12px;padding:0}
  .lx-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px 16px;min-height:0;padding:14px 14px 16px;border:1px solid var(--border);border-radius:20px;background:var(--card)}
  .lx-row+.lx-row::before{display:none}
  .lx-open::after{border-radius:20px}
  .lx-main{grid-column:1/-1;gap:14px;padding:0 34px 12px 0;border-bottom:1px solid var(--border)}
  .lx-lead{width:60px;height:60px}
  .lx-face{width:50px;height:50px}
  .lx-cell[data-label]::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
  .lx-wide{grid-column:1/-1}
  .lx-note{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .lx-end{position:absolute;top:8px;right:6px}
  .lx-chev{display:none}
  .lx-skel .lx-main{border-bottom:0;padding-bottom:0}
  .lx-sheet-overlay{position:fixed;inset:0;z-index:5200;display:flex;align-items:flex-end;justify-content:center;padding:10px 10px max(10px, env(safe-area-inset-bottom,0px));background:rgba(2,6,16,.6);animation:lx-fade .18s ease}
  .lx-sheet{display:flex;flex-direction:column;gap:8px;width:100%;max-width:480px;animation:lx-up .26s var(--ease)}
  .lx-menu,.lx-sheet-cancel{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:rgba(30,41,59,.97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
  .lx-sheet-title{padding:13px 16px;overflow:hidden;border-bottom:1px solid var(--border);color:var(--muted);font-size:13px;font-weight:600;text-align:center;text-overflow:ellipsis;white-space:nowrap}
  .lx-sheet .lx-mi{min-height:54px;padding:0 18px;border-radius:0;font-size:16px}
  .lx-sheet .lx-mi+.lx-mi{border-top:1px solid rgba(255,255,255,.08)}
  .lx-sheet .lx-sep{height:6px;margin:0;background:rgba(2,6,16,.45)}
  .lx-sheet-cancel{min-height:56px;padding:0;color:var(--accent);font:inherit;font-size:16px;font-weight:700;cursor:pointer}
  html.lx-lock,html.lx-lock body{overflow:hidden}
}
@keyframes lx-up{from{transform:translateY(100%)}}
@keyframes lx-fade{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.lx-sk,.lx-pop,.lx-sheet,.lx-sheet-overlay{animation:none}}
/* ---- /lists-ui ---- */

/* ---- dossier-ui ---- */
/* Досиетата на клиент, оферта и търсене (dossier.js): страничен панел с вида на работното място на сделката (dw-* в deals-ui);
   тук са само частите, които сделката няма — „назад“, кръгчето с инициалите, редовете-препратки, общите раздели вътре в панела. */
.ds-bar{flex-wrap:nowrap;gap:8px 10px}
.ds-bar-info{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0}
.ds-back{display:inline-flex;align-items:center;gap:2px;max-width:240px;height:40px;padding:0 12px 0 6px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--accent-soft);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.ds-back:hover{border-color:var(--border-accent);background:rgba(96,165,250,.1)}
.ds-back .ico{flex:0 0 auto;width:18px;height:18px}
.ds-back span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ds-bar-end{display:flex;flex:0 0 auto;gap:8px;margin-left:auto}
.ds .dw-thumb.is-icon{flex-basis:88px;height:88px}
.ds-bar .lx-pill,.ds-bar .lx-tag{flex:0 0 auto}
.ds-site{background:rgba(52,211,153,.13);color:#6EE7B7;text-decoration:none}
.ds-site:hover{background:rgba(52,211,153,.22)}

/* Заглавна част */
.ds-hero{align-items:flex-start}
.ds-face{display:grid;flex:0 0 88px;place-items:center;width:88px;height:88px;border-radius:50%;background:rgba(96,165,250,.16);color:var(--accent-soft);font-size:30px;font-weight:800;letter-spacing:.02em}
.ds-face .ico{width:36px;height:36px}
.ds-face.is-small{flex-basis:46px;width:46px;height:46px;font-size:15px}
.ds-face.is-small .ico{width:20px;height:20px}
.ds-thumb-btn{position:relative;flex:0 0 120px;padding:0;border:0;border-radius:14px;background:none;cursor:zoom-in}
.ds-thumb-btn .dw-thumb{width:100%}
.ds-thumb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ds-thumb-n{position:absolute;right:6px;bottom:6px;padding:1px 7px;border-radius:999px;background:rgba(2,6,16,.72);color:#fff;font-size:11.5px;font-weight:700}
.ds-contact{margin-top:14px}

/* Редове „надпис — стойност“ (само за четене) */
.ds-rows .dw-row{grid-template-columns:200px minmax(0,1fr);min-height:44px}
.ds-val{min-width:0;color:var(--text);font-size:14.5px;font-weight:600;overflow-wrap:anywhere}
.ds-val .lx-phone{font-size:14.5px}

/* Редове-препратки (услуги, договори, собственик) */
.ds-item{position:relative;display:flex;align-items:center;gap:14px;width:calc(100% + 20px);margin:0 -10px;padding:12px 10px;border:0;border-radius:14px;background:none;color:inherit;font:inherit;text-align:left}
.ds-item+.ds-item::before{content:"";position:absolute;top:0;left:10px;right:10px;height:1px;background:rgba(148,163,184,.12)}
.ds-item.is-link{cursor:pointer;transition:background .15s}
.ds-item.is-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media (hover:hover){.ds-item.is-link:hover{background:rgba(96,165,250,.07)}.ds-item.is-link:hover::before,.ds-item.is-link:hover+.ds-item::before{opacity:0}}
.ds-item .lx-lead{width:52px;height:52px;border-radius:12px}
.ds-item-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.ds-item-title{overflow:hidden;color:var(--text);font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.ds-item-sub{overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.ds-item>.lx-pill{flex:0 0 auto}
.ds-item-acts{display:flex;flex:0 0 auto;align-items:center;gap:4px}
.ds-chev{display:grid;flex:0 0 auto;place-items:center;color:rgba(148,163,184,.55)}
.ds-chev .ico{width:16px;height:16px}
.ds-empty{margin:0;padding:4px 0}
.ds-missing{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:rgba(251,191,36,.1);color:#FDE68A;font-size:13px;line-height:1.45}

/* „Стана клиент: + Оферта | + Търсене“ (запитвания, частни обяви) — двоен бутон с надпис */
.dw-split{display:inline-flex;align-items:stretch;overflow:hidden;border:1px solid rgba(148,163,184,.25);border-radius:14px}
.dw-split-label{display:flex;align-items:center;padding:0 12px 0 14px;background:rgba(30,41,59,.6);color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}
.dw-split .dw-btn{border:0;border-radius:0}
.dw-split .dw-btn+.dw-btn,.dw-split-label+.dw-btn{border-left:1px solid rgba(148,163,184,.25)}
.dw-actions .dw-split{flex:0 0 auto}

/* „Управление“ най-долу: архив, прехвърляне, изтриване — видими, опасните в червено */
.ds-manage{display:flex;flex-wrap:wrap;gap:10px}
.ds-manage .dw-btn .ico{width:16px;height:16px;color:var(--accent-soft)}
.dw-btn.is-danger,.dw-btn.is-danger .ico{color:#FCA5A5}
.dw-btn.is-danger{border-color:rgba(248,113,113,.35)}
.dw-btn.is-danger:hover{border-color:rgba(248,113,113,.6);background:rgba(248,113,113,.12)}
.ds-chips{margin:0}
.ds .dw-card .ds-contact{margin-top:8px}

/* Общите раздели (снимки, съвпадения, скица) вътре в панела — като картите на панела */
.ds .m-section{margin:0;padding:18px 20px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(30,41,59,.4)}
.ds .m-title{margin:0 0 12px;padding:0;border:0;color:var(--text);font-size:15px;font-weight:800;letter-spacing:0;text-transform:lowercase}
.ds .m-title::first-letter{text-transform:uppercase}

@media (max-width:700px){
  .ds-back{max-width:60vw}
  .ds-bar.has-back{flex-wrap:wrap}
  .ds-bar.has-back .ds-bar-info{order:3;flex-basis:100%}
  .ds .dw-thumb.is-icon{flex-basis:64px;height:64px}
  .ds-face{flex-basis:64px;width:64px;height:64px;font-size:22px}
  .ds-face .ico{width:28px;height:28px}
  .ds-thumb-btn{flex-basis:96px}
  .ds-thumb-btn .dw-thumb{height:72px}
  .ds-rows .dw-row{grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 0}
  .ds-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;row-gap:6px}
  .ds-item>.lx-lead,.ds-item>.ds-face{grid-row:1/3}
  .ds-item-text{grid-column:2}
  .ds-item>.lx-pill{grid-column:2;grid-row:2;justify-self:start}
  .ds-chev,.ds-item-acts{grid-column:3;grid-row:1/3}
  .ds-item-title,.ds-item-sub{white-space:normal}
  .ds .m-section{padding:16px}
  .ds-manage .dw-btn{flex:1 1 calc(50% - 5px)}
  .dw-actions .dw-split{flex:1 1 100%}
  .dw-split .dw-btn{flex:1 1 0;padding:0 10px}
}
/* ---- /dossier-ui ---- */

/* ---- steps-ui ---- */
/* Формите на стъпки (steps.js): лента със стъпките, една стъпка на екран, спокойни раздели, компактни зони за файлове. */
.fs-bar{position:sticky;top:-22px;z-index:3;display:flex;gap:6px;margin:-22px -28px 18px;padding:12px 28px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border);background:rgba(15,23,42,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fs-bar::-webkit-scrollbar{display:none}
.fs-pill{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;height:38px;padding:0 14px 0 6px;border:1px solid transparent;border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
.fs-pill:hover{color:#fff}
.fs-pill:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.fs-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(148,163,184,.16);color:var(--text-2);font-size:12.5px;font-weight:800}
.fs-pill.is-active{border-color:var(--border-accent);background:rgba(96,165,250,.14);color:#fff}
.fs-pill.is-active .fs-n{background:var(--accent);color:#0B1120}
.fs-pill.is-done .fs-n{background:rgba(52,211,153,.18);color:#6EE7B7}
.fs-page{display:flex;flex-direction:column;gap:14px}
.fs-foot{display:flex;justify-content:flex-end;padding-top:4px}
.fs-next .ico{width:16px;height:16px}

/* На една страница (scroll: формата за услуга): всички раздели един под друг, заглавията — номерирани;
   лентата отгоре е само за бърз преход (отбелязан е разделът, който се вижда) */
.fs.is-scroll{counter-reset:fs}
.fs.is-scroll .fs-page+.fs-page{margin-top:14px}
.fs.is-scroll .fs-pill{padding:0 14px}
.fs.is-scroll .fs-n{display:none}
.fs.is-scroll .fs-page>.m-section>.m-title:not(.has-lock)::before,
.fs.is-scroll .fs-page>.m-section>.m-title.has-lock>span:first-child::before{counter-increment:fs;content:counter(fs) ". "}
.fs.is-scroll .s-hint:empty,.fs.is-scroll .s-hint[hidden]{display:none}

/* Разделите вътре — като картите в досиетата */
.fs .m-section{margin:0;padding:18px 20px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(30,41,59,.35)}
.fs .m-title{margin:0 0 14px;padding:0;border:0;color:var(--text);font-size:16px;font-weight:800;letter-spacing:0;text-transform:none}
.fs .m-sub{margin:18px 0 12px;padding-top:16px;border-top:1px solid rgba(148,163,184,.14);color:var(--text);font-size:14px;font-weight:800;letter-spacing:0;text-transform:none}
.fs .c-contract{margin-top:14px}
.fs .c-contract>*+*{margin-top:14px}
.fs .m-section>.m-field+.m-grid{margin-top:14px}
.fs .m-field.is-missing .input,.fs .m-field.is-missing select{border-color:#F87171;box-shadow:0 0 0 3px rgba(248,113,113,.18)}
.fs .m-field.is-missing>label{color:#FCA5A5}

/* Зоните за файлове — на един ред: знак, надпис, бутон */
.fs .dz-empty{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 14px;padding:14px 16px;text-align:left}
.fs .dz-empty>.dz-ico{grid-row:1/3}
.fs .dz-empty>.dz-ico .ico{width:24px;height:24px}
.fs .dz-empty>.dz-title{grid-column:2;grid-row:1}
.fs .dz-empty>.btn-chip{grid-column:3;grid-row:1/3}
.fs .dz-empty>.dz-hint{grid-column:2;grid-row:2}
.fs .dz-empty>.dz-title+.dz-hint{display:none}
.fs .dz-empty>.dz-title+.dz-hint:last-child{display:block}
.fs .ph-zone .dz-empty{padding:16px}

@media (max-width:700px){
  .fs-bar{top:-22px;margin:-22px -18px 16px;padding:10px 18px}
  .fs-pill{height:36px;padding:0 12px 0 5px;font-size:13.5px}
  .fs-pill:not(.is-active) .fs-label{display:none}
  .fs-pill:not(.is-active){padding-right:5px}
  .fs.is-scroll .fs-pill:not(.is-active) .fs-label{display:inline} /* на една страница — всички надписи, лентата се плъзга */
  .fs.is-scroll .fs-pill{padding:0 12px}
  .fs .m-section{padding:16px}
  .fs-foot .fs-next{flex:1}
  .fs .seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));width:100%}
  .fs .seg-btn{padding:10px 8px;line-height:1.25}
  .fs .dz-empty{grid-template-columns:auto minmax(0,1fr)}
  .fs .dz-empty>.btn-chip{grid-column:1/-1;grid-row:3;justify-self:start;margin-top:8px}
}
/* ---- /steps-ui ---- */

/* ---- doc-requests-ui ---- */
/* „Заяви документ“ (doc-requests.js): формата (видове, лица, файлове), панелът на заявката (етапи, документът, лицата, история)
   и редовете в „Документи“. Списъкът и панелът са на общите списъци и досиета (lists-ui, dossier-ui). */
.lx-pill.is-violet{background:rgba(167,139,250,.16);color:#C4B5FD}

/* Знакът на вида документ (в списъка, досието и формата) */
.dr-kind-ic{color:var(--accent-soft)}
.dr-kind-ic.is-deposit,.dr-hero-ic.is-deposit{color:#6EE7B7}
.dr-kind-ic.is-preliminary,.dr-hero-ic.is-preliminary{color:#FCD34D}
.dr-kind-ic.is-rent,.dr-hero-ic.is-rent{color:#C4B5FD}
.dr-kind-ic.is-annex,.dr-hero-ic.is-annex{color:#F9A8D4}
.dr-kind-ic.is-other,.dr-hero-ic.is-other{color:var(--text-2)}
.dr-hero-ic{color:var(--accent-soft)}
.ds .dr-hero-ic .ico{width:34px;height:34px}

/* ---------- Формата ---------- */
.dr-form{display:flex;flex-direction:column;gap:16px}
.dr-form .m-section{margin:0}
.dr-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dr-kind{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;min-height:72px;padding:12px 14px;
  border:1px solid var(--border);border-radius:16px;background:rgba(30,41,59,.45);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.dr-kind:hover{border-color:var(--border-accent)}
.dr-kind:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dr-kind.active{border-color:var(--accent);background:rgba(96,165,250,.14);box-shadow:inset 0 0 0 1px var(--accent)}
.dr-kind .dr-kind-ic{display:grid;grid-row:1/3;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(15,23,42,.7)}
.dr-kind .dr-kind-ic .ico{width:22px;height:22px}
.dr-kind-t{font-size:14.5px;font-weight:800;line-height:1.25}
.dr-kind-h{color:var(--muted);font-size:12.5px;line-height:1.3}
.dr-opts{display:grid;gap:14px;margin-top:18px}
.dr-opts .m-field>label{display:block;margin-bottom:6px}
.dr-seg{flex-wrap:wrap}

/* лица */
.dr-people{display:flex;flex-direction:column;gap:8px}
.dr-empty{margin:0;padding:14px 16px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);font-size:14px}
.dr-person{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:rgba(30,41,59,.45)}
.dr-face{display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(96,165,250,.16);color:var(--accent-soft);font-size:14px;font-weight:800}
.dr-face .ico{width:20px;height:20px}
.dr-person-info{flex:1;min-width:0}
.dr-person-name{overflow:hidden;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.dr-person-state{display:flex;align-items:flex-start;gap:6px;margin-top:2px;color:var(--muted);font-size:12.5px;line-height:1.4}
.dr-person-state .ico{flex:0 0 auto;width:14px;height:14px;margin-top:2px}
.dr-person-state>span{min-width:0}
.dr-person-state.is-ok{color:#6EE7B7}
.dr-person-state.is-warn{color:#FCD34D}
.dr-person-state .link-btn{margin:0;font-size:12.5px;font-weight:700;white-space:nowrap}
.input.dr-role{flex:0 0 170px;width:170px;height:40px;font-size:14px}
.dr-x{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:none;color:var(--muted);font:inherit;font-size:20px;line-height:1;cursor:pointer;text-decoration:none}
.dr-x:hover{background:rgba(148,163,184,.14);color:var(--text)}
.dr-x .ico{width:17px;height:17px}
.dr-add{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.dr-search{position:relative;display:flex;flex:1 1 300px;align-items:center;min-width:0}
.dr-search>.ico{position:absolute;left:14px;width:18px;height:18px;color:var(--muted);pointer-events:none}
.dr-search .input{padding-left:42px}
.dr-add-btns{display:flex;flex-wrap:wrap;gap:8px}
.dr-add-btns .btn-chip{height:46px}
.dr-add-btns .ico{width:16px;height:16px;color:var(--accent-soft)}
.dr-results{position:absolute;top:52px;left:0;right:0;z-index:5;max-height:300px;overflow-y:auto;padding:6px;border:1px solid var(--border-accent);border-radius:16px;
  background:#0F172A;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.dr-res{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;padding:8px 10px;border:0;border-radius:12px;
  background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.dr-res:hover,.dr-res:focus-visible{background:rgba(96,165,250,.12);outline:0}
.dr-res .lx-lead{grid-row:1/3;width:38px;height:38px;margin:0;font-size:13px}
.dr-res-name{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.dr-res-meta{overflow:hidden;color:var(--muted);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.dr-res-empty{padding:10px 12px;color:var(--muted);font-size:14px}
.dr-out{display:flex;gap:8px;margin-top:10px}
.dr-out .btn-chip{height:46px}
.dr-hint{margin:12px 0 0;color:var(--muted);font-size:12.5px;line-height:1.45}

/* файлове: качване */
.dr-dz-empty{padding:20px 16px}
.dr-dz .dz-ico .ico{width:26px;height:26px;color:var(--accent-soft)}
.dr-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;padding:12px}
.dr-up{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 6px 8px 8px;border:1px solid var(--border);border-radius:14px;background:rgba(30,41,59,.55)}
.dr-up.is-err{border-color:rgba(248,113,113,.45)}
.dr-up-lead{display:grid;flex:0 0 40px;place-items:center;width:40px;height:40px;overflow:hidden;border-radius:10px;background:rgba(15,23,42,.8);color:var(--muted)}
.dr-up-lead img{width:100%;height:100%;object-fit:cover}
.dr-up-lead .ico{width:20px;height:20px}
.dr-up-info{flex:1;min-width:0}
.dr-up-name{overflow:hidden;font-size:13.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.dr-up-meta{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.dr-up.is-err .dr-up-meta{color:#FCA5A5}
.dr-up-ok{display:grid;place-items:center;color:#6EE7B7}
.dr-up-ok .ico{width:16px;height:16px}
.dr-spin{flex:0 0 auto;width:16px;height:16px;border:2px solid rgba(147,197,253,.25);border-top-color:var(--accent-soft);border-radius:50%;animation:dr-spin .8s linear infinite}
@keyframes dr-spin{to{transform:rotate(360deg)}}
.dr-more{margin:0 12px 12px}

/* ---------- Панелът на заявката ---------- */
.dr-steps{padding:16px 18px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(30,41,59,.4)}
.dr-steps-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none}
.dr-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:12.5px;font-weight:700;text-align:center}
.dr-step+.dr-step::before{content:"";position:absolute;top:13px;right:calc(50% + 18px);left:calc(-50% + 18px);height:2px;border-radius:2px;background:rgba(148,163,184,.22)}
.dr-step.is-done+.dr-step::before{background:#34D399}
.dr-step-dot{display:grid;place-items:center;width:28px;height:28px;border:2px solid rgba(148,163,184,.3);border-radius:50%;background:rgba(15,23,42,.8);font-size:12px}
.dr-step-dot .ico{width:15px;height:15px}
.dr-step.is-done{color:var(--text-2)}
.dr-step.is-done .dr-step-dot{border-color:#34D399;background:#34D399;color:#062016}
.dr-step.is-cur{color:var(--text)}
.dr-step.is-cur .dr-step-dot{border-color:var(--accent);background:rgba(96,165,250,.2);color:#fff;box-shadow:0 0 0 4px rgba(96,165,250,.14)}
.dr-steps-hint{margin:14px 0 0;color:var(--text-2);font-size:14px;line-height:1.5;text-align:center}
.dr-steps.is-canceled .dr-steps-list{opacity:.45}
.dr-steps.is-canceled .dr-steps-hint{color:var(--muted)}

/* документът и версиите */
.dr-ver{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:10px}
.dr-ver-meta{color:var(--muted);font-size:13px}
.dr-ver-note{margin-top:10px}
.dr-old{margin-top:12px;padding-top:10px;border-top:1px solid rgba(148,163,184,.12)}
.dr-old summary{color:var(--accent-soft);font-size:13.5px;font-weight:700;cursor:pointer}
.dr-old .dr-ver{margin-top:12px}

/* файлове: показване */
.dr-fl{display:flex;flex-direction:column;gap:8px}
.dr-thumbs{display:flex;flex-wrap:wrap;gap:8px}
.dr-thumb{width:84px;height:84px;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:rgba(15,23,42,.8);cursor:zoom-in}
.dr-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.dr-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dr-file{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 6px 8px 8px;border:1px solid var(--border);border-radius:14px;background:rgba(15,23,42,.45)}
.dr-file-ic{position:relative;display:grid;flex:0 0 40px;place-items:center;width:40px;height:44px;color:var(--muted)}
.dr-file-ic .ico{width:30px;height:30px}
.dr-file-ic b{position:absolute;bottom:3px;left:50%;padding:0 4px;border-radius:4px;background:#64748B;color:#fff;font-size:9px;font-weight:800;letter-spacing:.03em;transform:translateX(-50%)}
.dr-file-ic.is-pdf b{background:#DC2626}
.dr-file-ic.is-word b{background:#2563EB}
.dr-file-ic.is-sheet b{background:#059669}
.dr-file-info{display:flex;flex:1;flex-direction:column;min-width:0}
.dr-file-name{overflow:hidden;color:var(--text);font-size:14px;font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.dr-file-name:hover{color:var(--accent-soft);text-decoration:underline}
.dr-file-size{color:var(--muted);font-size:12px}
.dr-fl.is-big .dr-file{padding:12px 10px 12px 12px;border-color:var(--border-accent);background:rgba(96,165,250,.08)}
.dr-fl.is-big .dr-file-name{font-size:15px}
.dr-fl.is-big .dr-thumb{width:120px;height:120px}

/* лицата */
.dr-pp+.dr-pp{margin-top:14px;padding-top:14px;border-top:1px solid rgba(148,163,184,.12)}
.dr-pp .ds-item{margin-bottom:4px}
.dr-pp .ds-rows .dw-row{grid-template-columns:150px minmax(0,1fr);min-height:38px;padding:7px 0}
.dr-pp-note{margin:0;color:var(--muted);font-size:13.5px}
.dr-copy{margin-top:12px}
.dr-copy .ico{width:16px;height:16px;color:var(--accent-soft)}

/* историята */
.dr-tl{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.dr-tl-item{position:relative;display:flex;gap:12px;padding:0 0 18px}
.dr-tl-item:last-child{padding-bottom:0}
.dr-tl-item::before{content:"";position:absolute;top:34px;bottom:4px;left:15px;width:2px;border-radius:2px;background:rgba(148,163,184,.16)}
.dr-tl-item:last-child::before{display:none}
.dr-tl-av{display:grid;flex:0 0 32px;place-items:center;width:32px;height:32px;overflow:hidden;border-radius:50%;color:#fff;font-size:12px;font-weight:800}
.dr-tl-av img{width:100%;height:100%;object-fit:cover}
.dr-tl-main{flex:1;min-width:0;padding-top:5px}
.dr-tl-head{color:var(--text-2);font-size:13.5px;line-height:1.4}
.dr-tl-head b{color:var(--text)}
.dr-tl-time{margin-left:8px;color:var(--muted);font-size:12.5px;white-space:nowrap}
.dr-tl-item.is-document .dr-tl-head,.dr-tl-item.is-approved .dr-tl-head{color:var(--accent-soft)}
.dr-tl-item.is-signed .dr-tl-head{color:#6EE7B7}
.dr-tl-item.is-corrections .dr-tl-head{color:#FCA5A5}
.dr-tl-body{margin:6px 0 0;padding:10px 12px;border-radius:4px 14px 14px 14px;background:rgba(15,23,42,.55);color:var(--text);font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.dr-tl-main>.dr-fl{margin-top:8px}
.dr-tl .dr-thumb{width:56px;height:56px}
.dr-tl .dr-file{padding:5px 6px 5px 6px}
.dr-tl .dr-file-ic{flex-basis:32px;width:32px;height:36px}
.dr-tl .dr-file-ic .ico{width:24px;height:24px}
.dr-tl .dr-file-ic b{font-size:8px}
.dr-tl .dr-file-name{font-size:13.5px}

/* модалът за действие */
.dr-act{display:flex;flex-direction:column;gap:14px}
.dr-act .m-field>label{display:block;margin-bottom:6px}
.dr-sign strong{font-size:15px}
/* „Заяви документ“ от сделката: откъде са данните и кои страни не може да се добавят */
.dr-deal-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--border-accent);border-radius:16px;background:rgba(96,165,250,.08)}
.dr-deal-banner>.ico{flex:0 0 auto;width:22px;height:22px;margin-top:1px;color:var(--accent-soft)}
.dr-deal-text{display:flex;flex-direction:column;gap:3px;color:var(--text-2);font-size:13.5px;line-height:1.45}
.dr-deal-text b{color:var(--text);font-size:14.5px}
.dr-deal-warn{color:#FCD34D}
/* подписан договор за посредничество → „Договори“ на клиента; подписан предварителен / наем → сделката на следващия етап */
.dr-contract{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--border-accent);border-radius:18px;background:rgba(96,165,250,.06)}
.dr-contract>.tg-card{min-height:0;padding:0;border:0;background:none}
.dr-contract-fields{display:flex;flex-direction:column;gap:14px}
.dr-contract-fields .m-grid{margin-top:0}
.dr-contract-note{margin:0;color:var(--text-2);font-size:13px;line-height:1.45}

@media (max-width:900px){
  .dr-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .dr-kind{min-height:0;padding:10px 12px}
  .dr-kind-h{display:none}
  .dr-kind .dr-kind-ic{grid-row:1;width:34px;height:34px}
  .dr-person{flex-wrap:wrap}
  .dr-person-info{flex-basis:calc(100% - 100px)}
  .input.dr-role{flex:1 1 auto;order:3;width:auto;margin-left:54px}
  .dr-person .dr-x{order:2}
  .dr-add-btns{width:100%}
  .dr-add-btns .btn-chip{flex:1 1 0;justify-content:center;gap:6px;padding:0 8px;font-size:14px;white-space:nowrap}
  .dr-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .dr-seg .seg-btn{padding:10px 8px;line-height:1.25;white-space:normal}
  .dr-files{grid-template-columns:minmax(0,1fr)}
  .dr-steps{padding:14px 10px}
  .dr-step{font-size:11.5px}
  .dr-steps-hint{font-size:13.5px;text-align:left}
  .dr-pp .ds-rows .dw-row{grid-template-columns:minmax(0,1fr)}
  .dr-thumb{width:72px;height:72px}
}
/* ---- /doc-requests-ui ---- */

/* ---- newsletter ---- */
/* CRM → Бюлетин (nl-*): „Ново писмо“ — писмото, офертите за отметка (снимка, номер, вид, място, цена), лентата с действията,
   прегледът в рамка; „Изпратени“ и „Абонати“ са със списъците на CRM (lists.js). */
.nl-compose{display:grid;gap:16px;margin-top:14px}
.nl-compose .m-section{margin:0}
.nl-compose .m-field+.m-field{margin-top:14px}
.nl-compose .input{width:100%}
.nl-compose textarea.input{min-height:84px;resize:vertical;line-height:1.5}
.nl-offers-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.nl-offers-head .m-title{margin:0;padding:0;border:0}
.nl-picked{color:var(--text-2);font-weight:700;letter-spacing:0;text-transform:none}
.nl-search{flex:0 1 320px;height:40px}
.nl-compose .ss-hint{margin:0 0 14px}
.nl-offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.nl-offers[aria-busy="true"]{min-height:120px;border-radius:16px;background:linear-gradient(90deg,rgba(30,41,59,.35),rgba(30,41,59,.6),rgba(30,41,59,.35));background-size:200% 100%;animation:nlPulse 1.4s ease-in-out infinite}
@keyframes nlPulse{to{background-position:-200% 0}}
.nl-offer{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;padding:8px 12px 8px 8px;border:1px solid rgba(148,163,184,.18);border-radius:16px;
  background:rgba(15,23,42,.45);cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}
.nl-offer:hover{border-color:var(--border-accent)}
.nl-offer>input{position:absolute;opacity:0;pointer-events:none}
.nl-offer:has(>input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.nl-offer.is-on{border-color:rgba(96,165,250,.7);background:rgba(96,165,250,.12)}
.nl-offer.is-off{opacity:.5}
.nl-offer[hidden]{display:none}
.nl-offer-ph{position:relative;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;border-radius:11px;background:rgba(30,41,59,.7);color:var(--muted)}
.nl-offer-ph img{display:block;width:100%;height:100%;object-fit:cover}
.nl-offer-ph.is-empty .ico{width:24px;height:24px}
.nl-offer-mark{position:absolute;top:5px;left:5px;display:grid;place-items:center;width:22px;height:22px;border:1.5px solid rgba(255,255,255,.75);border-radius:7px;background:rgba(11,17,32,.55);color:transparent;transition:background .15s,border-color .15s}
.nl-offer-mark .ico{width:14px;height:14px;stroke-width:3}
.nl-offer.is-on .nl-offer-mark{border-color:#60A5FA;background:#60A5FA;color:#0B1120}
.nl-offer-tx{display:grid;gap:1px;min-width:0}
.nl-offer-tx>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nl-offer-no{color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:.02em}
.nl-offer-t{color:var(--text);font-size:14.5px}
.nl-offer-pl{color:var(--text-2);font-size:13px}
.nl-offer-pr{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:2px;color:#fff;font-size:14px;font-weight:800}
.nl-offer-pr small{color:var(--muted);font-size:11.5px;font-weight:600}
/* лентата долу: до колко абоната + действията (на телефон — залепена за долния край) */
.nl-bar{position:sticky;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:12px 14px 12px 20px;
  border:1px solid var(--border-accent);border-radius:20px;background:rgba(11,17,32,.92);box-shadow:0 18px 40px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.nl-to{color:var(--text-2);font-weight:700}
.nl-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.nl-acts .pg-new{height:44px}
.nl-acts .pg-new:disabled,.nl-acts .btn-chip:disabled{opacity:.5;cursor:default;filter:none}
.nl-frame{margin-top:16px;padding:16px}
.nl-frame-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.nl-frame-head .m-title{margin:0;padding:0;border:0}
.nl-frame iframe{display:block;width:100%;height:480px;border:0;border-radius:16px;background:#EEF2F7}
.nl-seg .seg-btn span{margin-left:4px;opacity:.75}
@media (max-width:640px){
  .nl-offers{grid-template-columns:minmax(0,1fr)}
  .nl-search{flex-basis:100%}
  .nl-bar{bottom:calc(66px + var(--nx-tabs-bottom,10px));padding:8px}
  .nl-to{display:none}
  .nl-acts{width:100%;flex-wrap:nowrap}
  .nl-acts .btn-chip{flex:none;width:44px;height:44px;justify-content:center;padding:0}
  .nl-acts .btn-chip span{display:none} /* на телефона — само иконите (надписът е в title) */
  .nl-acts .pg-new{flex:1;min-width:0;padding:0 14px}
  .nl-frame{padding:10px}
  .nl-seg{width:100%}
  .nl-seg .seg-btn{flex:1;padding:10px 8px;font-size:13px}
}
/* ---- /newsletter ---- */

/* ---- celebrate ---- */
/* „Клиентът е въведен“ (client-form.js → NX.askAddService): в средата на екрана, кръгче с отметка, което се рисува,
   леко „изскачане“ и вълна; отдолу — въпросът „Искате ли да добавим услуга към клиента?“ и двата бутона. */
.modal-celebrate{position:relative;max-width:440px;text-align:center;overflow:hidden;
  background:radial-gradient(120% 70% at 50% 0%,rgba(52,211,153,.12),transparent 60%),var(--glass)}
.modal-celebrate .modal-head{position:absolute;top:0;right:0;z-index:2;padding:14px;border:0;background:none}
.modal-celebrate .modal-titles{display:none}
.modal-celebrate .modal-body{padding:38px 30px 4px;overflow:visible}
.modal-celebrate .modal-foot{justify-content:center;padding:20px 30px 28px;border-top:0}
.cx-done{display:grid;justify-items:center;gap:6px}
.cx-mark{position:relative;width:96px;height:96px;margin-bottom:12px;animation:cxPop .55s cubic-bezier(.34,1.56,.64,1) both}
.cx-mark svg{position:relative;display:block;width:100%;height:100%;overflow:visible}
.cx-burst{position:absolute;inset:6px;border-radius:50%;box-shadow:0 0 0 0 rgba(52,211,153,.5);animation:cxBurst 1.2s .55s ease-out both}
.cx-ring{fill:rgba(16,185,129,.14);stroke:#34D399;stroke-width:3;stroke-linecap:round;stroke-dasharray:176;stroke-dashoffset:176;transform:rotate(-90deg);transform-origin:50% 50%;
  animation:cxDraw .7s .1s cubic-bezier(.65,0,.35,1) forwards}
.cx-tick{fill:none;stroke:#6EE7B7;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:cxDraw .4s .65s cubic-bezier(.65,0,.35,1) forwards}
.cx-title{margin:0;color:#fff;font-size:23px;font-weight:800;letter-spacing:-.01em;animation:cxUp .45s .45s both}
.cx-who{margin:0;color:var(--text-2);font-weight:600;animation:cxUp .45s .55s both}
.cx-q{margin:16px 0 0;color:var(--text);font-size:16.5px;line-height:1.45;animation:cxUp .45s .7s both}
.modal-celebrate .modal-foot .btn-modal{animation:cxUp .45s .8s both}
@keyframes cxPop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@keyframes cxDraw{to{stroke-dashoffset:0}}
@keyframes cxBurst{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}100%{box-shadow:0 0 0 28px rgba(52,211,153,0)}}
@keyframes cxUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:900px){ /* и на телефона / таблета — в средата, не отдолу */
  .modal-overlay:has(>.modal-celebrate){align-items:center;padding:16px}
  .modal-celebrate{border-radius:24px}
  .modal-celebrate .modal-foot{border-radius:0 0 24px 24px}
}
@media (prefers-reduced-motion:reduce){
  .cx-mark,.cx-burst,.cx-title,.cx-who,.cx-q,.modal-celebrate .modal-foot .btn-modal{animation:none}
  .cx-ring,.cx-tick{animation:none;stroke-dashoffset:0}
}
/* ---- /celebrate ---- */

/* ---- doc-folders ---- */
/* Папки с документи (doc-folders.js): заглавието на папката, групите (клиент, оферта, сделка…), документите — иконка или
   малка снимка, име, вид · формат · размер · версия, кога и кой; четирите бутона (забраненото — в сиво), архивът, историята;
   прозорците „Качване“ и „Презапиши“; изборът „Към кой клиент, оферта или сделка“. */
.fd{display:grid;gap:14px}
.fd-folder{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:14px 16px;border:1px solid var(--border-accent);border-radius:18px;
  background:linear-gradient(135deg,rgba(96,165,250,.12),rgba(30,41,59,.35))}
.fd-folder-ic{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(96,165,250,.16);color:#93C5FD}
.fd-folder-ic .ico{width:24px;height:24px}
.fd-folder-text{display:grid;flex:1 1 220px;gap:2px;min-width:0}
.fd-folder-text b{overflow-wrap:anywhere;color:#fff;font-size:16px}
.fd-folder-text .c-muted{font-size:13px}
.fd-up{flex:none}
.fd-group-sub{margin:-4px 0 10px;color:var(--muted);font-size:13px}
.fd-docs{display:grid;gap:8px}
.fd-doc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px 8px 8px;border:1px solid rgba(148,163,184,.14);border-radius:14px;background:rgba(15,23,42,.4)}
.fd-doc.is-archived{opacity:.62}
.fd-open{padding:0;border:0;background:none;cursor:pointer;border-radius:10px}
.fd-open:focus-visible,.fd-title:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fd-lead{position:relative;display:grid;place-items:center;width:46px;height:50px;color:var(--muted)}
.fd-lead .ico{width:32px;height:32px}
.fd-lead b{position:absolute;bottom:4px;left:50%;padding:0 4px;border-radius:4px;background:#64748B;color:#fff;font-size:9px;font-weight:800;letter-spacing:.03em;transform:translateX(-50%)}
.fd-lead.is-pdf b{background:#DC2626}
.fd-lead.is-word b{background:#2563EB}
.fd-lead.is-sheet b{background:#059669}
.fd-lead.is-photo{width:56px;height:56px;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:rgba(15,23,42,.8)}
.fd-lead.is-photo img{display:block;width:100%;height:100%;object-fit:cover}
.fd-text{display:grid;gap:1px;min-width:0}
.fd-title{justify-self:start;max-width:100%;padding:0;overflow:hidden;border:0;background:none;color:var(--text);font:inherit;font-size:14.5px;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.fd-title:hover{color:var(--accent-soft);text-decoration:underline}
.fd-sub{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;color:var(--text-2);font-size:12.5px}
.fd-cat{color:#93C5FD;font-weight:700}
.fd-ver{padding:1px 7px;border:1px solid var(--border);border-radius:999px;background:none;color:var(--text-2);font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}
.fd-ver:hover{border-color:var(--border-accent);color:var(--text)}
.fd-when{color:var(--muted);font-size:12px}
.fd-note{margin-top:3px;color:var(--text-2);font-size:12.5px;font-style:italic;overflow-wrap:anywhere}
.fd-acts{display:flex;gap:4px}
.fd-act{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:10px;background:rgba(30,41,59,.6);color:var(--text-2);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.fd-act .ico{width:17px;height:17px}
.fd-act:hover:not(:disabled){border-color:var(--border-accent);background:rgba(96,165,250,.14);color:#fff}
.fd-act:last-child:hover:not(:disabled){border-color:rgba(248,113,113,.5);background:rgba(248,113,113,.14);color:#FCA5A5}
.fd-act:disabled{opacity:.32;cursor:not-allowed;filter:grayscale(1)} /* забраненото — в сиво, не се натиска */
.fd-act:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.fd-empty{display:grid;justify-items:start;gap:10px;padding:6px 2px}
.fd-empty p{margin:0;color:var(--muted);font-size:13.5px}
.fd-locked{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:13.5px}
.fd-locked .ico{flex:none;width:16px;height:16px}
.fd-foot{display:flex;flex-wrap:wrap;gap:8px}
/* качване и „Презапиши“ */
.fd-form{display:grid;gap:14px}
.fd-drop{min-height:0}
.fd-files{display:grid;gap:6px;margin-top:10px}
.fd-files:empty{display:none}
.fd-file{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;gap:10px;align-items:center;padding:7px 8px 7px 12px;border:1px solid var(--border);border-radius:11px;background:rgba(15,23,42,.55);font-size:13.5px}
.fd-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-file .c-muted{font-size:12.5px}
.fd-file.is-err{border-color:rgba(248,113,113,.5)}
.fd-file.is-err .c-muted{color:#FCA5A5}
.fd-file.is-ok{border-color:rgba(52,211,153,.45)}
.fd-file-st{justify-self:center;font-weight:800}
.fd-file.is-ok .fd-file-st{color:#6EE7B7}
.fd-file.is-err .fd-file-st{color:#FCA5A5}
.fd-file-x{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer}
.fd-file-x:hover{background:rgba(248,113,113,.14);color:#FCA5A5}
.fd-file-x .ico{width:15px;height:15px}
.fd-cur{margin:-6px 0 0;font-size:13px}
.fd-versions{display:grid;gap:6px}
.fd-vrow{display:grid;gap:2px;padding:9px 12px;border:1px solid var(--border);border-radius:12px}
.fd-vrow.is-current{border-color:var(--border-accent);background:rgba(96,165,250,.08)}
.fd-vlink{color:var(--text);font-weight:700}
.fd-vrow .c-muted{font-size:12.5px}
/* „Към кой клиент, оферта или сделка?“ */
.fd-pick{display:grid;gap:12px}
.fd-pick .input{width:100%}
.fd-pick-list{display:grid;gap:6px;min-height:120px;align-content:start}
.fd-pick-item{display:grid;gap:2px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:rgba(15,23,42,.45);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.fd-pick-item:hover,.fd-pick-item:focus-visible{border-color:var(--border-accent);background:rgba(96,165,250,.1);outline:none}
.fd-pick-item b{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.fd-pick-item .c-muted{font-size:12.5px}
@media (max-width:640px){
  .fd-doc{grid-template-columns:auto minmax(0,1fr)}
  .fd-acts{grid-column:1 / -1;justify-content:flex-end;padding-top:2px;border-top:1px solid rgba(148,163,184,.1)}
  .fd-act{width:40px;height:38px}
  .fd-up{width:100%;justify-content:center}
}
/* ---- /doc-folders ---- */

/* ---- deals-sheet ---- */
/* „Сделки“ → „Таблица“ (deals-sheet.js): листовете (с броя на приключените), годината, баджът „приключени сделки“ по брокери,
   таблицата като в Sheets — заковани заглавия, № и първата колона, ленти „Месец 01.2026 г.“, сборовете за месеца (чисто, отдолу
   с ДДС), редът „Общо“, прозорецът „Депозит“, иконката на документа, „⋯“; цветовете на заглавията — както в листовете
   на агенцията (депозит — жълто, договори — синьо, сътрудничество — сиво, медия — лилаво, фактура — оранжево, статус — синьозелено,
   приходи — зелено); клетките за писане, стрелката с другата страна. */
.page:has(#dealSheet){max-width:1760px}
.sh-card{padding:16px 16px 14px}
.sh-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin-bottom:12px}
.sh-tabs{display:flex;max-width:100%;padding:4px;overflow-x:auto;border:1px solid var(--border);border-radius:999px;background:rgba(15,23,42,.6);scrollbar-width:none}
.sh-tabs::-webkit-scrollbar{display:none}
.sh-tab{flex:none;height:36px;padding:0 16px;border:0;border-radius:999px;background:none;color:var(--text-2);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}
.sh-tab:hover{color:#fff}
.sh-tab.active{background:var(--accent);color:#0B1120;font-weight:700}
.sh-tab-n{display:inline-block;min-width:20px;margin-left:7px;padding:0 6px;border-radius:999px;background:rgba(34,197,94,.22);color:#86EFAC;font-size:12px;font-weight:800;line-height:20px;text-align:center}
.sh-tab-n.is-zero{background:rgba(148,163,184,.16);color:var(--muted)}
.sh-tab.active .sh-tab-n{background:rgba(11,17,32,.22);color:#0B1120}
.sh-stats{display:flex;flex:1 1 240px;flex-wrap:wrap;align-items:center;gap:6px}
.sh-stats-main{padding:6px 12px;border:1px solid rgba(34,197,94,.32);border-radius:999px;background:rgba(34,197,94,.12);color:#86EFAC;font-size:13px;font-weight:800;white-space:nowrap}
.sh-chip.is-broker-n{padding:4px 10px;border-radius:999px;background:rgba(148,163,184,.12);color:var(--text-2)}
.sh-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sh-tools{display:flex;align-items:center;gap:8px}
.sh-tools .btn-chip{white-space:nowrap}
.sh-tools .btn-chip.active{border-color:var(--border-accent);background:rgba(96,165,250,.16);color:#fff}
.sh-year{width:auto;min-width:110px;height:40px}
.sh-wrap{position:relative;max-height:calc(100vh - 230px);min-height:320px;overflow:auto;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#0C1426;transition:opacity .2s}
.sh-wrap.is-loading{opacity:.55;pointer-events:none}
.sh-msg{margin:0;padding:48px 16px;color:var(--muted);text-align:center}
.sh-msg.is-error{color:#FCA5A5}
.sh{border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px}
.sh th{position:sticky;top:0;z-index:3;height:54px;padding:6px 8px;border-right:1px solid rgba(148,163,184,.12);border-bottom:1px solid rgba(148,163,184,.25);background:#15213A;color:#fff;font-size:12px;font-weight:700;line-height:1.2;text-align:center;vertical-align:middle;white-space:normal}
.sh th.g-dep{background:#3A3420;box-shadow:inset 0 3px 0 #EAB308}
.sh th.g-doc{background:#1D3457;box-shadow:inset 0 3px 0 #60A5FA}
.sh th.g-coop{background:#2A303C;box-shadow:inset 0 3px 0 #94A3B8}
.sh th.g-media{background:#2D2550;box-shadow:inset 0 3px 0 #A78BFA}
.sh th.g-inv{background:#3D2A1A;box-shadow:inset 0 3px 0 #F97316}
.sh th.g-status{background:#163A40;box-shadow:inset 0 3px 0 #2DD4BF}
.sh th.g-sum{background:#183626;box-shadow:inset 0 3px 0 #22C55E}
.sh td{height:36px;padding:0 8px;overflow:hidden;border-right:1px solid rgba(148,163,184,.08);border-bottom:1px solid rgba(148,163,184,.1);color:var(--text);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.sh td.is-num,.sh th.is-num{text-align:right;font-variant-numeric:tabular-nums}
.sh td.is-edit{cursor:cell}
.sh td.is-edit:hover{background:rgba(96,165,250,.07)}
.sh td.is-link{cursor:pointer}
.sh td.is-link:hover{background:rgba(234,179,8,.08)}
.sh-two{display:inline-grid;line-height:1.15;vertical-align:middle}
.sh-two b{font-weight:700}
.sh-two small{color:var(--muted);font-size:11px}
.sh td.is-num .sh-two{justify-items:end}
.sh-docd{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.sh-doc{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:rgba(96,165,250,.16);color:#93C5FD;cursor:pointer}
.sh-doc .ico{width:13px;height:13px}
.sh-doc:hover{background:rgba(96,165,250,.3);color:#fff}
.sh td:focus{outline:2px solid var(--accent);outline-offset:-2px}
.sh td.is-derived{background:rgba(148,163,184,.045);color:var(--text-2)}
.sh td.is-muted{color:var(--muted)}
.sh td.is-editing{padding:0 2px;overflow:visible}
.sh td.is-saving{opacity:.45}
.sh-in{width:100%;height:32px;padding:0 7px;border:2px solid var(--accent);border-radius:6px;background:#0B1120;color:var(--text);font:inherit;font-size:13px;color-scheme:dark}
.sh-in:focus{outline:none}
/* заковано вляво: № (със стрелката) и „Брокер“ / „Клиент“ */
.sh .sh-c0{position:sticky;left:0;z-index:2;padding:0 6px;background:#0F172A}
.sh .sh-c1{position:sticky;left:128px;z-index:2;background:#0F172A;box-shadow:8px 0 10px -8px rgba(0,0,0,.7)}
.sh th.sh-c0,.sh th.sh-c1{z-index:4;background:#15213A}
.sh-row:hover td{background-color:rgba(96,165,250,.035)}
.sh-row:hover td.sh-c0,.sh-row:hover td.sh-c1{background:#121C33}
.sh-row.is-failed td{color:var(--muted)}
.sh-arrow{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:5px;padding:0;border:0;border-radius:7px;background:rgba(148,163,184,.14);color:var(--muted);vertical-align:middle;cursor:pointer}
.sh-arrow .ico{width:14px;height:14px;transition:transform .18s var(--ease)}
.sh-arrow.is-open .ico{transform:rotate(90deg)}
.sh-arrow.is-ours{background:rgba(96,165,250,.2);color:#93C5FD}
.sh-arrow.is-external{background:rgba(245,158,11,.2);color:#FCD34D}
.sh-arrow:hover{filter:brightness(1.25)}
.sh-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.sh-c0in{display:flex;align-items:center;gap:4px}
.sh-more{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:auto;padding:0;border:0;border-radius:7px;background:none;color:var(--muted);cursor:pointer}
.sh-more .ico{width:16px;height:16px;fill:currentColor;stroke:none}
.sh-more:hover,.sh-more:focus-visible{background:rgba(148,163,184,.16);color:#fff;outline:none}
.sh-no{padding:0;border:0;background:none;color:var(--accent-soft);font:inherit;font-size:12.5px;font-weight:700;vertical-align:middle;cursor:pointer}
.sh-no:hover{text-decoration:underline}
.sh-link{max-width:100%;padding:0;overflow:hidden;border:0;background:none;color:var(--text);font:inherit;font-weight:600;text-align:left;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;cursor:pointer}
.sh-link:hover{color:var(--accent-soft);text-decoration:underline}
.sh-chip{display:inline-block;max-width:100%;padding:2px 9px;overflow:hidden;border-radius:7px;font-size:12px;font-weight:700;line-height:1.5;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.sh-chip.is-broker{background:rgba(96,165,250,.2);background:color-mix(in srgb,var(--c) 28%,transparent);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent)}
.sh-chip.is-yes{background:rgba(34,197,94,.18);color:#86EFAC}
.sh-chip.is-no{background:rgba(239,68,68,.18);color:#FCA5A5}
.sh-chip.is-seller{background:rgba(148,163,184,.16);color:#E2E8F0}
.sh-chip.is-buyer{background:rgba(96,165,250,.16);color:#BFDBFE}
.sh-chip.is-ext{background:rgba(245,158,11,.16);color:#FCD34D}
.sh-chip.is-none{background:rgba(148,163,184,.1);color:var(--muted)}
.sh-chip.is-amber{background:rgba(245,158,11,.18);color:#FCD34D}
.sh-chip.is-blue{background:rgba(96,165,250,.18);color:#BFDBFE}
.sh-chip.is-violet{background:rgba(167,139,250,.2);color:#DDD6FE}
.sh-chip.is-green{background:rgba(34,197,94,.2);color:#86EFAC}
.sh-chip.is-red{background:rgba(239,68,68,.2);color:#FCA5A5}
/* другата страна (под стрелката) */
.sh-sub td{height:32px;background:#121B2E;font-size:12.5px}
.sh-sub td.sh-c0,.sh-sub td.sh-c1{background:#131D31}
.sh-sub-label{font-size:11.5px;font-weight:700;color:var(--muted)}
.sh-sub.is-ours .sh-sub-label{color:#93C5FD}
.sh-sub.is-external .sh-sub-label{color:#FCD34D}
/* месеците и сборовете */
.sh-month td{height:30px;padding:0;border-right:0;background:#172554;overflow:visible}
.sh-month-label{position:sticky;left:0;display:inline-flex;align-items:center;gap:8px;padding:0 14px;color:#BFDBFE;font-size:12.5px;font-weight:800;letter-spacing:.02em;line-height:30px}
.sh-badge{padding:0 9px;border-radius:999px;background:rgba(34,197,94,.2);color:#86EFAC;font-size:11.5px;font-weight:800;letter-spacing:0;line-height:20px}
.sh-badge.is-zero{background:rgba(148,163,184,.14);color:var(--muted)}
.sh-month-open{color:#93A4C2;font-size:11.5px;font-weight:700;letter-spacing:0}
.sh tfoot .sh-badge{margin-left:4px;vertical-align:middle}
.sh td.sh-month-sum{background:rgba(34,197,94,.06);vertical-align:middle}
.sh-sum{display:grid;gap:1px;justify-items:end;line-height:1.25}
.sh-sum b{color:#86EFAC;font-size:13.5px}
.sh-sum span{color:var(--muted);font-size:11.5px}
.sh tfoot td{position:sticky;bottom:0;z-index:2;height:46px;border-top:1px solid rgba(148,163,184,.3);background:#15213A;font-weight:800}
.sh tfoot td.sh-c0,.sh tfoot td.sh-c1{z-index:4;background:#15213A}
.sh-empty td{height:140px;color:var(--muted);text-align:center;white-space:normal}
@media (max-width:899px){
  .sh .sh-c1{position:static;box-shadow:none}
  .sh .sh-c0{box-shadow:8px 0 10px -8px rgba(0,0,0,.7)}
}
@media (max-width:640px){
  .sh-card{padding:12px 10px;border-radius:18px}
  .sh-bar{flex-direction:column;align-items:stretch}
  .sh-stats{flex:none}
  .sh-tools{justify-content:space-between}
  .sh-tab{padding:0 12px;font-size:13.5px}
  .sh-wrap{max-height:calc(100vh - 190px)}
}
/* прозорецът „Депозит“ */
.sh-dep-head{display:grid;gap:2px;justify-items:center;margin-bottom:14px;padding:14px;border:1px solid rgba(234,179,8,.35);border-radius:16px;background:rgba(234,179,8,.08);text-align:center}
.sh-dep-label{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sh-dep-sum{color:#FDE68A;font-size:30px;line-height:1.2}
.sh-dep-sum.is-empty{color:var(--muted);font-size:18px}
.sh-dep-state{color:var(--text-2);font-size:13px}
.sh-dep-note{margin:10px 0 0;font-size:12.5px}
/* ---- /deals-sheet ---- */

/* ---- geo-brand ---- */
/* Картите в CRM (17Г): светлата подложка, етикетите с цената на „Карта“ (червеният пин с логото — в geo-ui, общ със сайта),
   търсенето на адрес с подсказки (над картата във формата на офертата; горе вляво на „Карта“), бутонът „Всички оферти“. */
.leaflet-container.is-light{background:#E8ECF1}

/* Етикетът с цената (страницата „Карта“): продажба — червен, наем — бял с червен кант; своите — с тъмен кант */
.nx-tag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:5px;padding:2px 9px 2px 2px;transform:translate(-50%,calc(-100% - 8px));
  border:2px solid #FFFFFF;border-radius:999px;background:#D11F33;color:#FFFFFF;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;
  box-shadow:0 6px 16px rgba(15,23,42,.38);cursor:pointer}
.nx-tag::after{content:"";position:absolute;left:50%;bottom:-7px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:inherit;
  border-right:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF}
.nx-tag i{display:grid;flex:none;place-items:center;width:20px;height:20px;border-radius:50%;background:#FFFFFF}
.nx-tag i svg{width:13px;height:11px;fill:#C30B22}
.nx-tag b{font-weight:800}
.nx-tag.is-rent{border-color:#D11F33;background:#FFFFFF;color:#B3122A}
.nx-tag.is-rent::after{border-color:#D11F33}
.nx-tag.is-rent i{background:#D11F33}
.nx-tag.is-rent i svg{fill:#FFFFFF}
.nx-tag.is-mine{box-shadow:0 0 0 2px #0B1120,0 6px 16px rgba(15,23,42,.45)}
.leaflet-marker-icon:hover .nx-tag,.leaflet-marker-icon:focus .nx-tag{filter:brightness(1.08)}

/* Легендата на „Карта“ — в цветовете на етикетите */
.mp-page .mp-key.is-sale{background:#D11F33}
.mp-page .mp-key.is-rent{border:2px solid #D11F33;background:#FFFFFF}
.mp-page .mp-key.is-area{border:2px solid #D11F33;background:rgba(225,79,89,.2)}

/* Търсене с подсказки */
.gs{position:relative;z-index:1100}
.gp .gs{margin-bottom:8px}
.gs-input{width:100%;padding-left:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:12px 50%;background-size:17px 17px}
.gs-input::-webkit-search-cancel-button{cursor:pointer}
.gs-list{position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:min(320px,60vh);margin:0;padding:6px;overflow-y:auto;list-style:none;
  border:1px solid var(--border-accent);border-radius:14px;background:rgba(15,23,42,.98);box-shadow:0 18px 40px rgba(0,0,0,.5)}
.gs-list[hidden]{display:none}
.gs-item{display:grid;gap:2px;padding:8px 10px;border-radius:10px;cursor:pointer}
.gs-item b{color:var(--text);font-size:14px;font-weight:700;line-height:1.3}
.gs-item span{color:var(--muted);font-size:12.5px;line-height:1.35}
.gs-item.is-active{background:rgba(255,255,255,.07)}
.gs-note{padding:8px 10px;color:var(--muted);font-size:13px;line-height:1.4}
/* на страницата „Карта“ — горе вляво, над бутоните за мащаба */
/* отворените подсказки — над контролите от другите ъгли („Всички оферти“, подложките) */
.leaflet-top:has(.gs.is-open){z-index:1001}
.leaflet-container .gs.is-ctl{z-index:1100;width:min(360px,calc(100vw - 150px));margin:12px 0 0 12px}
.leaflet-container .gs.is-ctl .gs-input{height:40px;border:1px solid var(--border);border-radius:12px;background-color:rgba(15,23,42,.94);color:var(--text);
  font-size:15px;box-shadow:0 6px 18px rgba(15,23,42,.3)}
.leaflet-container .gs.is-ctl .gs-input:focus{border-color:var(--border-accent);outline:none}

/* „Всички оферти“ */
.leaflet-container .mp-all{height:36px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:rgba(15,23,42,.94);color:var(--text);
  font:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(15,23,42,.3)}
.leaflet-container .mp-all:hover{border-color:var(--border-accent);color:#FFFFFF}

@media (max-width:700px){
  .leaflet-container .gs.is-ctl{width:calc(100vw - 150px);margin:10px 0 0 10px}
  .gs-input{font-size:16px}
}
/* „Сайт nextimo.bg“ → офисът на картата */
.ss-geo .gp{margin-top:8px}
/* ---- /geo-brand ---- */

/* ---- site-reviews ---- */
/* CRM → Сайт nextimo.bg → „Отзиви“: редовете (звезди, откъде, дата | име, текст | подредба) — като „Какво предлагаме“ (ss-svc) */
.ss-reviews .ss-hint[hidden]{display:none}
.ss-rev .ss-rev-left{gap:6px}
.ss-rev-stars{color:#FBBF24;letter-spacing:1px}
.ss-rev .ss-svc-mid textarea.input{min-height:84px}
.ss-rev-av{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ss-rev-av-pic{display:grid;place-items:center;flex:none;width:40px;height:40px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#E14F59,#C30B22);color:#fff;font-size:13px;font-weight:800}
.ss-rev-av-pic img{width:100%;height:100%;object-fit:cover}
.ss-rev-av .btn-chip{height:30px;padding:0 10px;font-size:12.5px}
.ss-rev-av [hidden]{display:none}
@media (max-width:700px){
  .ss-rev .ss-rev-left{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ss-rev .ss-rev-av{grid-column:1/-1}
}
/* ---- /site-reviews ---- */

/* ---- offer-views ---- */
/* „Прегледи на сайта“ в „Обзор“ на офертата (services.js): четири числа, последните 30 дни като стълбчета, бележка */
.ov-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ov-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.02)}
.ov-tile b{font-size:20px;font-weight:800;line-height:1.1}
.ov-tile span{color:var(--muted);font-size:12.5px}
.ov-bars{display:flex;align-items:flex-end;gap:3px;height:56px;margin-top:14px;padding:0 2px}
.ov-bar{flex:1 1 0;min-width:2px;border-radius:3px 3px 1px 1px;background:var(--accent);opacity:.85}
.ov-bar.is-zero{background:rgba(148,163,184,.25);opacity:1}
.ov-bar:last-child{opacity:1;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.ov-note{margin:10px 0 0;font-size:12.5px;line-height:1.45}
@media (max-width:420px){.ov-tile{padding:8px 9px}.ov-tile b{font-size:17px}}
/* ---- /offer-views ---- */