/* ═══ Стили личного кабинета УиП. Вынесено из index.html (было в и в секции «Мои задачи») ═══ */ /* ─── блок 1/2 ─── */ :root{ --bg:#13151a; --panel:#1b1e26; --panel2:#222630; --line:#2e3340; --ink:#f3f1ea; --muted:#9aa0ac; --gold:#c9a24a; --gold-dim:#8f7434; --green:#4caf78; --red:#d4685e; --blue:#5b8fd6; --radius:12px; } *{box-sizing:border-box;margin:0;padding:0} body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;font-size:14px;line-height:1.5} h1,h2,h3,h4,.brand,.stage-title,.kpi-num{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.3px} button{font-family:inherit;cursor:pointer;border:none} .app{display:flex;min-height:100vh} /* Sidebar */ .side{width:240px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:60;transition:width .18s ease;overflow:hidden} .logo{display:flex;align-items:center;gap:11px;padding:18px 16px;border-bottom:1px solid var(--line)} .sb-toggle{background:none;color:var(--muted);font-size:19px;line-height:1;padding:5px 7px;border-radius:7px;flex-shrink:0} .sb-toggle:hover{color:var(--gold);background:rgba(255,255,255,.06)} .logo-img{height:34px;width:auto;flex-shrink:0;object-fit:contain} .logo-txt{overflow:hidden;white-space:nowrap} .logo .brand{font-size:21px;color:var(--gold);text-transform:uppercase;letter-spacing:1px} .logo .sub{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin-top:2px} .nav{padding:12px 0;flex:1;overflow-y:auto;overflow-x:hidden} .nav button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;color:var(--muted);padding:11px 20px;font-size:14px;border-left:3px solid transparent;white-space:nowrap} .nav button:hover{color:var(--ink);background:rgba(255,255,255,.03)} .nav button.active{color:var(--ink);border-left-color:var(--gold);background:rgba(201,162,74,.08)} .nav .ico{width:22px;text-align:center;font-size:18px;flex-shrink:0} .side-foot{padding:14px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);white-space:nowrap} .side-foot b{color:var(--ink);font-weight:600} /* экран входа */ .login-screen{position:fixed;inset:0;z-index:500;background:#0f1115;display:flex;align-items:center;justify-content:center;padding:24px} .login-box{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px 28px;text-align:center} .login-logo{font-family:'Oswald',sans-serif;font-size:30px;font-weight:700;color:var(--gold);letter-spacing:1px} .login-title{color:var(--muted);font-size:13px;margin:4px 0 22px} .login-field{text-align:left;margin-bottom:14px} .login-field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px} .login-field input{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:11px 13px;font-family:inherit;font-size:14px} .login-field input:focus{outline:none;border-color:var(--gold)} .login-err{color:#e5484d;font-size:12.5px;min-height:16px;margin:2px 0 6px;text-align:left} .login-hint{margin-top:16px;font-size:11px;color:var(--muted);line-height:1.6} .login-hint b{color:var(--ink)} /* чип пользователя в подвале сайдбара */ .user-chip{display:flex;flex-direction:column;gap:2px} .user-chip .uc-name{color:var(--ink);font-weight:600;font-size:13px} .user-chip .uc-role{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.4px} .user-chip .uc-logout{margin-top:8px;align-self:flex-start;background:none;border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:5px 12px;font-size:12px;cursor:pointer} .user-chip .uc-logout:hover{border-color:var(--gold);color:var(--gold)} /* роль без прав удаления — прячем деструктивные элементы */ body.role-nodelete .cl-del,body.role-nodelete .lc-cdel{display:none!important} /* Регламенты — аккордеон в меню */ #regHead .chev{margin-left:auto;font-size:11px;color:var(--gold-dim);transition:transform .18s ease} #regHead.open .chev{transform:rotate(90deg)} .nav-sub{display:none;flex-direction:column;background:rgba(0,0,0,.18);border-left:3px solid var(--gold-dim);margin:2px 0 6px} .nav-sub.open{display:flex} .nav-sub button{padding:9px 16px 9px 18px;font-size:12.5px;gap:9px;color:var(--muted);border-left:none} .nav-sub button:hover{color:var(--ink);background:rgba(255,255,255,.04)} .nav-sub button.active{color:var(--gold);background:rgba(201,162,74,.10)} .nav-sub .rg-n{font-family:'Oswald';font-size:12px;color:var(--gold);width:20px;flex-shrink:0;text-align:center} /* Свёрнутое меню — узкая панель с иконками, без наезда на контент */ body.nav-collapsed .side{width:80px} body.nav-collapsed .logo-txt, body.nav-collapsed .lbl, body.nav-collapsed .chev, body.nav-collapsed .nav-group, body.nav-collapsed .nav-sub, body.nav-collapsed .side-foot{display:none} body.nav-collapsed .logo{justify-content:center;padding:18px 0;cursor:pointer} body.nav-collapsed .sb-toggle{display:none} body.nav-collapsed .nav button{flex-direction:column;justify-content:center;padding:11px 2px;gap:3px;border-left-width:0;border-bottom:3px solid transparent} body.nav-collapsed .nav button.active{border-left:none;border-bottom-color:var(--gold)} body.nav-collapsed .nav .ico{font-size:24px;width:auto} body.nav-collapsed .nav button::after{content:attr(data-short);font-size:9px;line-height:1.05;color:var(--muted);text-align:center;max-width:74px;white-space:normal} body.nav-collapsed .nav button.active::after{color:var(--gold)} /* Main */ .main{margin-left:240px;flex:1;min-width:0;padding:26px 32px;max-width:1400px;transition:margin-left .18s ease} body.nav-collapsed .main{margin-left:80px} .topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px} .topbar h1{font-size:26px;text-transform:uppercase} .back-btn{background:none;color:var(--muted);font-size:13px;padding:0;margin-bottom:9px;display:inline-flex;align-items:center;gap:7px;font-weight:500} .back-btn:hover{color:var(--gold)} .topbar .crumb{color:var(--muted);font-size:13px;margin-top:4px} .btn{background:var(--gold);color:#1a1a1a;padding:10px 18px;border-radius:8px;font-weight:600;font-size:13px} .btn:hover{background:#d8b25c} .btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)} .btn.ghost:hover{border-color:var(--gold);color:var(--gold)} .view{display:none} .view.active{display:block} /* KPI row */ .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px} .kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px} .kpi .kpi-num{font-size:30px;color:var(--gold)} .kpi .kpi-lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px} /* Kanban */ .board{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px} .col{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:235px;flex:1;display:flex;flex-direction:column} .col-head{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center} .col-head .stage-title{font-size:13px;text-transform:uppercase;letter-spacing:.5px} .col-head .cnt{background:var(--panel2);color:var(--muted);font-size:11px;padding:2px 8px;border-radius:20px;font-weight:600} .col-body{padding:10px;display:flex;flex-direction:column;gap:10px;min-height:60px} .card{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:12px 13px;cursor:pointer;transition:.15s} .card:hover{border-color:var(--gold);transform:translateY(-1px)} .card .addr{font-weight:600;font-size:13px;margin-bottom:6px} .card .meta{color:var(--muted);font-size:12px;display:flex;justify-content:space-between} .card .tags{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap} .tag{font-size:10px;padding:2px 7px;border-radius:5px;background:rgba(201,162,74,.12);color:var(--gold);text-transform:uppercase;letter-spacing:.5px} .tag.gate{background:rgba(212,104,94,.15);color:var(--red)} .tag.ok{background:rgba(76,175,120,.15);color:var(--green)} .card .mgr{display:flex;align-items:center;gap:6px;margin-top:9px;color:var(--muted);font-size:11px} .ava{width:20px;height:20px;border-radius:50%;background:var(--gold-dim);color:#1a1a1a;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700} /* Работа на площадках */ .pf-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px} .pf-toolbar input.pf-search{flex:1;min-width:200px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:9px 12px;font-family:inherit;font-size:13px} .pf-toolbar input.pf-search:focus{outline:none;border-color:var(--gold)} .pf-map-bar{display:flex;align-items:center;gap:12px;margin-bottom:14px} .pf-map-bar .pf-map-hint{color:var(--muted);font-size:12px} .pf-map-wrap{margin-bottom:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden; height:520px;background:#0f1115} .pf-map-wrap iframe{width:100%;height:100%;border:0;display:block} .pf-pipe{position:relative;margin-left:6px} .pf-pipe-btn{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap} .pf-pipe-btn:hover{border-color:var(--gold-dim)} .pf-pipe-chev{color:var(--muted);font-size:11px} .pf-pipe-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:5px;min-width:260px;box-shadow:0 14px 44px rgba(0,0,0,.55);display:none;max-height:420px;overflow:auto} .pf-pipe-menu.open{display:block} .pf-pipe-menu .pp-row{padding:9px 12px;border-radius:6px;font-size:13px;color:var(--ink);cursor:pointer;white-space:nowrap} .pf-pipe-menu .pp-row:hover{background:var(--panel2)} .pf-pipe-menu .pp-row.on{color:var(--gold);font-weight:600} .pf-pipe-menu .pp-sep{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:9px 12px 4px;margin-top:3px;border-top:1px solid var(--line)} .pf-seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden} .pf-seg button{background:var(--panel);color:var(--muted);padding:8px 14px;font-size:12.5px} .pf-seg button.active{background:rgba(201,162,74,.14);color:var(--gold)} .pf-agent-view{background:var(--panel);color:var(--text);border:none;padding:8px 12px;font-size:12.5px;cursor:pointer;outline:none;min-width:150px} .pf-col.final{background:rgba(0,0,0,.16);border-style:dashed} .pf-col.final .col-head .stage-title{color:var(--muted)} .pf-col-cold .col-head{border-bottom-color:var(--gold-dim)} .pf-col-new .col-head{border-bottom-color:#ec4899} .pf-col-new .col-head .stage-title{color:#ec4899} /* компактный однострочный хедер воронки */ .pf-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap} .pf-head h1{font-size:20px;margin:0;white-space:nowrap} .pf-head .pf-seg{margin-left:6px} .pf-head .pf-search{flex:0 1 240px;min-width:150px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:8px 12px;font-family:inherit;font-size:13px} .pf-head .pf-search:focus{outline:none;border-color:var(--gold)} .pf-head .pf-hbtn{padding:8px 13px;font-size:12.5px;white-space:nowrap} .pf-head #pfMapToggle,.pf-head #pfAddBtn{padding:10px 18px;font-size:13.5px;font-weight:600} .pf-head #pfMapToggle{margin-left:auto} /* строка фильтров над доской: цена / площадь / комнатность */ .pf-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding:9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px} .pf-filters .pf-flabel{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)} .pf-frange{display:flex;align-items:center;gap:6px} .pf-frange>span{font-size:12px;color:var(--muted);white-space:nowrap} .pf-filters input[type=number],.pf-filters input[type=text]{width:74px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:7px 9px;font-family:inherit;font-size:13px;-moz-appearance:textfield} .pf-filters input[type=number]::-webkit-outer-spin-button,.pf-filters input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .pf-filters input[type=number]:focus,.pf-filters input[type=text]:focus{outline:none;border-color:var(--gold)} .pf-filters #pfPriceMin,.pf-filters #pfPriceMax{width:120px} /* цена: чтобы «20 000 000» влезало полностью */ .pf-filters .pf-dash{color:var(--muted);font-size:12px} .pf-filters select{background:var(--panel2);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:7px 9px;font-family:inherit;font-size:13px;cursor:pointer} .pf-filters select:focus{outline:none;border-color:var(--gold)} .pf-filters .pf-fsep{width:1px;align-self:stretch;background:var(--line);margin:2px 2px} .pf-filters .pf-fcount{margin-left:auto;font-size:12px;color:var(--gold)} .pf-filters .pf-freset{padding:7px 12px;font-size:12.5px;white-space:nowrap} .pf-filters #pfShowReqBtn.active{background:rgba(224,83,61,.16);border-color:#e0533d;color:#ffb38a} /* доска воронки как в amoCRM: единый скролл по вертикали, заголовки столбцов прилипают сверху */ /* доска воронок занимает всю высоту экрана, скролл внутри неё → заголовки колонок остаются закреплёнными */ #platform.view.active{display:flex;flex-direction:column;height:calc(100vh - 58px)} #platform .pf-head,#platform .pf-filters,#platform .pf-map-wrap{flex:0 0 auto} /* когда открыта карта — раздел скроллится целиком, доска фикс-высоты под картой (иначе её сжимает и до столбцов не доскроллить) */ body.pf-map-open #platform.view.active{overflow-y:auto} body.pf-map-open #platformBoard{flex:0 0 auto;height:640px} #platformBoard{flex:1 1 auto;min-height:0;align-items:flex-start;overflow:auto;gap:12px} #platformBoard .pf-col{flex:0 0 300px;min-width:300px;max-width:300px;overflow:visible} #platformBoard .col-head{position:sticky;top:0;z-index:3;background:var(--panel);padding:9px 13px;flex:0 0 auto} #platformBoard .col-body{flex:1 1 auto;overflow:visible;padding:9px;gap:8px} #platformBoard::-webkit-scrollbar{width:10px;height:10px} #platformBoard::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px} #platformBoard::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)} .pf-card .pf-row{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;margin-bottom:4px} .pf-card .pf-price{color:var(--gold);font-weight:600;font-size:13px} .pf-badges{display:flex;gap:5px;margin:8px 0 6px;flex-wrap:wrap} .pf-plat{font-size:10px;padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.5px;font-weight:700} .pf-plat.avito{background:rgba(91,143,214,.16);color:var(--blue)} .pf-plat.cian{background:rgba(76,175,120,.16);color:var(--green)} .pf-plat.other{background:var(--panel);color:var(--muted)} .pf-dup{font-size:10px;padding:2px 7px;border-radius:5px;background:rgba(212,104,94,.16);color:var(--red);text-transform:uppercase;letter-spacing:.5px;font-weight:700} .pf-card .pf-card-head{font-size:13px;font-weight:600;color:var(--ink);line-height:1.32;margin-bottom:6px} .pf-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px; border-top:1px solid var(--line);padding-top:8px} .pf-task{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink)} .pf-task.none{color:var(--muted)} /* «бегунок» задачи в правом нижнем углу карточки + счётчик дней просрочки (как в amoCRM) */ .pf-daybadge{display:inline-flex;align-items:center;gap:5px;font-family:'Oswald';font-size:12px;letter-spacing:.3px;color:var(--muted);flex:0 0 auto} .pf-daybadge.over{color:#ec4899} .pf-daybadge.over-hot{color:var(--red)} .pf-daybadge.today{color:var(--green)} /* компактный маркер задачи справа в строке имени */ .pf-tt{display:inline-flex;align-items:center;gap:5px;font-family:'Oswald';font-size:11.5px;letter-spacing:.3px;color:var(--muted);flex:0 0 auto} .pf-tt.over{color:#ec4899} .pf-tt.over-hot{color:var(--red)} .pf-tt.today{color:var(--green)} .pf-tt.none{font-family:inherit;font-size:10.5px;color:var(--muted);opacity:.7} .pf-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto} .pf-dot.over{background:var(--red);box-shadow:0 0 7px rgba(212,104,94,.6)} .pf-dot.over-hot{background:var(--red);box-shadow:0 0 8px rgba(212,104,94,.8)} .pf-dot.today{background:var(--green);box-shadow:0 0 7px rgba(76,175,120,.7)} .pf-dot.future{background:var(--green);box-shadow:0 0 7px rgba(76,175,120,.7)} .pf-dot.none{background:#6b7480} /* «Назначить показ» — приоритет прозвона (🙏) */ .pf-show{margin-right:3px;font-size:12px;line-height:1} /* свежий объект (первые 3 дня после парсинга) — 🔥, сам пропадает */ .pf-fresh{margin-right:3px;font-size:12px;line-height:1} #lfShowBtn.active{background:rgba(224,83,61,.16);border-color:#e0533d;color:#ffb38a} /* задача справа сверху: кружок + число дней */ .pf-task{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;white-space:nowrap} .pf-task .pf-taskdays{font-size:10.5px;font-weight:600} .pf-task.t-over .pf-taskdays{color:var(--red)} .pf-task.t-active .pf-taskdays{color:var(--green)} .pf-line3{font-size:11px;color:var(--muted);margin-top:5px;display:flex;align-items:center;gap:4px} .pf-age{color:var(--muted);font-weight:600} .pf-age.fresh{color:var(--green)} .pf-age.warn{color:#e5a23d} .pf-age.old{color:var(--red)} .pf-take{margin-top:9px;width:100%;background:rgba(201,162,74,.14);border:1px solid var(--gold-dim);color:var(--gold);border-radius:7px;padding:7px;font-size:12px;font-weight:600;cursor:pointer;transition:.15s} .pf-take:hover{background:var(--gold);color:#1a1a1a} /* перетаскивание карточек между столбцами */ .pf-card[draggable="true"]{cursor:grab} body.pf-dragging,body.pf-dragging .pf-card{cursor:grabbing} .pf-card.pf-drag-ghost{opacity:.35} .col-body.pf-drop-hot{background:rgba(201,162,74,.09);box-shadow:inset 0 0 0 2px var(--gold-dim);border-radius:8px} /* карточка воронки — компактная, 2 строки (как в amoCRM), без боковой полосы статуса */ .pf-card{padding:9px 12px;border-left:1px solid var(--line)} .pf-line1{display:flex;justify-content:space-between;align-items:baseline;gap:8px} .pf-line1 .pf-name{font-weight:600;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pf-line1 .pf-days{font-size:11px;color:var(--muted);flex:0 0 auto;white-space:nowrap} .pf-line1 .pf-name{flex:1 1 auto} .pf-src{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;border-radius:5px;font-size:10.5px;font-weight:800;padding:0 4px;letter-spacing:.3px} .pf-line2{font-size:12.5px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pf-line2 .pf-price{color:var(--gold);font-weight:600} .pf-line2 .pf-dupmini{color:var(--red);font-weight:600;font-size:11px} .pf-dupflag{flex:0 0 auto;align-self:center;font-size:12px;line-height:1;cursor:help;margin-left:2px} .pf-dupflag.is-dup{color:#e5484d} .pf-dupflag.is-maybe{color:#f5a524} .pf-card-foot{margin-top:7px;padding-top:7px} .pf-closed{margin:5px 0 0;font-size:11.5px;color:var(--muted);display:flex;flex-direction:column;gap:2px} .pf-closed b{color:var(--red);font-weight:600} /* Партнёры — таблица */ .pr-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)} .pr-table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px} .pr-table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--panel);white-space:nowrap} .pr-table td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle} .pr-table tbody tr.pr-row{cursor:pointer;transition:.12s} .pr-table tbody tr.pr-row:hover{background:rgba(201,162,74,.06)} .pr-c-num{font-family:'Oswald';color:var(--gold);font-weight:600;white-space:nowrap} .pr-fio-c{font-weight:600;white-space:nowrap} .pr-msg{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px} .pr-msg.tg{background:rgba(91,143,214,.16);color:var(--blue)} .pr-msg.max{background:rgba(76,175,120,.16);color:var(--green)} .pr-off-badge{font-size:11px;color:var(--gold);background:rgba(201,162,74,.1);border:1px solid var(--gold-dim);border-radius:6px;padding:2px 8px;white-space:nowrap} .pr-c-act{width:1%;white-space:nowrap;text-align:right} .pr-act-btns{display:inline-flex;gap:6px;opacity:0;transition:.15s} .pr-row:hover .pr-act-btns,.pr-row.open .pr-act-btns{opacity:1} .pr-c-act .btn{font-size:11.5px;padding:5px 10px} .pr-drow>td{background:rgba(0,0,0,.14);padding:0 14px} .pr-details{display:flex;flex-direction:column;gap:7px;padding:12px 2px;font-size:12.5px;color:var(--muted)} .pr-details a{color:var(--gold);text-decoration:none;word-break:break-all} .pr-details a:hover{text-decoration:underline} .pr-det-row{display:flex;gap:8px} .pr-det-row .k{min-width:150px;color:var(--muted)} .pr-det-row .v{color:var(--ink)} .pr-offer-list{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow:auto;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:8px} .pr-offer-list label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink);text-transform:none;letter-spacing:0;margin:0;cursor:pointer} .pr-offer-list input{width:auto;flex:0 0 auto} .pr-offer-empty{color:var(--muted);font-size:12px} /* Модалка объекта */ .lf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px} .lf-grid .full{grid-column:1/-1} .lf-field label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px} .lf-field input,.lf-field select,.lf-field textarea{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:9px 11px;font-family:inherit;font-size:13px} .lf-field input:focus,.lf-field select:focus,.lf-field textarea:focus{outline:none;border-color:var(--gold)} .lf-field textarea{resize:vertical;min-height:60px} .lf-url-row{display:flex;gap:8px} .lf-url-row input{flex:1} .lf-field input[type=date],.lf-field input[type=time]{color-scheme:dark} /* секция задачи в модалке */ .lf-task-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px} .lf-task-grid .full{grid-column:1/-1} .lf-task-active{font-size:10px;padding:2px 8px;border-radius:5px;letter-spacing:.3px;font-weight:700} .lf-task-active.today{background:rgba(76,175,120,.18);color:var(--green)} .lf-task-active.overdue{background:rgba(212,104,94,.18);color:var(--red)} .lf-task-active.future{background:rgba(138,147,160,.18);color:#aeb6c2} .lf-warn{border-radius:9px;padding:12px 14px;font-size:12.5px;margin-top:4px;line-height:1.5} .lf-warn.hit{background:rgba(212,104,94,.10);border:1px solid rgba(212,104,94,.4);color:#f0c9c4} .lf-warn.maybe{background:rgba(201,162,74,.08);border:1px solid var(--gold-dim);color:#e8d6a8} .lf-warn b{color:var(--ink)} .lf-warn .lf-st{display:inline-block;font-size:11px;padding:1px 6px;border-radius:4px;background:rgba(255,255,255,.08);margin-left:4px} .lf-hist{margin-top:12px;border-top:1px solid var(--line);padding-top:10px} .lf-hist .h-row{display:flex;gap:8px;font-size:12px;color:var(--muted);padding:3px 0} /* ==== Карточка объекта в стиле amoCRM ==== */ .lc-win{max-width:1040px} /* Карточка объекта — отдельное полноэкранное окно (amoCRM-стиль), не модалка поверх воронки */ #listingModal{padding:0;background:var(--bg)} #listingModal.show{align-items:stretch;justify-content:stretch} #listingModal .lc-win{max-width:none;width:100%;min-height:100vh;border-radius:0;border:none;margin:0} #listingModal .modal-bar{position:sticky;top:0;background:var(--panel);z-index:5} .lc-back{background:none;border:1px solid var(--line);color:var(--gold);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;font-weight:600;margin-right:6px} .lc-back:hover{background:var(--line)} /* заголовок карточки — в левой колонке (amoCRM-стиль), с переносом длинного названия */ .lc-titlewrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-width:0;margin-bottom:12px} .lc-titlewrap .modal-title{white-space:normal;max-width:none;text-transform:none;font-size:16px;line-height:1.28;font-weight:700} .lc-id{font-size:11px;color:var(--muted);flex:0 0 auto} /* статус: цветная полоса-воронка + выпадающий список (как в amoCRM) — по ширине левой колонки */ .lc-stwrap{padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:10px} .lc-stbar{display:flex;gap:2px;margin-bottom:10px;flex:0 0 100%} .lc-stbar .seg{flex:1 1 0;height:5px;border-radius:2px;background:var(--line);transition:.15s} .lc-stsel{position:relative;display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none} .lc-stcur{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:5px 12px;border-radius:6px;color:#161616} .lc-stdays{font-size:12px;color:var(--muted)} .lc-stchev{color:var(--muted);font-size:11px} .lc-stmenu{position:absolute;top:calc(100% + 8px);left:0;z-index:30;background:var(--panel);border:1px solid var(--line); border-radius:10px;padding:5px;min-width:280px;box-shadow:0 14px 44px rgba(0,0,0,.55);display:none;max-height:380px;overflow:auto} .lc-stmenu.open{display:block} .lc-stmenu .mrow{padding:9px 13px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px; color:#161616;cursor:pointer;margin-bottom:3px;display:flex;align-items:center;justify-content:space-between} .lc-stmenu .mrow:hover{filter:brightness(1.09)} .lc-link{color:var(--gold);font-size:12px;text-decoration:none} .lc-link:hover{text-decoration:underline} /* дополнительные контакты — каждый отдельным блоком со своим аватаром */ .lc-contacts{display:flex;flex-direction:column;gap:10px;margin-top:10px} .lc-contact{border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:rgba(255,255,255,.015)} .lc-contact .lc-person-head{margin-bottom:6px} .lc-contact .lc-cdel{margin-left:auto;color:var(--muted);cursor:pointer;font-size:12px;opacity:.6} .lc-contact .lc-cdel:hover{opacity:1;color:#e5484d} .lc-ava-alt{color:#161616} .lc-addcontact{margin-top:10px;width:100%;background:none;border:1px dashed var(--line);color:var(--muted); border-radius:8px;padding:8px;font-size:12.5px;cursor:pointer;transition:.15s} .lc-addcontact:hover{border-color:var(--gold);color:var(--gold)} /* тело: две колонки */ .lc-body{display:flex;align-items:stretch;max-height:calc(100vh - 66px);min-height:calc(100vh - 66px)} .lc-side{flex:0 0 384px;border-right:1px solid var(--line);padding:16px 20px 24px;overflow-y:auto} /* закрытие сделки — красная кнопка внизу карточки */ .lc-closedeal{width:100%;margin-top:22px;background:transparent;border:1px solid var(--red);color:var(--red);border-radius:8px;padding:11px 14px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:.15s} .lc-closedeal:hover{background:var(--red);color:#fff} .lc-main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0} .lc-scroll{flex:1 1 auto;overflow-y:auto;padding:16px 18px;min-height:0} .lc-composer{flex:0 0 auto;border-top:1px solid var(--line);background:var(--panel);padding:12px 16px} .lc-tabs{display:flex;gap:6px;margin-bottom:10px} .lc-tab{appearance:none;border:1px solid var(--line);background:transparent;color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:7px 16px;border-radius:8px;cursor:pointer} .lc-tab:hover{color:var(--ink);border-color:var(--muted)} .lc-tab.active{background:var(--gold);border-color:var(--gold);color:#1a1a1a} .lc-note-ta{width:100%;min-height:42px;resize:vertical;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:9px 12px;font-family:inherit;font-size:13px;line-height:1.45} .lc-note-ta:focus{outline:none;border-color:var(--gold)} .lc-cbar{display:flex;align-items:center;gap:10px;margin-top:10px} .lc-cbar .lc-hint{margin-right:auto;font-size:11px;color:var(--muted)} .lc-cbar #lfTaskActive{margin-right:auto} .lc-empty{font-size:12.5px;color:var(--muted);text-align:center;padding:22px 0} .lc-feed .lc-nrow.task{border-left-color:#5b8def} .lc-erow{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12px;color:var(--muted);padding:6px 12px;border-left:3px solid var(--line);margin-top:2px} .lc-erow .lc-emeta{min-width:130px} .lc-erow .lc-etext{color:var(--ink)} @media(max-width:820px){.lc-scroll{overflow:visible}} .lc-sec{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--gold);margin:2px 0 12px} .lc-collapse{cursor:pointer;user-select:none;display:flex;align-items:center;gap:6px} .lc-collapse:hover{color:var(--ink)} .lc-caret{font-size:10px;color:var(--muted)} /* строка поля: label слева, значение справа (как в amoCRM) */ .lc-row{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)} .lc-row>label{flex:0 0 118px;font-size:12px;color:var(--muted);margin:0;text-transform:none;letter-spacing:0} .lc-row>input,.lc-row>select{flex:1 1 auto;min-width:0;background:transparent;border:1px solid transparent;border-radius:6px; color:var(--ink);padding:6px 8px;font-family:inherit;font-size:13px} .lc-row>input:hover,.lc-row>select:hover{border-color:var(--line)} .lc-row>input:focus,.lc-row>select:focus{outline:none;border-color:var(--gold);background:var(--panel2)} .lc-row .lc-val{flex:1 1 auto;font-size:13px;color:var(--ink);font-weight:600;padding:6px 8px} .lc-row input[type=date]{color-scheme:dark} /* карточка человека */ .lc-person{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)} .lc-person-head{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14px;margin-bottom:8px} .lc-ava{width:26px;height:26px;border-radius:50%;background:var(--gold-dim);color:#1a1a1a;font-size:12px;font-weight:700; display:flex;align-items:center;justify-content:center;flex:0 0 auto} /* примечание-сводка справа */ .lc-note{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:13px 15px;margin-bottom:16px;display:flex;gap:16px;align-items:flex-start} .lc-note-txt{flex:1 1 auto;min-width:0} .lc-note-pic{flex:0 0 clamp(180px,34%,300px);display:block} .lc-note-pic #lfPhotoThumb{margin-top:0;width:100%;max-height:220px} @media(max-width:900px){.lc-note{flex-direction:column}.lc-note-pic{flex:0 0 auto;width:100%;max-width:320px}} .lc-note-row{font-size:12.5px;color:var(--ink);margin-bottom:4px} .lc-note-lbl{color:var(--muted)} .lc-note-val{color:var(--ink)} .lc-note input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:8px 10px;font-family:inherit;font-size:13px;margin-top:4px} .lc-note input:focus{outline:none;border-color:var(--gold)} .lc-note .lc-url-row{display:flex;gap:8px} .lc-note .lc-url-row input{flex:1;margin-top:4px} /* лента примечаний */ .lc-feed{margin-top:12px;display:flex;flex-direction:column;gap:8px} .lc-feed .lc-nrow{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--gold-dim);border-radius:8px;padding:9px 12px} .lc-feed .lc-nrow{position:relative} .lc-feed .lc-nrow .lc-nmeta{font-size:11px;color:var(--muted);margin-bottom:3px;display:flex;align-items:center} .lc-feed .lc-nrow .lc-ntext{font-size:13px;color:var(--ink);line-height:1.45;white-space:pre-wrap} /* действия над примечанием (автор/админ): редактировать, удалить */ .lc-nact{margin-left:auto;display:inline-flex;gap:4px;opacity:0;transition:opacity .12s} .lc-feed .lc-nrow:hover .lc-nact{opacity:1} .lc-nact button{background:transparent;border:none;color:var(--muted);font-size:12px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:4px} .lc-nact button:hover{color:var(--gold);background:rgba(255,255,255,.05)} .lc-nedit{width:100%;min-height:52px;resize:vertical;background:var(--panel);border:1px solid var(--gold);border-radius:6px;color:var(--ink);padding:7px 9px;font-family:inherit;font-size:13px;line-height:1.45} .lc-nedit:focus{outline:none} .lc-nedit-bar{display:flex;gap:8px;margin-top:6px} .lc-nedit-bar button{font-size:11px;padding:3px 12px;border-radius:6px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);cursor:pointer} .lc-nedit-bar button.save{background:var(--gold);border-color:var(--gold);color:#1a1a1a;font-weight:600} @media(max-width:820px){.lc-body{flex-direction:column;max-height:none}.lc-side{flex:none;border-right:none;border-bottom:1px solid var(--line)}} .lf-hist .h-row b{color:var(--ink);font-weight:600} /* Generic panel */ .panel-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin-bottom:18px} .panel-box h3{font-size:16px;text-transform:uppercase;color:var(--gold);margin-bottom:4px;letter-spacing:.5px} .panel-box .hint{color:var(--muted);font-size:12px;margin-bottom:16px} /* Object card */ .obj-grid{display:grid;grid-template-columns:1fr 320px;gap:18px} .tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px} .tabs button{background:none;color:var(--muted);padding:10px 16px;font-size:13px;border-bottom:2px solid transparent;font-weight:500} .tabs button.active{color:var(--ink);border-bottom-color:var(--gold)} .tabpane{display:none}.tabpane.active{display:block} .stage-track{list-style:none;display:flex;flex-direction:column;gap:0} .stage-track li{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center} .stage-track li:last-child{border-bottom:none} .dot{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid var(--line);color:var(--muted)} .dot.done{background:var(--green);border-color:var(--green);color:#0d1f15} .dot.cur{border-color:var(--gold);color:var(--gold)} .stage-track .st-name{font-weight:600;font-size:13px} .stage-track .st-sub{color:var(--muted);font-size:12px} .stage-track .st-right{margin-left:auto} .doc-list{display:flex;flex-direction:column;gap:8px} .doc{display:flex;align-items:center;gap:11px;padding:11px 13px;background:var(--panel2);border:1px solid var(--line);border-radius:8px} .doc .fico{width:30px;height:30px;border-radius:6px;background:rgba(91,143,214,.15);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0} .doc .fico.x{background:rgba(212,104,94,.15);color:var(--red)} .doc .fname{font-weight:500;font-size:13px} .doc .fmeta{color:var(--muted);font-size:11px} .doc .fstat{margin-left:auto;font-size:11px} .missing{opacity:.55} .sidecard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px} .sidecard h4{font-size:13px;text-transform:uppercase;color:var(--muted);letter-spacing:1px;margin-bottom:12px} .kv{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px} .kv:last-child{border-bottom:none} .kv span{color:var(--muted)}.kv b{font-weight:600} /* Checkbox blocks */ .opt{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;margin-bottom:9px;cursor:pointer;transition:.15s} .opt:hover{border-color:var(--gold-dim)} .opt.sel{border-color:var(--gold);background:rgba(201,162,74,.07)} .opt input{margin-top:3px;accent-color:var(--gold);width:16px;height:16px} .opt .o-title{font-weight:600;font-size:13px} .opt .o-desc{color:var(--muted);font-size:12px;margin-top:2px} .opt .o-price{margin-left:auto;font-family:'Oswald';color:var(--gold);font-size:15px;white-space:nowrap} .two-col{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start} .estimate{background:var(--panel);border:1px solid var(--gold-dim);border-radius:var(--radius);padding:20px 22px;position:sticky;top:20px} .estimate h3{color:var(--gold);font-size:15px;text-transform:uppercase;margin-bottom:14px} .est-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px} .est-row.tot{border-bottom:none;border-top:2px solid var(--gold-dim);margin-top:8px;padding-top:14px;font-size:17px;font-family:'Oswald';color:var(--gold)} .est-row .muted{color:var(--muted)} table{width:100%;border-collapse:collapse;font-size:13px} th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:11px 12px;border-bottom:1px solid var(--line);font-weight:600} td{padding:13px 12px;border-bottom:1px solid var(--line)} tr:hover td{background:rgba(255,255,255,.02)} .pill{font-size:11px;padding:3px 9px;border-radius:20px;font-weight:600} .pill.new{background:rgba(91,143,214,.15);color:var(--blue)} .pill.work{background:rgba(201,162,74,.15);color:var(--gold)} .pill.done{background:rgba(76,175,120,.15);color:var(--green)} .gen-out{background:#0e1014;border:1px solid var(--line);border-radius:9px;padding:18px;font-size:13px;line-height:1.7;white-space:pre-wrap;color:#d8d5cc;max-height:340px;overflow:auto} .seg{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap} .seg button{background:var(--panel2);border:1px solid var(--line);color:var(--muted);padding:7px 13px;border-radius:7px;font-size:12px} .seg button.active{border-color:var(--gold);color:var(--gold);background:rgba(201,162,74,.08)} .note{background:rgba(91,143,214,.08);border:1px solid rgba(91,143,214,.25);border-radius:9px;padding:12px 15px;font-size:12px;color:#b9cbe6;margin-bottom:18px} /* ---- Маркетинг: сводка + строки расходов ---- */ .mk-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px} .mks{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:13px 16px} .mks-l{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px} .mks-v{font-family:'Oswald';font-size:22px;color:var(--ink)} .mks-in{width:100%;background:var(--panel2);border:1px solid var(--line);color:var(--gold);font-family:'Oswald';font-size:20px;border-radius:7px;padding:2px 8px} .mk-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;margin-bottom:9px} .mk-item.sel{border-color:var(--gold);background:rgba(201,162,74,.07)} .mk-item input[type=checkbox]{margin-top:3px;accent-color:var(--gold);width:16px;height:16px;flex-shrink:0} .mk-item .mi-main{flex:1;min-width:0} .mk-item .mi-title{font-weight:600;font-size:13px;cursor:pointer} .mk-item .mi-exec{margin-top:7px;display:flex;align-items:center;gap:6px} .mk-item .mi-exec label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap} .mk-item .mi-exec input{flex:1;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:4px 7px;font-size:12px;min-width:0} .mk-item select.mi-sel{margin-top:6px;width:100%;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:5px 7px;font-size:12px} .mk-item .mi-price{margin-left:auto;text-align:right;flex-shrink:0} .mk-item .mi-price input{width:104px;text-align:right;background:var(--panel);border:1px solid var(--line);color:var(--gold);font-family:'Oswald';border-radius:6px;padding:4px 6px;font-size:14px} .mk-item .mi-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;padding:0 2px;margin-top:2px} .mk-item .mi-del:hover{color:var(--red)} .mk-labor-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px} .mk-labor-row .ml-h{color:var(--muted);font-family:'Oswald'} .mk-labor-row.tot{border-bottom:none;border-top:2px solid var(--gold-dim);margin-top:6px;padding-top:11px;font-family:'Oswald';color:var(--gold);font-size:15px} /* ---- Маркетинг: даты (календарики) ---- */ .date-grid{display:flex;flex-direction:column;gap:12px} .dr label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px} .dr-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .dr-range span{color:var(--muted)} .dr-range input[type=date]{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:7px 10px;font-size:13px;font-family:inherit;color-scheme:dark} .dr-range input[type=date]:focus{border-color:var(--gold);outline:none} .dr-len{font-family:'Oswald';color:var(--gold);font-size:13px;margin-left:4px} #mkShowList{display:flex;flex-direction:column;gap:6px} .show-row{display:flex;align-items:center;gap:8px} .show-row input[type=date]{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:7px 10px;font-size:13px;color-scheme:dark} /* ---- Маркетинг: предпросмотр плана ---- */ .mk-preview{margin-top:22px;border:1px solid var(--gold-dim);border-radius:var(--radius);overflow:hidden;background:#fff} .mkp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap} .mkp-bar b{color:var(--ink);font-size:14px} .mkp-bar .btn{margin-left:8px} .mk-preview iframe{width:100%;border:none;display:block;min-height:600px;background:#fff} /* ---- Мой кабинет ---- */ .cab-grid{display:grid;grid-template-columns:300px 1fr 1fr;gap:16px;align-items:start} .cab-col{display:flex;flex-direction:column;gap:12px;min-width:0} .cab-col--fill{align-self:stretch} .cab-col--fill #statQuarter{display:flex;flex-direction:column;height:100%} .cab-col--fill #statQuarter .gauge-box{flex:1 1 auto} .cab-col #statMonth .panel-box,.cab-col #statQuarter .panel-box{margin:0} .cab-col .stat-head{margin:2px 0 10px} .cab-col .stat-head h2{font-size:15px} .cab-col .panel-box{padding:14px} .month-picker{display:flex;flex-wrap:wrap;gap:5px;align-items:center} .month-picker .mp-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-right:2px;width:100%} .mp-chip{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:6px; padding:4px 9px;font-size:11.5px;cursor:pointer;transition:.12s;font-family:inherit} .mp-chip:hover{border-color:var(--gold-dim);color:var(--ink)} .mp-chip.on{background:rgba(201,162,74,.14);border-color:var(--gold);color:var(--gold)} @media(max-width:1280px){.cab-grid{grid-template-columns:280px 1fr 1fr}} @media(max-width:1024px){.cab-grid{grid-template-columns:1fr}} .profile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-align:center} .prof-photo-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:14px} .prof-photo{width:120px;height:120px;border-radius:50%;background:var(--gold);color:#1a1a1a;font-family:'Oswald';font-size:48px;font-weight:600;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;border:3px solid var(--gold-dim)} .photo-btn{background:transparent;border:1px solid var(--line);color:var(--muted);padding:6px 14px;border-radius:7px;font-size:12px} .photo-btn:hover{border-color:var(--gold);color:var(--gold)} .prof-name{font-family:'Oswald';font-size:21px;font-weight:600} .prof-role{color:var(--muted);font-size:12px;margin-bottom:18px} .profile .field{text-align:left} .quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px} .quick{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-align:center;cursor:pointer;transition:.15s} .quick:hover{border-color:var(--gold);transform:translateY(-1px)} .quick .q-num{font-family:'Oswald';font-size:30px;color:var(--gold)} .quick .q-lbl{font-size:12px;color:var(--muted);margin-top:2px} .mat-drop{border:2px dashed var(--line);border-radius:10px;padding:26px 18px;text-align:center;cursor:pointer;color:var(--muted);transition:.15s} .mat-drop:hover{border-color:var(--gold-dim);color:var(--ink)} .mat-drop .mat-ico{font-size:26px;color:var(--gold);margin-bottom:8px} .mat-drop .mat-sub{font-size:11px;margin-top:5px} .mat-drop b{color:var(--gold)} /* ---- Регламенты ---- */ .reg-grid{display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:start} .reg-list{display:flex;flex-direction:column;gap:8px} .reg-item{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:13px 15px;cursor:pointer;display:flex;gap:12px;align-items:center;transition:.15s} .reg-item:hover{border-color:var(--gold-dim)} .reg-item.active{border-color:var(--gold);background:rgba(201,162,74,.07)} .reg-num{width:30px;height:30px;border-radius:7px;background:var(--panel2);color:var(--gold);font-family:'Oswald';font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .reg-item .r-name{font-size:13px;font-weight:500} .reg-reader{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:30px 38px;min-height:400px;max-width:920px} .reg-reader h2{font-family:'Oswald';font-size:19px;color:var(--gold);text-transform:uppercase;letter-spacing:.4px;margin:26px 0 10px;padding-top:8px} .reg-reader h2:first-child{margin-top:0} .reg-reader h3{font-family:'Oswald';font-size:16px;color:var(--ink);margin:22px 0 9px} .reg-reader h4{font-family:'Oswald';font-size:14px;color:var(--gold-dim);text-transform:uppercase;letter-spacing:.5px;margin:18px 0 7px} .reg-reader h5{font-size:13px;font-weight:700;color:var(--muted);margin:14px 0 6px} .reg-reader p{margin-bottom:12px;line-height:1.75;color:#e4e1d8} .reg-reader ul,.reg-reader ol{margin:0 0 14px 4px;padding-left:22px} .reg-reader li{margin:5px 0;line-height:1.65;color:#e4e1d8} .reg-reader li::marker{color:var(--gold-dim)} .reg-reader strong{color:#fff;font-weight:600} .reg-reader code{background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-family:'SF Mono',Menlo,monospace;font-size:12px;color:var(--gold)} .reg-reader blockquote{border-left:3px solid var(--gold);background:rgba(201,162,74,.07);border-radius:0 8px 8px 0;padding:12px 18px;margin:0 0 16px;color:#d8d5cc;font-style:italic;line-height:1.7} .reg-reader .r-empty{color:var(--muted);text-align:center;padding-top:120px} .nav-group{padding:16px 20px 6px;font-size:10px;color:var(--gold-dim);text-transform:uppercase;letter-spacing:1.5px;font-weight:700} /* старое (не используется на главной, оставлено для совместимости) */ .home-top{display:grid;grid-template-columns:440px 1fr;gap:18px;margin-bottom:24px} .prof-head{display:flex;align-items:center;gap:14px;margin-bottom:18px} .prof-ava{width:54px;height:54px;border-radius:50%;background:var(--gold);color:#1a1a1a;font-family:'Oswald';font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center} .field{margin-bottom:11px} .field label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px} .field input{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:9px 11px;font-family:inherit;font-size:13px} .field input:disabled{background:transparent;border-color:transparent;padding-left:0;color:var(--ink)} .field input:not(:disabled){border-color:var(--gold-dim)} .field input:focus{outline:none;border-color:var(--gold)} .field select,.field textarea{width:100%;background:var(--panel2);border:1px solid var(--gold-dim);border-radius:7px;color:var(--ink);padding:9px 11px;font-family:inherit;font-size:13px} .field select{cursor:pointer;color-scheme:dark} .field textarea{resize:vertical;min-height:64px;line-height:1.45} .field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)} .pd-note{font-size:11px;color:var(--muted);margin-top:14px;padding-top:14px;border-top:1px solid var(--line);line-height:1.5} .gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-content:start} .gauge-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;align-items:center;text-align:center} .gauge-lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:8px} .mini-kpis{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .mini{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-align:center} .mini .m-num{font-family:'Oswald';font-size:26px;color:var(--gold)} .mini .m-lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px} /* ---- Статистика агента (дашборд) ---- */ .stat-head{display:flex;align-items:baseline;gap:12px;margin:6px 0 14px} .stat-head h2{font-size:18px;text-transform:uppercase;letter-spacing:.5px} .stat-head .stat-period{font-size:12px;color:var(--muted)} .stat-grid{display:grid;grid-template-columns:300px 1fr;gap:18px;margin-bottom:26px;align-items:stretch} .panel-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px} .gauge-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center} .gauge-val{font-family:'Oswald';font-size:32px;color:var(--gold);line-height:1;margin-top:-26px} .gauge-val small{display:block;font-family:inherit;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px} .gauge-legend{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:6px;font-size:12.5px;color:var(--muted)} .gauge-legend .gl{display:inline-flex;align-items:center;gap:7px} .gauge-legend .gl b{color:var(--ink);font-family:'Oswald';font-size:14px;letter-spacing:.2px} .gauge-legend i{width:11px;height:11px;border-radius:3px;display:inline-block;flex-shrink:0} .gauge-legend .gl-fact{background:#e8c14a} .gauge-legend .gl-back{background:rgba(201,162,74,.4);border:1px solid var(--gold-dim)} .gauge-cap{margin-top:12px;font-size:12.5px;color:var(--muted)} .gauge-cap b{color:var(--gold)} /* три показателя дохода агента */ .income-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:14px} .income-grid .itile{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 10px;text-align:center} .income-grid .it-lbl{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:5px;line-height:1.25} .income-grid .it-num{display:block;font-family:'Oswald';font-size:16px;color:var(--ink);letter-spacing:.2px;white-space:nowrap} .income-grid .itile{min-width:0} #agencyManagers table td,#agencyManagers table th{white-space:nowrap} #agencyManagers table td:first-child{width:99%} .hist .pbar-row+.pbar-row{border-top:1px solid var(--line);padding-top:13px;margin-top:13px} .income-grid .it-num.dim{color:var(--gold-dim)} .income-grid .itile.hero{background:rgba(70,194,106,.1);border-color:rgba(70,194,106,.5)} .income-grid .itile.hero .it-num{color:var(--green)} .income-grid .itile.hero .it-lbl{color:#9fdcb4} /* блок фиксированных ставок в окне мотивации */ .moti-fixed{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)} .moti-fixed-title{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--gold);margin-bottom:10px} .moti-fixed-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;font-size:13px;border-bottom:1px solid var(--line)} .moti-fixed-row:last-child{border-bottom:none} .moti-fixed-row span{color:var(--muted)} .moti-fixed-row b{color:var(--gold);font-family:'Oswald';font-size:14px;white-space:nowrap} .q-lead-line{margin-top:10px;font-size:12.5px;color:var(--muted);text-align:center} .q-lead-line b{color:var(--ink)} .q-lead-note{font-size:11px;opacity:.75} .q-toggle{margin-top:14px} /* лесенки мотивации */ .moti-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px} .moti h4{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--gold);margin-bottom:4px} .moti .moti-sub{font-size:11px;color:var(--muted);margin-bottom:12px;line-height:1.4} .tier{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 11px;border-radius:8px; border:1px solid transparent;font-size:12.5px} .tier+.tier{margin-top:3px} .tier .t-range{color:var(--muted)} .tier .t-pct{font-weight:700;font-variant-numeric:tabular-nums} .tier.active{background:rgba(201,162,74,.16);border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-dim)} .tier.active .t-range{color:var(--ink);display:flex;flex-direction:column;gap:2px} .tier.active .t-pct{color:var(--gold)} .tier.passed{opacity:.5} .t-badge{font-size:9px;text-transform:uppercase;letter-spacing:.3px;color:var(--gold);font-weight:700} .cab-col .moti-cols{grid-template-columns:1fr;gap:16px} /* заголовок секции статистики */ .stat-section-title{font-size:22px;text-transform:uppercase;letter-spacing:.5px;margin:30px 0 16px; padding-top:24px;border-top:1px solid var(--line)} /* шкалы месяца (горизонтальные прогресс-бары с маркером цели) */ .hist{display:flex;flex-direction:column;gap:8px;padding:2px 2px 0} .pbar-row{display:flex;flex-direction:column;gap:3px} .pbar-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px} .pbar-name{font-size:12.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--ink)} .pbar-val{font-family:'Oswald';font-size:14px;color:var(--muted);white-space:nowrap} .pbar-val b{font-size:16px;color:var(--gold)} .pbar-row.over .pbar-val b{color:var(--green)} .pbar-val .pbar-pct{margin-left:8px;font-size:13px} .pbar-row.over .pbar-val .pbar-pct{color:var(--green)} .pbar-track{position:relative;height:8px;border-radius:6px;background:var(--panel2);border:1px solid var(--line);overflow:hidden} .pbar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:8px 0 0 8px; background:linear-gradient(90deg,var(--gold-dim),var(--gold));transition:width .6s ease;min-width:3px} .pbar-row.over .pbar-fill{border-radius:8px;background:linear-gradient(90deg,#3a9d6a,var(--green)); box-shadow:0 0 14px rgba(70,194,106,.5); background-image:linear-gradient(90deg,#3a9d6a,var(--green)),repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 7px,transparent 7px 14px)} .pbar-goal{position:absolute;top:-3px;bottom:-3px;width:2px;background:#cfd6e0;transform:translateX(-1px);z-index:2} .pbar-goal::after{content:'цель';position:absolute;top:-14px;left:50%;transform:translateX(-50%); font-size:8.5px;letter-spacing:.3px;color:var(--muted);text-transform:uppercase} .hist-legend{display:flex;gap:16px;justify-content:center;margin-top:9px;font-size:11px;color:var(--muted);flex-wrap:wrap} .hist-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:middle} .hist-legend .lg-plan{width:2px;height:12px;border-radius:1px;background:#cfd6e0} .hist-legend .lg-fact{background:var(--gold)} .hist-legend .lg-over{background:var(--green)} /* акцент на «Вал» в таблице по менеджерам — ключевая метрика */ th.stat-val{color:var(--gold)} td.stat-val{background:rgba(201,162,74,.06)} td.stat-val b{font-size:15.5px;color:var(--gold);font-weight:700} /* воронка конверсии */ .funnel-title{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:12px; text-transform:uppercase;letter-spacing:.5px;color:var(--ink);text-align:center} .funnel-title span{display:block;text-transform:none;letter-spacing:0;font-size:10.5px;color:var(--muted);margin-top:2px} .funnel{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;margin-top:10px} .fn-step{flex:0 0 auto;min-width:64px;text-align:center;background:var(--panel2);border:1px solid var(--line); border-radius:9px;padding:9px 8px} .fn-step .fn-num{font-family:'Oswald';font-size:20px;color:var(--gold);line-height:1} .fn-step .fn-lbl{font-size:9.5px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);margin-top:3px} .fn-arrow{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;min-width:44px;line-height:1.1} .fn-arrow .fn-ar{font-size:15px;color:#4a525e} .fn-arrow .fn-conv{font-family:'Oswald';font-size:13px;color:var(--muted);margin-top:2px} .fn-arrow .fn-plan{font-size:9px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);margin-top:1px} .fn-arrow.ok .fn-conv{color:var(--green)} .fn-arrow.low .fn-conv{color:#e5a23d} .fn-arrow.low .fn-ar{color:#e5a23d} .calls-input-row{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap; padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)} .calls-input-row input{width:64px;background:var(--panel2);border:1px solid var(--gold-dim);border-radius:7px; color:var(--ink);padding:5px 8px;font-family:'Oswald';font-size:15px;text-align:center} .calls-input-row input:focus{outline:none;border-color:var(--gold)} @media(max-width:900px){.stat-grid{grid-template-columns:1fr}.moti-cols{grid-template-columns:1fr}} /* ---- Мои клиенты (доска по форматам) ---- */ .cl-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start} @media(max-width:1000px){.cl-board{grid-template-columns:1fr}} .cl-col{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px} .cl-col-head{display:flex;align-items:center;gap:9px;padding-bottom:11px;border-bottom:1px solid var(--line)} .cl-col-head .cl-ico{font-size:16px} .cl-col-head .cl-col-title{font-size:12.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--ink);font-weight:600} .cl-col-head .cl-cnt{margin-left:auto;font-family:'Oswald';font-size:15px;color:var(--gold);min-width:22px;text-align:center; background:rgba(201,162,74,.12);border-radius:20px;padding:1px 8px} .cl-col-body{display:flex;flex-direction:column;gap:9px;min-height:36px} .cl-card{position:relative;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 12px} .cl-card:hover{border-color:var(--gold-dim)} .cl-name{font-weight:600;font-size:13.5px;color:var(--ink);padding-right:18px} .cl-row{font-size:12px;color:var(--muted);margin-top:4px} .cl-note{font-size:11.5px;color:var(--muted);margin-top:6px;padding-top:6px;border-top:1px solid var(--line);line-height:1.4} .cl-del{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--muted);font-size:12px;line-height:1;cursor:pointer;opacity:.5} .cl-del:hover{opacity:1;color:#e5484d} .cl-empty{font-size:12px;color:var(--muted);opacity:.7;padding:8px 2px;text-align:center} .cl-add{background:none;border:1px dashed var(--line);color:var(--muted);border-radius:8px;padding:8px;font-size:12.5px;cursor:pointer;transition:.15s} .cl-add:hover{border-color:var(--gold);color:var(--gold)} .cl-select{width:100%;background:var(--panel2);border:1px solid var(--gold-dim);border-radius:7px;color:var(--ink);padding:9px 11px;font-family:inherit;font-size:13px} .cl-select:focus{outline:none;border-color:var(--gold)} /* ---- Переданные клиенты (таблица) ---- */ .ho-table{width:100%;border-collapse:collapse;min-width:900px;font-size:13px} .ho-table thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap} .ho-table tbody td{padding:12px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:top} .ho-table tbody tr:hover{background:var(--panel2)} .ho-sub{font-size:11.5px;color:var(--muted);margin-top:3px} .ho-stage{display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:20px;background:rgba(201,162,74,.12);color:var(--gold)} /* ---- карточка объекта: метка дубля, редактирование, фото, коллеги ---- */ .lc-dupbadge{align-self:center;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap} .lc-dupbadge.is-dup{color:#e5484d;background:rgba(229,72,77,.14)} .lc-dupbadge.is-maybe{color:#f5a524;background:rgba(245,165,36,.14)} .lc-editbtn{background:none;border:none;color:var(--gold-dim);font-size:11.5px;cursor:pointer;padding:0;margin-left:6px} .lc-editbtn:hover{color:var(--gold);text-decoration:underline} .lf-editing{border-color:var(--gold)!important} .lf-photowrap{margin-top:8px;border-radius:8px;overflow:hidden} #lfPhotoThumb{max-width:100%;max-height:200px;border-radius:8px;border:1px solid var(--line);display:block} .lf-photo-empty{padding:22px 12px;text-align:center;color:var(--muted);font-size:12px;background:var(--panel2);border:1px dashed var(--line);border-radius:8px} .lf-photo-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap} .lf-colleagues{display:flex;flex-direction:column;gap:8px;margin-top:6px} .lf-col-card{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:9px 11px} .lf-col-card.me{border-color:var(--gold-dim)} .lf-col-top{display:flex;align-items:center;gap:8px;font-size:13px} .lf-col-me{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--gold);background:rgba(201,162,74,.14);padding:1px 6px;border-radius:10px} .lf-col-st{margin-left:auto;font-size:11.5px;color:var(--muted)} .lf-col-sub{font-size:11.5px;color:var(--muted);margin-top:3px} /* дропдаун «Коллеги» в шапке карточки */ .lc-colwrap{position:relative;align-self:center} .lc-editmini{background:none;border:none;color:var(--gold-dim);font-size:13px;cursor:pointer;padding:2px 4px;line-height:1} .lc-editmini:hover{color:var(--gold)} #lfPhotoThumb{max-height:190px;max-width:100%;width:auto;border-radius:9px;border:1px solid var(--line);display:block;margin-top:10px;object-fit:cover;cursor:zoom-in} .lc-note .lc-link{color:var(--gold);text-decoration:none;font-size:13px} .lc-note .lc-link:hover{text-decoration:underline} .lc-note .lc-note-val{color:var(--ink);font-size:13px} .lc-colbtn{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:6px 11px;font-size:12px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px} .lc-colbtn:hover{border-color:var(--gold-dim);color:var(--ink)} .lc-colcount{background:rgba(201,162,74,.16);color:var(--gold);border-radius:10px;padding:0 6px;font-weight:600;font-size:11px} .lc-colmenu{position:absolute;top:calc(100% + 6px);right:0;min-width:280px;max-width:360px;max-height:340px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4);padding:6px;z-index:50;display:none} .lc-colmenu.show{display:block} .lc-colitem{padding:9px 10px;border-radius:8px;cursor:pointer} .lc-colitem:hover{background:var(--panel2)} .lc-colitem-top{display:flex;align-items:center;gap:8px;font-size:13px} .lc-colst{margin-left:auto;font-size:11px;padding:1px 8px;border-radius:12px;border:1px solid;white-space:nowrap} .lc-coldet{margin-top:7px;font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:4px} .lc-colnote{background:var(--panel2);border-radius:6px;padding:5px 8px} .obj-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px} .obj-section-head h2{font-size:20px;text-transform:uppercase} .obj-tabs{display:flex;gap:6px;margin-bottom:12px} .type-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px} .type-filter button{background:none;border:1px solid var(--line);color:var(--muted);padding:6px 13px;border-radius:20px;font-size:12px} .type-filter button:hover{color:var(--ink)} .type-filter button.active{background:rgba(201,162,74,.1);border-color:var(--gold);color:var(--gold)} .dtype{display:inline-block;font-size:10px;padding:3px 9px;border-radius:5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px} .dt-auction{background:rgba(168,130,214,.18);color:#b794e8} .dt-classic{background:rgba(91,143,214,.15);color:var(--blue)} .dt-mortgage{background:rgba(76,175,120,.15);color:var(--green)} .dt-novostroy{background:rgba(201,162,74,.15);color:var(--gold)} .dt-legal{background:rgba(212,104,94,.15);color:var(--red)} .dt-draft{background:rgba(120,128,140,.18);color:#aeb6c2} .st.s-draft{background:rgba(120,128,140,.9);color:#fff} .obj-tabs button{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:9px 16px;border-radius:8px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px} .obj-tabs button span{background:var(--panel2);padding:1px 8px;border-radius:20px;font-size:11px;font-weight:600} .obj-tabs button.active{border-color:var(--gold);color:var(--gold)} .obj-tabs button.active span{background:rgba(201,162,74,.15)} .obj-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px} .ocard{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:.15s} .ocard-del{position:absolute;top:8px;right:8px;z-index:3;width:26px;height:26px;border-radius:7px;border:none;background:rgba(0,0,0,.55);color:#e5484d;font-size:13px;cursor:pointer;opacity:.75;transition:.15s} .ocard-del:hover{opacity:1;background:#e5484d;color:#fff} .ocard:hover{border-color:var(--gold);transform:translateY(-2px)} .ocard .photo{height:130px;background:linear-gradient(135deg,#2a2f3a,#1d212a);display:flex;align-items:center;justify-content:center;color:#3f4756;font-size:30px;position:relative} .ocard .photo .st{position:absolute;top:10px;left:10px;font-size:10px;padding:3px 9px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px} .st.s-active{background:rgba(76,175,120,.9);color:#0d1f15} .st.s-prep{background:rgba(201,162,74,.9);color:#1a1a1a} .st.s-done{background:rgba(120,128,140,.9);color:#fff} .ocard .ob{padding:13px 15px} .ocard .ob .dtype{margin-bottom:8px} .ocard .o-client{font-weight:600;font-size:14px;margin-bottom:4px} .ocard .o-price{font-family:'Oswald';font-size:18px;color:var(--gold)} .ocard .o-addr{font-weight:600;font-size:13px;margin:3px 0 8px} .ocard .o-spec{color:var(--muted);font-size:12px;display:flex;gap:10px} .ocard .o-foot{display:flex;justify-content:space-between;margin-top:11px;padding-top:11px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)} .ocard .o-foot b{color:var(--ink);font-family:'Oswald'} /* ---- Экран подготовки аукциона ---- */ .auc-banner{display:flex;align-items:center;gap:12px;background:rgba(76,175,120,.10);border:1px solid rgba(76,175,120,.30);border-radius:10px;padding:14px 18px;margin-bottom:20px;font-size:13px;color:#bfe6cf} .auc-banner .ab-ico{width:30px;height:30px;border-radius:50%;background:var(--green);color:#0d1f15;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0} .auc-head-badge{display:inline-flex;align-items:center;gap:8px;margin-top:6px} .st.s-prepviolet{background:rgba(168,130,214,.9);color:#241a33} .autodoc{display:flex;align-items:center;gap:13px;padding:13px 15px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;margin-bottom:9px} .autodoc .ad-ico{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;background:rgba(201,162,74,.14);color:var(--gold)} .autodoc .ad-name{font-weight:600;font-size:13px} .autodoc .ad-sub{color:var(--muted);font-size:12px;margin-top:1px} .autodoc .ad-right{margin-left:auto;display:flex;align-items:center;gap:10px} .ad-status{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:600;white-space:nowrap} .ad-ready{background:rgba(76,175,120,.15);color:var(--green)} .ad-wait{background:rgba(201,162,74,.15);color:var(--gold)} .ad-empty{background:rgba(212,104,94,.15);color:var(--red)} .ad-open{background:transparent;border:1px solid var(--line);color:var(--ink);padding:6px 12px;border-radius:7px;font-size:12px} .ad-open:hover{border-color:var(--gold);color:var(--gold)} .fill-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px} .fill-row:last-child{border-bottom:none} .fill-row span{color:var(--muted)} .fill-row .empty{color:var(--gold-dim);font-style:italic} /* ---- Аккордеон этапов объекта ---- */ .acc{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;overflow:hidden} .acc.open{border-color:var(--gold-dim)} .acc-head{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;user-select:none} .acc-head:hover{background:rgba(255,255,255,.02)} .acc-head .st-name{font-weight:600;font-size:14px} .acc-head .st-sub{color:var(--muted);font-size:12px;margin-top:2px} .acc-head .acc-right{margin-left:auto;display:flex;align-items:center;gap:12px} .acc-chev{color:var(--gold-dim);font-size:13px;transition:transform .2s} .acc.open .acc-chev{transform:rotate(90deg)} .acc-body{display:none;padding:4px 18px 20px;border-top:1px solid var(--line)} .acc.open .acc-body{display:block} /* ---- Полная карточка: слева навигация по этапам, справа контент выбранного ---- */ .ao-split{display:flex;gap:22px;align-items:flex-start} .ao-stagenav{flex:0 0 258px;position:sticky;top:16px;display:flex;flex-direction:column;gap:4px} .ao-panes{flex:1 1 auto;min-width:0} .ao-navitem{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;cursor:pointer;border:1px solid transparent;background:transparent;text-align:left;width:100%;font-family:inherit;color:var(--ink)} .ao-navitem:hover{background:rgba(255,255,255,.03)} .ao-navitem.active{background:var(--panel-2);border-color:var(--gold-dim)} .ao-navitem .ao-num{flex:0 0 auto;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--muted)} .ao-navitem.active .ao-num{border-color:var(--gold);color:var(--gold)} .ao-navitem .ao-nm{flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ao-navitem .ao-sdot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--muted)} .ao-navitem.ao-ws{margin-bottom:8px;background:rgba(201,162,74,.08);border-color:var(--gold-dim)} .ao-navitem.ao-ws .ao-num{border-color:var(--gold);color:var(--gold);font-size:13px} /* в режиме панелей показываем только активный этап; его шапка служит заголовком */ .ao-panes .acc{display:none;border:none;background:transparent;margin:0;overflow:visible} .ao-panes .acc.ao-active{display:block} .ao-panes .acc.ao-active .acc-head{cursor:default;padding:0 0 12px} .ao-panes .acc.ao-active .acc-head:hover{background:none} .ao-panes .acc.ao-active .acc-head .acc-chev{display:none} .ao-panes .acc.ao-active .acc-body{display:block;border-top:1px solid var(--line);padding:16px 0 8px} /* «Рабочее поле»: заголовок панели не дублируем — он уже есть в навигаторе слева */ .ao-panes .acc.ao-wspane.ao-active .acc-head{display:none} .ao-panes .acc.ao-wspane.ao-active .acc-body{border-top:none;padding-top:4px} /* легенда статусов — внизу навигатора */ .ao-legend{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px} .ao-legend-t{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:2px} .ao-legend-r{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted)} .ao-ld{width:9px;height:9px;border-radius:50%;flex:0 0 auto} @media(max-width:880px){.ao-split{flex-direction:column}.ao-stagenav{position:static;flex:none;width:100%;flex-direction:row;flex-wrap:wrap}.ao-navitem{width:auto}} /* карточки текстов «Подготовка к рекламе» */ .txt-card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:12px} .txt-card-head{display:flex;align-items:center;gap:12px;margin-bottom:8px} .txt-title{font-weight:600;font-size:13.5px;color:var(--ink)} .txt-copy{margin-left:auto;padding:5px 12px;font-size:12px;white-space:nowrap} .txt-ta{width:100%;min-height:96px;resize:vertical;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.5} .txt-inp{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:9px 12px;font-family:inherit;font-size:13px} .txt-ta:focus,.txt-inp:focus{outline:none;border-color:var(--gold)} .txt-chk{display:flex;align-items:center;gap:8px;cursor:pointer} .txt-chk input{width:16px;height:16px;accent-color:var(--gold)} .acc-sub{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin:18px 0 10px} .acc-sub:first-child{margin-top:14px} /* статус-точка этапа */ .dot.empty{border-color:var(--line);color:var(--muted);background:transparent} .stat-tag{font-size:10px;padding:3px 10px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.4px} .stat-ok{background:rgba(76,175,120,.15);color:var(--green)} .stat-wait{background:rgba(201,162,74,.15);color:var(--gold)} .stat-empty{background:rgba(154,160,172,.12);color:var(--muted)} .stat-review{background:rgba(91,141,239,.15);color:#5b8def} .stat-rework{background:rgba(224,138,61,.16);color:#e08a3d} /* подпункты «Подготовка к рекламе» */ .prep-sub{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px} .prep-sub-head{display:flex;align-items:center;gap:12px;margin-bottom:10px} .prep-sub-t{font-weight:600;font-size:14px} .prep-sub-s{font-size:12px;color:var(--muted);margin-top:2px} .prep-sub-head .stat-tag{margin-left:auto} .prep-sub-actions{display:flex;gap:8px;flex-wrap:wrap} .prep-sub-actions .btn{padding:7px 14px;font-size:12.5px} .s5-lbl{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin:6px 0 5px} /* модалка покупателя: слева данные, справа активность */ .buyer-grid{display:grid;grid-template-columns:300px 1fr;gap:24px;padding:20px 24px;align-items:start} .buyer-grid .buyer-right{border-left:1px solid var(--line);padding-left:24px;min-width:0} @media(max-width:760px){.buyer-grid{grid-template-columns:1fr;gap:14px}.buyer-grid .buyer-right{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:14px}} /* активная задача (как в amoCRM) */ .active-task{background:rgba(201,162,74,.06);border:1px solid var(--gold-dim);border-radius:10px;padding:12px 14px;margin-bottom:12px} .active-task .at-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap} .active-task .at-head select{background:var(--panel2);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:6px 9px;font-family:inherit;font-size:12.5px;color-scheme:dark;cursor:pointer} .active-task .at-text{font-size:13px;color:var(--ink);margin-bottom:10px;line-height:1.4} .active-task .at-row{display:flex;gap:8px;align-items:center} .active-task .at-row .txt-inp{flex:1} .active-task .at-row .btn{padding:8px 14px;font-size:12.5px;white-space:nowrap} /* цвет активной задачи: зелёная — актуальная (сегодня/запланирована), красная — просрочена */ .active-task{border-left-width:3px} .active-task.st-today{border-color:var(--green);border-left-color:var(--green);background:rgba(76,175,120,.07)} .active-task.st-future{border-color:var(--green);border-left-color:var(--green);background:rgba(76,175,120,.05)} .active-task.st-overdue{border-color:var(--red);border-left-color:var(--red);background:rgba(212,104,94,.08)} /* поле «Результат выполнения» скрыто, пока не кликнули по задаче */ .active-task:not(.open) .at-head, .active-task:not(.open) .at-text, .active-task:not(.open) .at-row, .active-task:not(.open) .at-follow{display:none} .active-task.open .at-mini{display:none} .active-task .at-mini{display:flex;align-items:center;gap:11px;cursor:pointer} .active-task.open{cursor:default} .active-task .at-clock{width:26px;height:26px;border-radius:50%;border:2px solid var(--green);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 auto} .active-task .at-clock.overdue{border-color:var(--red);color:var(--red)} .active-task .at-mini-b{flex:1;min-width:0} .active-task .at-mini-l1{font-size:11.5px;color:var(--muted)} .active-task .at-mini-l2{font-size:13.5px;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .active-task .at-mini-chev{color:var(--muted);font-size:13px} .active-task .at-row{display:flex;gap:8px;margin-top:8px} .active-task .at-row .txt-inp{flex:1} .active-task .at-btn{padding:6px 12px;font-size:12px;white-space:nowrap} .at-due{position:relative} .at-due-btn{background:var(--panel2);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:6px 11px;font-family:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap} .at-due-btn:hover{border-color:var(--gold-dim)} .at-due-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:50;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 44px rgba(0,0,0,.55);display:none} .at-due-menu.open{display:flex;align-items:stretch} .at-presets{display:flex;flex-direction:column;padding:5px;min-width:168px;border-right:1px solid var(--line)} .at-presets button{text-align:left;background:none;color:var(--ink);padding:8px 12px;border-radius:6px;font-family:inherit;font-size:13px;cursor:pointer;white-space:nowrap} .at-presets button:hover{background:var(--panel2);color:var(--gold)} .at-cal{padding:9px 11px;min-width:236px} .cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:13px;font-weight:600} .cal-head button{background:none;border:0;color:var(--gold);font-size:17px;cursor:pointer;padding:0 8px} .cal-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px} .cal-wd span{text-align:center;font-size:10px;color:var(--muted)} .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px} .cal-grid .cal-e{height:28px} .cal-grid .cal-d{height:28px;background:none;border:0;border-radius:6px;color:var(--ink);font-size:12.5px;cursor:pointer;font-family:inherit} .cal-grid .cal-d:hover{background:var(--panel2)} .cal-grid .cal-d.today{color:var(--gold);font-weight:700} .cal-grid .cal-d.sel{background:var(--gold);color:#1a1a1a;font-weight:700} .at-exact{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)} .at-exact label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px} .at-exact input{background:var(--panel2);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:5px 7px;font-family:inherit;font-size:12px;color-scheme:dark} .at-exact.at-exact-hl{background:rgba(201,162,74,.10);border-radius:8px;padding:8px;margin-left:-2px;margin-right:-2px} .at-exact.at-exact-hl label{color:var(--gold)} .at-exact-done{margin-left:auto;background:var(--gold);border:none;color:#0f1115;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer} .at-time-btn{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer} .at-time-btn:hover{border-color:var(--gold);color:var(--gold)} .at-time-hint{font-size:11px;color:var(--muted)} .prep-sub .txt-ta{margin-bottom:10px} .stat-fill{background:rgba(91,143,214,.15);color:var(--blue)} .stage-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)} .stage-actions .sa-note{font-size:12px;color:var(--muted)} .btn.green{background:var(--green);color:#0d1f15} .btn.green:hover{background:#5cc089} /* легенда статусов */ .status-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:18px;font-size:12px;color:var(--muted)} .status-legend span{display:inline-flex;align-items:center;gap:6px} .sl-dot{width:9px;height:9px;border-radius:50%} /* фотографии объекта */ .photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px} .photo-add{border:2px dashed var(--line);border-radius:9px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;font-size:12px;gap:4px} .photo-add:hover{border-color:var(--gold-dim);color:var(--gold)} .photo-add .pa-ico{font-size:22px;color:var(--gold)} .photo-thumb{position:relative;aspect-ratio:1;border-radius:9px;background-size:cover;background-position:center;border:1px solid var(--line)} .ph-del{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:rgba(19,21,26,.8);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:.15s} .photo-thumb:hover .ph-del{opacity:1} .ph-del:hover{background:var(--red)} .ph-main{position:absolute;top:5px;left:5px;width:22px;height:22px;border-radius:50%;background:rgba(19,21,26,.8);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:.15s} .photo-thumb:hover .ph-main{opacity:1} .ph-main:hover{background:var(--gold);color:#1a1a1a} .photo-thumb.is-main{border:2px solid var(--gold)} .ph-main-badge{position:absolute;bottom:5px;left:5px;background:var(--gold);color:#1a1a1a;font-size:9px;font-weight:700;padding:2px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.4px} .plan-zone{border:2px dashed var(--line);border-radius:10px;padding:24px 18px;text-align:center;cursor:pointer;color:var(--muted);transition:.15s} .plan-zone:hover,.plan-zone.drag{border-color:var(--gold-dim);color:var(--ink)} .plan-zone .mat-ico{font-size:24px;color:var(--gold);margin-bottom:6px} .plan-zone .mat-sub{font-size:11px;margin-top:4px} #planPreview img{max-width:340px;border:1px solid var(--line);border-radius:8px} #planPreview iframe{width:100%;height:300px;border:1px solid var(--line);border-radius:8px;background:#fff} .toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--green);color:#0d1f15;font-weight:600;padding:12px 24px;border-radius:10px;z-index:200;box-shadow:0 8px 30px rgba(0,0,0,.4);font-size:14px} /* модалка предпросмотра договора */ .modal-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:300;padding:30px;overflow:auto} .modal-ov.show{display:flex;align-items:flex-start;justify-content:center} .modal-win{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:880px;overflow:hidden;margin:auto} .modal-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)} .modal-title{font-family:'Oswald';font-size:18px;text-transform:uppercase;color:var(--gold)} .modal-note{padding:12px 20px;font-size:12.5px;color:#bfe6cf;background:rgba(76,175,120,.08);border-bottom:1px solid var(--line)} /* «Мой локатор» */ .loc-switch{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer;margin-bottom:6px} .loc-switch input{width:17px;height:17px} .loc-block{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)} .loc-lbl{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:8px;font-weight:600} .loc-hint{font-size:11.5px;color:var(--muted);margin-top:6px;line-height:1.45} .loc-districts{display:flex;flex-wrap:wrap;gap:7px} .loc-chip{font-size:12.5px;padding:5px 11px;border:1px solid var(--line);border-radius:20px;cursor:pointer;user-select:none;background:var(--panel2);color:var(--ink);transition:.12s} .loc-chip.on{background:var(--gold);border-color:var(--gold);color:#1b1e26;font-weight:600} #locMap.drawing{cursor:crosshair} #locMap.drawing .leaflet-grab{cursor:crosshair} #locMapBlock.locmap-full{position:fixed;inset:0;z-index:500;background:var(--panel);padding:14px;margin:0;display:flex;flex-direction:column;gap:10px} #locMapBlock.locmap-full #locMap{flex:1;height:auto!important;min-height:0!important;border-radius:8px} .modal-sheet{background:#fff;color:#111;margin:20px;border-radius:6px;padding:38px 44px;box-shadow:0 6px 30px rgba(0,0,0,.3)} .modal-sheet *{font-family:'Times New Roman',Georgia,serif} .modal-subhead{margin:18px 0 12px;padding-top:14px;border-top:1px solid var(--line);font-size:12px; text-transform:uppercase;letter-spacing:.5px;color:var(--gold)} .modal-subhead span{text-transform:none;letter-spacing:0;font-size:11px;color:var(--muted);font-weight:400;margin-left:6px} .field-2col{display:grid;grid-template-columns:1fr 1fr;gap:0 14px} /* блок ЕГРН / ЭЦП */ .egrn-memo{display:flex;gap:11px;background:rgba(91,143,214,.08);border:1px solid rgba(91,143,214,.25);border-radius:9px;padding:13px 15px;font-size:12.5px;color:#bcd0ee;margin:10px 0} .egrn-memo .em-ico{flex-shrink:0;color:var(--blue);font-size:16px} .ecp-file{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:12px;margin-bottom:7px} .ecp-file .ef-tag{margin-left:auto;font-size:10px;color:var(--gold);font-weight:600} /* слоты загрузки документов */ .doc-slot{display:flex;align-items:center;gap:12px;background:var(--panel2);border:1.5px dashed var(--line);border-radius:9px;padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:.15s} .doc-slot:hover{border-color:var(--gold-dim)} .doc-slot.loaded{border-style:solid;border-color:var(--green);cursor:default} .doc-slot.drag{border-color:var(--gold);background:rgba(201,162,74,.10)} .doc-slot .ds-ico{width:30px;height:30px;border-radius:7px;background:rgba(201,162,74,.14);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px} .doc-slot.loaded .ds-ico{background:rgba(76,175,120,.15);color:var(--green)} .doc-slot .ds-name{font-weight:600;font-size:13px} .doc-slot .ds-hint{font-size:11px;color:var(--muted);margin-top:1px;word-break:break-all} .doc-slot .ds-tag{margin-left:auto;font-size:11px;font-weight:600;white-space:nowrap} /* команда по объекту — компактные плашки */ .team-box{display:flex;gap:10px;flex-wrap:wrap} .team-item{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px 16px;font-size:13px} .team-item .ti-role{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px} /* строки полной карточки */ .card-rows{display:flex;flex-direction:column} .ck-row{display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)} .ck-row:last-child{border-bottom:none} .ck-row label{font-size:12.5px;color:var(--muted)} .ck-row input{background:var(--panel2);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:9px 11px;font-size:13px;font-family:inherit} .ck-row input:focus{outline:none;border-color:var(--gold)} @media(max-width:700px){.ck-row{grid-template-columns:1fr;gap:4px}} /* окно выписки ЕГРН: большой PDF + XML/SIG справа */ .egrn-row{display:grid;grid-template-columns:1.7fr 1fr;gap:12px;margin-bottom:6px} .egrn-box{border:2px dashed var(--line);border-radius:10px;padding:15px;cursor:pointer;transition:.15s;display:flex;flex-direction:column;background:var(--panel2)} .egrn-box:hover{border-color:var(--gold-dim)} .egrn-box.loaded{border-style:solid;border-color:var(--green)} .egrn-box.drag,.pass-up.drag,.mat-drop.drag,.photo-add.drag{border-color:var(--gold);background:rgba(201,162,74,.10)} .egrn-box .eb-title{font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px} .egrn-box .eb-sub{font-size:11px;color:var(--muted);margin-top:4px;word-break:break-all} .egrn-pdf{min-height:160px} .egrn-pdf iframe{width:100%;height:240px;border:1px solid var(--line);border-radius:8px;margin-top:10px;background:#fff} .egrn-side{display:flex;flex-direction:column;gap:12px} .egrn-side .egrn-box{flex:1;justify-content:center;align-items:center;text-align:center;min-height:74px} .eb-badge{margin-top:8px;font-size:11px;font-weight:600} /* загрузка паспорта в карточке собственника */ .pass-up{display:flex;align-items:center;gap:10px;border:1.5px dashed var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;font-size:12px;color:var(--muted);transition:.15s} .pass-up:hover{border-color:var(--gold-dim);color:var(--ink)} .pass-up.loaded{border-style:solid;border-color:var(--green);color:var(--ink)} .pass-up .pu-ico{width:26px;height:26px;border-radius:6px;background:rgba(201,162,74,.14);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0} .pass-up .pu-tag{margin-left:auto;font-size:10px;font-weight:600} /* ---- Формы карточки / договора ---- */ .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .form-grid.one{grid-template-columns:1fr} .ff label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px} .ff label .req{color:var(--red);margin-left:3px} .ff input,.ff select,.ff textarea{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:10px 12px;font-family:inherit;font-size:13px} .ff input:focus,.ff select:focus,.ff textarea:focus{outline:none;border-color:var(--gold)} .ff input.filled{border-color:var(--green)} .ff textarea{min-height:80px;resize:vertical} .owner-card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:12px;position:relative} .owner-card .o-del{position:absolute;top:12px;right:12px;background:none;color:var(--muted);font-size:16px} .owner-card .o-del:hover{color:var(--red)} .owner-num{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:600} .warn{background:rgba(212,104,94,.10);border:1px solid rgba(212,104,94,.30);border-radius:9px;padding:13px 16px;font-size:12.5px;color:#e6b4ae;margin-top:14px} .warn b{color:#f0c9c4} .warn ul{margin:6px 0 0 18px} .warn li{margin:3px 0} .status-toggle{display:flex;gap:8px} .status-toggle button{flex:1;background:var(--panel2);border:1px solid var(--line);color:var(--muted);padding:10px;border-radius:8px;font-size:13px;font-weight:600} .status-toggle button.on-signed{border-color:var(--green);color:var(--green);background:rgba(76,175,120,.10)} .status-toggle button.on-unsigned{border-color:var(--gold);color:var(--gold);background:rgba(201,162,74,.10)} /* Полная карточка объекта (формат сайта) */ .objweb{background:#fbfaf6;color:#1a1a1a;border-radius:12px;overflow:hidden;font-family:'Inter'} .objweb .ow-hero{background:linear-gradient(135deg,#2a2f3a,#1d212a);color:#fff;padding:26px 30px} .objweb .ow-hero .ow-price{font-family:'Oswald';font-size:32px;color:var(--gold)} .objweb .ow-hero h2{font-size:20px;margin:4px 0 0;color:#fff;text-transform:none} .objweb .ow-body{padding:24px 30px} .objweb .ow-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px} .objweb .ow-spec{background:#fff;border:1px solid #e7e3d8;border-radius:9px;padding:13px;text-align:center} .objweb .ow-spec .v{font-family:'Oswald';font-size:20px;color:#1a1a1a} .objweb .ow-spec .k{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-top:2px} .objweb h3{color:#1a1a1a;font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin:18px 0 8px;border-bottom:2px solid var(--gold);display:inline-block;padding-bottom:3px} .objweb .ow-kv{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #ece8dd;font-size:13px;color:#333} .objweb .ow-kv span{color:#888} @media(max-width:900px){ .home-top{grid-template-columns:1fr}.gauges{grid-template-columns:repeat(3,1fr)} .side{width:64px}.logo .sub,.nav button span.lbl,.side-foot{display:none} .nav button{justify-content:center;padding:14px 0}.main{margin-left:64px;padding:18px} .obj-grid,.two-col{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr} } /* Единый читабельный календарь (кастомный date-picker поверх всех полей дат) */ input[type=date][data-dp]{cursor:pointer} .dp-pop{position:fixed;z-index:99999;background:var(--panel2,#222630);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 16px 48px rgba(0,0,0,.55);width:300px;font-family:inherit;color:var(--ink)} .dp-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px} .dp-hd b{font-size:16px;color:var(--ink);font-weight:700;letter-spacing:.3px} .dp-nav{background:var(--panel);border:1px solid var(--line);color:var(--gold);font-size:18px;cursor:pointer;width:30px;height:30px;border-radius:8px;line-height:1;display:flex;align-items:center;justify-content:center} .dp-nav:hover{background:var(--line)} .dp-wk{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:6px} .dp-wk span{text-align:center;font-size:11px;color:var(--muted);padding:2px 0;text-transform:uppercase;letter-spacing:.5px} .dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px} .dp-d{text-align:center;padding:8px 0;font-size:13.5px;color:var(--ink);border-radius:9px;cursor:pointer;user-select:none} .dp-d:hover{background:rgba(201,162,74,.22)} .dp-e{visibility:hidden;cursor:default} .dp-today{outline:1.5px solid var(--gold);outline-offset:-1.5px} .dp-sel{background:var(--gold);color:#1a1a1a;font-weight:700} .dp-sel:hover{background:var(--gold)} .dp-ft{display:flex;justify-content:space-between;margin-top:10px;border-top:1px solid var(--line);padding-top:10px} .dp-tbtn{background:none;border:none;color:var(--gold);font-size:12.5px;cursor:pointer;padding:4px 6px;border-radius:6px} .dp-tbtn:hover{background:var(--line)} /* ─── блок 2/2 ─── */ #tasks .tk-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px} #tasks .tk-head h1{margin:0 6px 0 0} #tasks .tk-modes,#tasks .tk-calsub{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden} #tasks .tk-mode,#tasks .tk-calbtn{background:transparent;border:none;color:var(--muted);padding:7px 14px;font-size:12.5px;cursor:pointer;font-family:inherit} #tasks .tk-mode:hover,#tasks .tk-calbtn:hover{color:var(--ink)} #tasks .tk-mode.active,#tasks .tk-calbtn.active{background:var(--gold);color:#1a1a1a;font-weight:600} #tasks #tkAgent{background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:7px 10px;font-size:12.5px;font-family:inherit} #tasks .tk-count{color:var(--muted);font-size:12.5px;margin-left:auto} #tasks .tk-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:flex-start} #tasks .tk-col{flex:0 0 262px;min-width:262px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden} #tasks .tk-colhead{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--ink)} #tasks .tk-colhead .tk-cnt{color:var(--muted);font-size:12px;background:var(--panel2);border-radius:20px;padding:1px 8px} #tasks .tk-colbody{padding:10px;display:flex;flex-direction:column;gap:9px;min-height:40px} #tasks .tk-card{background:var(--panel2);border:1px solid var(--line);border-left:3px solid var(--gold-dim);border-radius:9px;padding:10px 12px;cursor:pointer;transition:border-color .12s} #tasks .tk-card:hover{border-color:var(--gold)} #tasks .tk-card.st-overdue{border-left-color:#e0533d} #tasks .tk-card.st-today{border-left-color:#46c26a} #tasks .tk-card.st-future{border-left-color:#5b8def} #tasks .tk-c-title{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #tasks .tk-c-when{font-size:11.5px;color:var(--muted);margin-top:4px} #tasks .tk-c-text{font-size:12px;color:var(--ink);margin-top:4px;line-height:1.4;white-space:pre-wrap} #tasks .tk-c-foot{font-size:11px;color:var(--gold-dim);margin-top:6px} #tasks .tk-empty{color:var(--muted);font-size:12px;text-align:center;padding:8px 0} #tasks .tk-empty2{color:var(--muted);text-align:center;padding:26px} #tasks .tk-listwrap{padding:0;overflow:auto} #tasks table.tk-list{width:100%;border-collapse:collapse} #tasks table.tk-list th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--line)} #tasks table.tk-list td{padding:11px 14px;font-size:13px;color:var(--ink);border-bottom:1px solid rgba(255,255,255,.04)} #tasks table.tk-list tbody tr{cursor:pointer} #tasks table.tk-list tbody tr:hover{background:var(--panel2)} #tasks table.tk-list tr.st-overdue td:first-child{color:#e0533d} #tasks table.tk-list tr.st-today td:first-child{color:#46c26a} #tasks .tk-calnav{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px;font-size:14px;color:var(--ink)} #tasks .tk-calnav>span{text-transform:capitalize;min-width:220px;text-align:center} #tasks .tk-calnav button{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:5px 11px;cursor:pointer;font-size:14px} #tasks .tk-calnav button:hover{border-color:var(--gold)} #tasks .tk-calnav .tk-today{font-size:12px} #tasks .tk-daylist{display:flex;flex-direction:column} #tasks .tk-dayrow{display:flex;gap:14px;align-items:center;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer} #tasks .tk-dayrow:hover{background:var(--panel2)} #tasks .tk-daytime{flex:0 0 46px;color:var(--muted);font-size:12.5px} #tasks .tk-daymain{flex:1;font-size:13px;color:var(--ink)} #tasks .tk-dayag{color:var(--gold-dim);font-size:11.5px} #tasks .tk-week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px} #tasks .tk-wcol{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:120px} #tasks .tk-wcol.today{border-color:var(--gold)} #tasks .tk-wch{padding:8px;font-size:12px;color:var(--ink);border-bottom:1px solid var(--line);text-align:center} #tasks .tk-wbody{padding:6px;display:flex;flex-direction:column;gap:5px} #tasks .tk-chip,#tasks .tk-mchip{border-left:3px solid var(--gold-dim);background:var(--panel2);border-radius:6px;padding:5px 7px;font-size:11px;color:var(--ink);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #tasks .tk-chip:hover,#tasks .tk-mchip:hover{background:var(--line)} #tasks .tk-chip.st-overdue,#tasks .tk-mchip.st-overdue{border-left-color:#e0533d} #tasks .tk-chip.st-today,#tasks .tk-mchip.st-today{border-left-color:#46c26a} #tasks .tk-month{border:1px solid var(--line);border-radius:10px;overflow:hidden} #tasks .tk-mwds{display:grid;grid-template-columns:repeat(7,1fr);background:var(--panel)} #tasks .tk-mwd{padding:8px;text-align:center;font-size:11px;color:var(--muted);text-transform:uppercase} #tasks .tk-mgrid{display:grid;grid-template-columns:repeat(7,1fr)} #tasks .tk-mcell{min-height:96px;border-top:1px solid var(--line);border-left:1px solid var(--line);padding:5px;display:flex;flex-direction:column;gap:3px} #tasks .tk-mcell:nth-child(7n+1){border-left:none} #tasks .tk-mcell.other{opacity:.4} #tasks .tk-mcell.today{background:rgba(201,162,74,.07)} #tasks .tk-mdate{font-size:12px;color:var(--muted);text-align:right} #tasks .tk-mchip{font-size:10.5px;padding:3px 6px} #tasks .tk-mmore{font-size:10px;color:var(--muted);padding-left:4px} /* ═══════════ МОБИЛЬНАЯ АДАПТАЦИЯ (таб-бар как в amoCRM, воронка со свайпом столбцов) ═══════════ */ /* Нижний таб-бар: Сообщения · Воронки · ➕ · Задачи · Кабинет. На десктопе скрыт. */ #mobTabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:9600;background:var(--panel);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center} #mobTabbar button{background:none;border:none;color:var(--muted);font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;cursor:pointer;flex:1;min-width:0} #mobTabbar button.active{color:var(--gold)} #mobTabbar .mt-ico{position:relative;font-size:21px;line-height:1} #mobTabbar .mt-lbl{font-size:10px;letter-spacing:.2px;white-space:nowrap} #mobTabbar .mt-badge{position:absolute;top:-6px;right:-14px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;display:none;align-items:center;justify-content:center} #mobTabbar .mt-plus{flex:0 0 auto;width:52px;height:52px;margin-top:-22px;border-radius:50%;background:var(--gold);color:#1a1a1a;font-size:28px;font-weight:600;line-height:1;box-shadow:0 6px 18px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center} /* Чипсы столбцов воронки и строка «Регламент» в кабинете — только на мобилке */ .pf-stagechips{display:none} .mob-regrow{display:none} @media(max-width:768px){ /* каркас: боковое меню прячем, место — контенту; снизу отступ под таб-бар */ .side{display:none !important} .main,body.nav-collapsed .main{margin-left:0 !important;padding:14px 12px calc(86px + env(safe-area-inset-bottom))} #mobTabbar{display:flex} .topbar{flex-wrap:wrap;gap:10px} .topbar h1{font-size:22px} /* строка «Регламент аукциона» в кабинете (боковое меню с регламентами скрыто) */ .mob-regrow{display:flex;align-items:center;gap:8px;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--ink);font-family:inherit;font-size:14px;font-weight:600;padding:13px 15px;margin-bottom:14px;cursor:pointer} /* ── Воронка: один столбец на экран, свайп между столбцами (scroll-snap) ── */ #platform .pf-head{gap:8px} #platform .pf-head h1{display:none} #platform .pf-search{flex:1 1 120px;min-width:100px} #platform .pf-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px} #platform .pf-filters > *{flex:0 0 auto} #platform .board{scroll-snap-type:x mandatory;gap:10px;-webkit-overflow-scrolling:touch} #platformBoard .pf-col{flex:0 0 calc(100vw - 40px);min-width:calc(100vw - 40px);max-width:calc(100vw - 40px);scroll-snap-align:center} /* чипсы всех столбцов: тап = прыжок к столбцу, активный подсвечен */ .pf-stagechips{display:flex;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 2px 10px;scrollbar-width:none} .pf-stagechips::-webkit-scrollbar{display:none} .pf-stagechips .sc{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:20px;color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;padding:7px 12px;cursor:pointer;white-space:nowrap} .pf-stagechips .sc .sc-cnt{background:var(--panel2);border-radius:12px;padding:0 7px;font-size:11px} .pf-stagechips .sc.active{border-color:var(--gold);color:var(--gold);background:rgba(201,162,74,.1)} /* ── Мессенджер: полноэкранный, открывается из таб-бара; плавающую кнопку прячем ── */ #gcFab{display:none !important} /* инлайн-стили панели перебиваем !important — на мобилке мессенджер во весь экран */ #gcPanel{left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;width:100% !important;height:100% !important;border-radius:0 !important;border:none !important} #gcPanel > div:last-child > div:first-child{flex:0 0 42% !important;min-width:0} /* ── Задачи: доска колонок тоже листается по одной ── */ #tasks .tk-board{scroll-snap-type:x mandatory} #tasks .tk-col{flex:0 0 calc(100vw - 40px);min-width:calc(100vw - 40px);scroll-snap-align:center} /* карточка воронки: шапка переносится, без горизонтального скролла на узких экранах */ #listingModal .modal-bar{flex-wrap:wrap;gap:8px;padding:10px 12px} #listingModal .modal-bar .lc-actions{margin-left:0 !important;width:100%;flex-wrap:wrap} #listingModal .modal-bar .lc-actions .btn{flex:1 1 auto;padding:8px 10px;font-size:12px;white-space:nowrap} /* полная карточка: этапы-навигатор горизонтальной лентой */ .ao-stagenav{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap} .ao-navitem{flex:0 0 auto} }