/* Формы подачи /notices/…/new и edit — вид как AddForm в canvas (NOTICES_DESIGN_SONNET).
 * Префиксы: nb-form-* (каркас), nbf-* (поля). Поля и name= не меняются, только вид. */

/* ---------- страница ---------- */
html.nb-form-on body #column1-wrap, html.nb-form-on body #column1, html.nb-form-on body #column1-n,
html.nb-form-on body #content.guide, html.nb-form-on body .forms {
	width: 100% !important; float: none !important; max-width: none !important;
	background: transparent !important; padding: 0 !important; margin: 0 !important;
	box-shadow: none !important; border: 0 !important;
}
html.nb-form-on body .sidebar, html.nb-form-on body .sidebar-left, html.nb-form-on body #sidebar { display: none !important; }
html.nb-form-on body .nb-form-page { max-width: 1100px; margin: 0 auto; }
html.nb-form-on body .fix_3756 { max-width: none; overflow: visible !important; margin: 0 !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; }
html.nb-form-on body .fix-width-center { width: 100% !important; max-width: none !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; float: none !important; }
html.nb-form-on body form[name="giude_form"] { width: 100% !important; max-width: none !important; float: none !important; margin: 0; }
html.nb-form-on body .info-highlight-block:not(.nbf-promo) { display: none !important; }

/* шапка: Объявления / Доска / Добавление объявления */
html.nb-form-on body .nb-form-crumb {
	display: flex; flex-wrap: wrap; align-items: center; column-gap: 8px; row-gap: 4px;
	font-size: 18px; font-weight: 400; margin: 0 0 16px; padding: 0; background: none !important;
	text-align: left; color: inherit; border: 0 !important; height: auto;
}
html.nb-form-on body .nb-form-crumb a { font-weight: 700; font-size: 30px; line-height: 1.15; color: inherit; text-decoration: none; }
html.nb-form-on body .nb-form-crumb a + .nb-form-slash + a { font-weight: 400; font-size: 18px; line-height: 1.2; }
html.nb-form-on body .nb-form-crumb a:hover { color: #1d4ed8; }
html.nb-form-on body .nb-form-slash { color: #6b6b6b; font-size: 18px; line-height: 1; }
html.nb-dk.nb-form-on body .nb-form-crumb a:hover { color: #93c5fd; }

/* двухколоночная сетка: поля + 340px */
html.nb-form-on body .nb-form-grid {
	display: grid !important; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px;
	align-items: start; width: 100%; margin: 0 !important;
}
html.nb-form-on body .nb-form-main, html.nb-form-on body .nb-form-side {
	display: flex; flex-direction: column; gap: 16px; min-width: 0; float: none !important;
	background: transparent !important; padding: 0 !important; border: 0 !important; box-shadow: none !important;
}

/* ---------- карточки ---------- */
html.nb-form-on body .nbf-card {
	background: #fff; border-radius: 12px; padding: 20px; min-width: 0;
	display: flex; flex-direction: column; gap: 16px;
}
html.nb-dk.nb-form-on body .nbf-card { background: #2c2c2e; }
html.nb-form-on body .nbf-card-t { font-size: 16px; font-weight: 700; line-height: 1.25; }
html.nb-form-on body .nbf-card-h { font-size: 16px; font-weight: 400; line-height: 1.2; }

/* таблица → колонка полей */
html.nb-form-on body table.giude-fields.nbf-tbl { display: block; width: 100%; margin: 0; padding: 0; background: transparent !important; border: 0 !important; border-spacing: 0; }
html.nb-form-on body table.giude-fields.nbf-tbl tbody {
	display: flex; flex-direction: row; flex-wrap: wrap; gap: 16px; width: 100%; margin: 0; padding: 0;
	background: transparent !important; border: 0 !important;
}
html.nb-form-on body .nbf-tbl tr.nbf-row {
	display: flex; flex-direction: column; align-items: stretch; gap: 6px;
	padding: 0 !important; margin: 0; border: 0 !important; background: transparent !important;
	float: none !important; width: 100% !important; flex: 0 0 100%; min-width: 0;
}
html.nb-form-on body .nbf-tbl tr.nbf-half { flex: 1 1 calc(50% - 8px); width: auto !important; }
html.nb-form-on body .nbf-tbl tr.nbf-third { flex: 1 1 calc(33.333% - 11px); width: auto !important; }
html.nb-form-on body .nbf-tbl tr.nbf-off,
html.nb-form-on body .nbf-tbl tr.nbf-hid,
html.nb-form-on body .nbf-tbl tr.nbf-row.nbf-hid,
html.nb-form-on body .nbf-tbl tr.nbf-row[style*="display: none"] { display: none !important; }
html.nb-form-on body .nbf-tbl tr.nbf-row > th,
html.nb-form-on body .nbf-tbl tr.nbf-row > td {
	display: block; float: none !important; width: 100% !important; max-width: none !important; min-width: 0;
	border: 0 !important; background: transparent !important; padding: 0 !important; margin: 0;
	text-align: left !important; vertical-align: top; height: auto;
}
html.nb-form-on body .nbf-tbl tr.nbf-row > th:empty,
html.nb-form-on body .nbf-tbl tr.nbf-row-nolab > th { display: none; }
html.nb-form-on body .nbf-tbl tr.nbf-row > td.alert { display: none; }
html.nb-form-on body .nbf-tbl tr.nbf-row > td.alert:not(:empty) { display: block; font-size: 12px; line-height: 1.35; color: #b4151b; }
html.nb-dk.nb-form-on body .nbf-tbl tr.nbf-row > td.alert:not(:empty) { color: #ff8a8f; }
html.nb-form-on body .nbf-tbl th label {
	display: block; font-size: 13px; font-weight: 600; line-height: 1.3; margin: 0; color: inherit;
}
html.nb-form-on body .nbf-req { color: #ed1c24; margin-left: 2px; }
html.nb-form-on body .nbf-tbl th label .req { color: #ed1c24; }

/* ---------- поля ---------- */
html.nb-form-on body .nbf-tbl input[type="text"],
html.nb-form-on body .nbf-tbl input[type="tel"],
html.nb-form-on body .nbf-tbl input[type="email"],
html.nb-form-on body .nbf-tbl input[type="number"],
html.nb-form-on body .nbf-tbl textarea,
html.nb-form-on body .nbf-tbl select {
	display: block; width: 100% !important; max-width: 100% !important; height: 38px !important;
	margin: 0; padding: 0 12px !important; box-sizing: border-box !important;
	border: 1px solid #d1d5db !important; border-radius: 8px !important;
	background: #fff !important; color: #1a1a1a !important; box-shadow: none !important;
	font: 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
	outline: 0; overflow: hidden;
}
html.nb-form-on body .nbf-tbl textarea {
	height: auto !important; min-height: 120px; padding: 10px 12px !important; line-height: 1.45 !important;
	resize: vertical; overflow: auto;
}
html.nb-form-on body .nbf-tbl textarea#suggest, html.nb-form-on body .nbf-tbl textarea[name="ADRESS"] {
	min-height: 38px !important; height: 38px !important; max-height: 38px !important;
	padding: 9px 12px !important; resize: none !important; overflow: hidden !important;
	line-height: 20px !important;
}
html.nb-form-on body .nbf-tbl textarea.detail, html.nb-form-on body .nbf-tbl textarea[name="DETAIL_TEXT"] { height: 224px !important; min-height: 120px !important; max-height: 600px; }
html.nb-form-on body .nbf-tbl input:focus, html.nb-form-on body .nbf-tbl textarea:focus, html.nb-form-on body .nbf-tbl select:focus { border-color: #2563eb !important; }
html.nb-form-on body .nbf-tbl input::placeholder, html.nb-form-on body .nbf-tbl textarea::placeholder { color: #6b7280; opacity: 1; }
html.nb-form-on body .nbf-tbl input[disabled], html.nb-form-on body .nbf-tbl input[readonly]:not([type="checkbox"]):not([type="radio"]) { background: #f0f0f0 !important; color: #6b6b6b !important; }

/* select: нативный, со стрелкой */
html.nb-form-on body .ui-selectmenu-button, html.nb-form-on body .ui-selectmenu-menu { display: none !important; }
html.nb-form-on body .nbf-tbl select {
	display: block !important; -webkit-appearance: none; appearance: none; cursor: pointer;
	padding-right: 34px !important;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") !important;
	background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 16px !important;
}
html.nb-form-on body .nbf-tbl select.nbf-sr,
html.nb-form-on body select[data-nb-chips] {
	position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important;
	opacity: 0 !important; display: block !important; pointer-events: none;
}
html.nb-form-on body .nbf-tbl td > select + select, html.nb-form-on body .nbf-tbl td > .ui-selectmenu-button + select { margin-top: 0; }
html.nb-form-on body .nbf-tbl select.nbf-off-sel { display: none !important; }
/* пара select (категория/подкатегория, фирма) — в две колонки; пустую подкатегорию не показываем */
html.nb-form-on body .nbf-tbl td:has(> select ~ select) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
html.nb-form-on body .nbf-tbl td:has(> select ~ select) > select { margin: 0 !important; min-width: 0; }
html.nb-form-on body .nbf-tbl td:has(> select ~ select) > .ui-selectmenu-button { display: none !important; }
html.nb-form-on body .nbf-tbl td:has(> select ~ select ~ select) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html.nb-form-on body .nbf-tbl td.nbf-sel-1 { display: block !important; grid-template-columns: none !important; }
html.nb-form-on body .nbf-tbl td.nbf-sel-2 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px; }
html.nb-form-on body .nbf-tbl td.nbf-sel-3 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px; }

/* ---------- чипы (тип сделки, «Представьтесь», двигатель …) ---------- */
html.nb-form-on body .nbf-chips { display: flex; flex-wrap: wrap; gap: 8px; max-width: none !important; margin: 0 !important; }
html.nb-form-on body .nbf-chips .field { width: auto !important; margin: 0 !important; padding: 0 !important; }
html.nb-form-on body .nbf-chips .wrap_field_checkbox { margin: 0 !important; }
html.nb-form-on body .nbf-chip, html.nb-form-on body .nbf-chips label.nbf-chip,
html.nb-form-on body .nbf-chips label.ui-checkboxradio-label.nbf-chip {
	display: inline-flex !important; align-items: center; gap: 6px; margin: 0 !important;
	padding: 7px 12px !important; border-radius: 999px !important; height: auto !important; width: auto !important;
	border: 1px solid rgba(20, 20, 20, 0.12) !important; background: #fff !important; color: #1a1a1a !important;
	font: 400 13px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
	cursor: pointer; white-space: nowrap; box-shadow: none !important; text-shadow: none !important;
}
html.nb-form-on body .nbf-chip .ui-checkboxradio-icon, html.nb-form-on body .nbf-chip .ui-icon, html.nb-form-on body .nbf-chip .ui-checkboxradio-icon-space { display: none !important; }
html.nb-form-on body .nbf-chip:hover, html.nb-form-on body .nbf-chips label.nbf-chip:hover { background: #2563eb !important; border-color: #2563eb !important; color: #fff !important; }
html.nb-form-on body .nbf-chip.is-on, html.nb-form-on body .nbf-chip.ui-state-active, html.nb-form-on body .nbf-chip.ui-checkboxradio-checked {
	background: #2563eb !important; border-color: #2563eb !important; color: #fff !important; font-weight: 500 !important;
}
html.nb-form-on body .nbf-chips input.nbf-sr, html.nb-form-on body .nbf-chips input[type="checkbox"], html.nb-form-on body .nbf-chips input[type="radio"] {
	position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0;
}
html.nb-dk.nb-form-on body .nbf-chip, html.nb-dk.nb-form-on body .nbf-chips label.nbf-chip { background: rgba(255,255,255,0.08) !important; border-color: rgba(240,240,240,0.12) !important; color: #f3f4f6 !important; }
html.nb-dk.nb-form-on body .nbf-chip.is-on, html.nb-dk.nb-form-on body .nbf-chip:hover { background: #2563eb !important; border-color: #2563eb !important; color: #fff !important; }

/* ---------- галочки (Дополнительно, Ипотека, Агентам не звонить, правила) ----------
 * На сайте они обёрнуты jQuery UI checkboxradio: видимый квадрат — span.ui-checkboxradio-icon внутри label. */
html.nb-form-on body .nbf-checks {
	display: flex !important; flex-wrap: wrap; gap: 10px 20px; align-items: center; margin: 0 !important;
}
html.nb-form-on body .nbf-tbl .nbf-checks input[type="checkbox"],
html.nb-form-on body .nbf-checks input[type="checkbox"] {
	position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important;
	opacity: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
	background: none !important; pointer-events: none;
}
html.nb-form-on body .nbf-checks label.ui-checkboxradio-label { white-space: nowrap; }
html.nb-form-on body .nbf-checks label.ui-checkboxradio-label .ui-checkboxradio-icon::before,
html.nb-form-on body .nbf-ck-row label.ui-checkboxradio-label .ui-checkboxradio-icon::before,
html.nb-form-on body .nbf-ck label.ui-checkboxradio-label .ui-checkboxradio-icon::before,
html.nb-form-on body .group_field_price label.ui-checkboxradio-label .ui-checkboxradio-icon::before {
	content: none !important; display: none !important;
}
html.nb-form-on body .nbf-checks .field, html.nb-form-on body .group_field_price .field, html.nb-form-on body .nbf-ck-row {
	display: inline-flex; align-items: center; width: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1.4;
}
html.nb-form-on body .nbf-checks label.ui-checkboxradio-label,
html.nb-form-on body .group_field_price label.ui-checkboxradio-label,
html.nb-form-on body .nbf-ck-row label.ui-checkboxradio-label,
html.nb-form-on body .nbf-ck label.ui-checkboxradio-label,
html.nb-form-on body .nbf-ck-fraud label.ui-checkboxradio-label {
	display: inline-flex !important; align-items: flex-start; gap: 10px; margin: 0 !important; padding: 0 !important;
	background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
	color: inherit !important; font: 400 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
	cursor: pointer; text-shadow: none !important; width: auto !important; height: auto !important;
}
html.nb-form-on body .nbf-checks label.ui-checkboxradio-label:hover,
html.nb-form-on body .nbf-ck label.ui-checkboxradio-label:hover { background: transparent !important; }
html.nb-form-on body .nbf-checks label.ui-checkboxradio-label .ui-checkboxradio-icon,
html.nb-form-on body .group_field_price label.ui-checkboxradio-label .ui-checkboxradio-icon,
html.nb-form-on body .nbf-ck-row label.ui-checkboxradio-label .ui-checkboxradio-icon,
html.nb-form-on body .nbf-ck label.ui-checkboxradio-label .ui-checkboxradio-icon {
	display: inline-block !important; position: static !important; flex: none; order: -1;
	width: 20px !important; height: 20px !important; min-width: 20px; margin: 0 !important; padding: 0 !important; text-indent: -999px; overflow: hidden;
	border: 1px solid #d1d5db !important; border-radius: 6px !important; background: #fff none !important; box-shadow: none !important;
	background-image: none !important;
}
html.nb-form-on body label.ui-checkboxradio-label .ui-checkboxradio-icon-space { display: none !important; }
html.nb-form-on body .nbf-checks label.ui-checkboxradio-checked .ui-checkboxradio-icon,
html.nb-form-on body .group_field_price label.ui-checkboxradio-checked .ui-checkboxradio-icon,
html.nb-form-on body .nbf-ck-row label.ui-checkboxradio-checked .ui-checkboxradio-icon,
html.nb-form-on body .nbf-ck label.ui-checkboxradio-checked .ui-checkboxradio-icon {
	background: #2563eb url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>") center / 14px no-repeat !important;
	border-color: #2563eb !important;
}
html.nb-dk.nb-form-on body .nbf-checks label.ui-checkboxradio-label:not(.ui-checkboxradio-checked) .ui-checkboxradio-icon,
html.nb-dk.nb-form-on body .group_field_price label.ui-checkboxradio-label:not(.ui-checkboxradio-checked) .ui-checkboxradio-icon,
html.nb-dk.nb-form-on body .nbf-ck-row label.ui-checkboxradio-label:not(.ui-checkboxradio-checked) .ui-checkboxradio-icon,
html.nb-dk.nb-form-on body .nbf-ck label.ui-checkboxradio-label:not(.ui-checkboxradio-checked) .ui-checkboxradio-icon { background: #2a2a2e !important; border-color: #3f3f46 !important; }
/* если виджета нет (мобильная ветка сайта) — нативный чекбокс рисуем так же */
html.nb-form-on body .nbf-tbl input[type="checkbox"]:not(.ui-helper-hidden-accessible):not(.nbf-sr),
html.nb-form-on body .nbf-submit input[type="checkbox"]:not(.ui-helper-hidden-accessible),
html.nb-form-on body .nbf-ck-row input[type="checkbox"]:not(.ui-helper-hidden-accessible) {
	-webkit-appearance: none; appearance: none; flex: none;
	width: 20px !important; height: 20px !important; min-width: 20px; margin: 0 10px 0 0 !important; padding: 0 !important;
	border: 1px solid #d1d5db !important; border-radius: 6px !important; background: #fff !important; box-shadow: none !important;
	cursor: pointer; position: relative; display: inline-block; vertical-align: middle; opacity: 1; order: -1;
}
html.nb-form-on body .nbf-tbl input[type="checkbox"]:checked:not(.ui-helper-hidden-accessible):not(.nbf-sr),
html.nb-form-on body .nbf-submit input[type="checkbox"]:checked:not(.ui-helper-hidden-accessible),
html.nb-form-on body .nbf-ck-row input[type="checkbox"]:checked:not(.ui-helper-hidden-accessible) {
	background: #2563eb url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>") center / 14px no-repeat !important;
	border-color: #2563eb !important;
}
html.nb-form-on body .nbf-ck-row { margin-top: 4px !important; }
html.nb-form-on body .nbf-ck { display: flex; }

/* цена: поле 200px с ₽ внутри, «Ипотека» рядом */
html.nb-form-on body .group_field_price { display: flex !important; align-items: center; gap: 16px; flex-wrap: wrap; }
html.nb-form-on body .group_field_price .field { position: relative; }
html.nb-form-on body .nbf-tbl input.price, html.nb-form-on body .nbf-tbl input[name="PRICE"] { width: 200px !important; padding-right: 32px !important; }
html.nb-form-on body .nbf-tbl td:has(> input[name="PRICE"]) { position: relative; }
html.nb-form-on body .nbf-tbl .group_field_price .field:first-child { width: 200px !important; }
html.nb-form-on body .nbf-tbl .fa-ruble, html.nb-form-on body .nbf-tbl .fa-rub { position: absolute; right: 12px; top: 0; bottom: 0; margin: auto 0; height: 14px; display: flex; align-items: center; color: #6b6b6b; font-size: 13px; pointer-events: none; }
html.nb-form-on body .nbf-tbl td:has(> input[name="PRICE"]) > .fa-ruble { right: auto; left: 176px; }

/* этаж, площадь: поля по сетке */
html.nb-form-on body .group_field_floor { display: flex !important; align-items: center; gap: 10px; }
html.nb-form-on body .nbf-tbl .group_field_floor input { width: 90px !important; }
html.nb-form-on body .group_field_floor .seporator { padding: 0 !important; color: #6b6b6b; }
html.nb-form-on body .group_field_floor .field, html.nb-form-on body .group_field_area .field, html.nb-form-on body .group_field_price .field { margin: 0 !important; }
html.nb-form-on body .group_field_area { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 !important; }
html.nb-form-on body .nbf-tbl .group_field_area input { width: 100% !important; padding-right: 34px !important; }
html.nb-form-on body .group_field_area .title { margin-top: 4px; font-size: 12px; color: #6b6b6b; }
html.nb-form-on body .group_field_area .control, html.nb-form-on body .group_field_floor .control { position: relative; margin: 0 !important; }
html.nb-form-on body .group_field_area .control .extra { position: absolute; top: 0; right: 0; padding-right: 12px; line-height: 38px; color: #6b6b6b; font-size: 13px; pointer-events: none; }
html.nb-form-on body .nbf-tbl tr.nbf-third .group_field_floor input, html.nb-form-on body .nbf-tbl tr.nbf-third input { width: 100% !important; }
html.nb-form-on body tr.nbf-third .group_field_floor, html.nb-form-on body tr.nbf-third .group_field_floor .field, html.nb-form-on body tr.nbf-third .control { display: block !important; width: 100%; }

/* ---------- контакты ---------- */
html.nb-form-on body .nbf-tbl tr.nbf-phone[style*="display: none"] { display: none !important; }
html.nb-form-on body .nbf-tbl tr.nbf-phone:not([style*="display: none"]) { display: flex !important; }
html.nb-form-on body .nbf-phone > td, html.nb-form-on body .nbf-phone .group_field_phone, html.nb-form-on body .nbf-phone .group_field_phone .field {
	display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 !important;
}
html.nb-form-on body .nbf-phone .group_field_phone, html.nb-form-on body .nbf-phone .group_field_phone .field { width: 100%; }
html.nb-form-on body .nbf-tbl .nbf-phone input[name="PHONE[]"] { width: 200px !important; flex: none; margin: 0 !important; }
html.nb-form-on body .nbf-tbl .nbf-phone input[name="PHONE_COMMENT[]"] { flex: 1 1 160px; width: auto !important; min-width: 160px; margin: 0 !important; }
html.nb-form-on body .nbf-tbl .nbf-phone > td > br { display: none; }
html.nb-form-on body .nbf-sec, html.nb-form-on body button.button2.nbf-sec {
	display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; flex: none;
	width: auto !important; min-width: 0; height: 34px; padding: 0 12px !important; margin: 0 !important;
	border-radius: 8px !important; border: 1px solid #d1d5db !important; background: #fff !important; color: #1a1a1a !important;
	font: 500 14px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
	cursor: pointer; box-shadow: none !important; text-shadow: none !important; white-space: nowrap;
}
html.nb-form-on body .nbf-sec:hover { background: #f5f5f5 !important; }
html.nb-form-on body .nbf-phone .nbf-sec::before {
	content: ""; width: 16px; height: 16px; background: currentColor;
	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M12 5v14M5 12h14'/></svg>") center / 16px no-repeat;
	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M12 5v14M5 12h14'/></svg>") center / 16px no-repeat;
}
html.nb-dk.nb-form-on body .nbf-sec, html.nb-dk.nb-form-on body button.button2.nbf-sec { background: #2c2c2e !important; border-color: #3f3f46 !important; color: #f3f4f6 !important; }
html.nb-dk.nb-form-on body .nbf-sec:hover { background: #3a3a3d !important; }

/* ---------- фото: пунктирная зона ---------- */
html.nb-form-on body .nbf-photo-row > th { display: none !important; }
/* загрузчик фото — стандартный сайта (как в форме добавления фирм): своё оформление убрано, остаётся только ширина по карточке */
html.nb-form-on body .nbf-photo-row td { display: block; width: 100%; }
html.nb-form-on body .nbf-photo-row .file-selectdialog { width: 100%; max-width: 100%; box-sizing: border-box; }

/* точка на карте (вакансии/услуги) */
html.nb-form-on body .nbf-maprow > th { display: none !important; }
html.nb-form-on body .nbf-maprow td { display: flex !important; align-items: center; gap: 10px; flex-wrap: wrap; position: relative !important; }
html.nb-form-on body .nbf-maprow input[name="lat"], html.nb-form-on body .nbf-maprow input[name="lon"], html.nb-form-on body .nbf-maprow input[type="hidden"] { display: none !important; }
html.nb-form-on body .nbf-maprow a.add_ya {
	position: static !important; display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px !important;
	background: #fff !important; border: 1px solid #d1d5db; border-radius: 8px; color: #1a1a1a !important; font-size: 14px; font-weight: 500; text-decoration: none !important;
}
html.nb-form-on body .nbf-maprow a.add_ya br { display: none; }
html.nb-form-on body .nbf-maprow a[href*="map=1"],
html.nb-form-on body .nbf-maprow .add_all_map { display: none !important; }
html.nb-dk.nb-form-on body .nbf-maprow a.add_ya { background: #2c2c2e !important; border-color: #3f3f46; color: #f3f4f6 !important; }

/* попап точки на карте — как у фирм: заголовок, карта, закрыть */
.popup .inner:has(#yandex_map_container) > *:not(.head):not(#yandex_map_container):not(.button):not(a.close):not(.sym) {
	display: none !important;
}

/* ---------- правая колонка ---------- */
html.nb-form-on body .nbf-ch-h, html.nb-form-on body .nbf-ch-note { font-size: 14px; font-weight: 400; line-height: 1.4; }
html.nb-form-on body .nbf-ch-note a { color: #2563eb; text-decoration: none; }
html.nb-form-on body .nbf-ch-list { display: flex; flex-direction: column; gap: 10px; }
html.nb-form-on body .nbf-ch { display: flex; align-items: center; gap: 12px; }
html.nb-form-on body .nbf-ch-ico {
	width: 36px; height: 36px; flex: none; border-radius: 8px; border: 1px solid rgba(20, 20, 20, 0.12);
	background: #fff; display: inline-flex; align-items: center; justify-content: center;
}
html.nb-dk.nb-form-on body .nbf-ch-ico { background: #2c2c2e; border-color: rgba(240,240,240,0.12); }
html.nb-form-on body .nbf-ch-ico img { display: block; width: 20px; height: 20px; }
html.nb-form-on body .nbf-ch-txt { min-width: 0; }
html.nb-form-on body .nbf-ch-txt a { display: block; font-size: 14px; font-weight: 600; line-height: 1.3; color: #2563eb !important; text-decoration: none; }
html.nb-form-on body .nbf-ch-txt a:hover { color: #1d4ed8 !important; }
html.nb-dk.nb-form-on body .nbf-ch-txt a { color: #93c5fd !important; }
html.nb-form-on body .nbf-ch-net { font-size: 12px; color: #6b6b6b; }
html.nb-dk.nb-form-on body .nbf-ch-net { color: #9ca3af; }

/* оплата */
html.nb-form-on body .nbf-days { display: flex; flex-wrap: wrap; gap: 8px; }
html.nb-form-on body .nbf-day {
	height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(20,20,20,0.12);
	background: #fff; color: #111; font: 600 13px/32px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	cursor: pointer;
}
html.nb-form-on body .nbf-day.is-on, html.nb-form-on body .nbf-day:hover { background: #2563eb; border-color: #2563eb; color: #fff; }
html.nb-dk.nb-form-on body .nbf-day { background: rgba(255,255,255,0.08); border-color: rgba(240,240,240,0.12); color: #f3f4f6; }
html.nb-dk.nb-form-on body .nbf-day.is-on, html.nb-dk.nb-form-on body .nbf-day:hover { background: #2563eb; border-color: #2563eb; color: #fff; }
html.nb-form-on body .nbf-place-h { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; line-height: 1.35; color: #6b6b6b; }
html.nb-form-on body .nbf-place-h[hidden] { display: none !important; }
html.nb-form-on body .nbf-place-h svg { flex: none; margin-top: 2px; }
html.nb-dk.nb-form-on body .nbf-place-h { color: #9ca3af; }
html.nb-form-on body .nbf-place-note { font-size: 12px; color: #6b6b6b; }
html.nb-form-on body .nbf-place-lack[hidden] { display: none !important; }
html.nb-form-on body .nbf-pay { display: flex; flex-direction: column; gap: 12px; }
html.nb-form-on body .nbf-pay-row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 14px; }
html.nb-form-on body .nbf-pay-row b { font-size: 17px; font-weight: 700; }
html.nb-form-on body .nbf-bal { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 16px; border: 1px solid rgba(20, 20, 20, 0.12); background: #fff; }
html.nb-dk.nb-form-on body .nbf-bal { background: #2c2c2e; border-color: rgba(240,240,240,0.12); }
html.nb-form-on body .nbf-bal-ico { width: 40px; height: 40px; border-radius: 12px; background: #2563eb; color: #fff; display: flex; align-items: center; justify-content: center; flex: none; }
html.nb-form-on body .nbf-bal-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
html.nb-form-on body .nbf-bal-l { font-size: 11px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: #6b6b6b; }
html.nb-form-on body .nbf-bal-v { font-size: 17px; font-weight: 700; }
html.nb-form-on body .nbf-bal-plus {
	width: 36px; height: 36px; flex: none; border-radius: 10px; background: #dbe4ff; color: #2563eb !important;
	font-size: 22px; font-weight: 600; line-height: 1; display: flex; align-items: center; justify-content: center; text-decoration: none !important;
}
html.nb-dk.nb-form-on body .nbf-bal-plus { background: rgba(37,99,235,0.35); color: #fff !important; }
html.nb-form-on body .balance-info.nbf-alert {
	display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 8px 10px; border-radius: 8px;
	background: #fdecec; color: #b4151b; font-size: 13px; line-height: 1.35;
}
html.nb-form-on body .balance-info.nbf-alert[style*="display:none"], html.nb-form-on body .balance-info.nbf-alert[style*="display: none"] { display: none !important; }
html.nb-form-on body .balance-info.nbf-alert p { margin: 0; color: inherit !important; }
html.nb-form-on body .balance-info.nbf-alert .price { font-weight: 700; }
html.nb-dk.nb-form-on body .balance-info.nbf-alert { background: rgba(237,28,36,0.16); color: #ff8a8f; }

/* отправка */
html.nb-form-on body .nbf-ck { display: flex; align-items: flex-start; gap: 10px; margin: 0 !important; font-size: 14px !important; line-height: 1.4; color: inherit !important; cursor: pointer; }
html.nb-form-on body .nbf-ck input { margin-top: 0 !important; }
html.nb-form-on body .nbf-ck a { color: #2563eb !important; text-decoration: none; }
html.nb-form-on body .nbf-ck-fraud { color: #b4151b !important; }
html.nb-form-on body .nbf-ck-fraud * { color: inherit; }
html.nb-dk.nb-form-on body .nbf-ck-fraud { color: #ff8a8f !important; }
html.nb-form-on body .nbf-anon { display: flex; flex-direction: column; gap: 8px; margin: 0 0 4px; }
html.nb-form-on body .nbf-anon[hidden] { display: none !important; }
html.nb-form-on body .nbf-anon-who {
	display: flex; align-items: center; gap: 10px; padding: 8px 10px;
	border: 1px solid #d1d5db; border-radius: 10px; background: #fff;
}
html.nb-dk.nb-form-on body .nbf-anon-who { background: #2a2a2e; border-color: #3f3f46; }
html.nb-form-on body .nbf-anon-who[hidden] { display: none !important; }
html.nb-form-on body .nbf-anon-av {
	width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex: none;
	background: #e5e7eb; color: #6b6b6b; display: flex; align-items: center; justify-content: center; font-weight: 700;
}
html.nb-form-on body .nbf-anon-av img { width: 100%; height: 100%; object-fit: cover; display: block; }
html.nb-dk.nb-form-on body .nbf-anon-av { background: #3a3a3d; color: #d1d5db; }
html.nb-form-on body .nbf-anon-n { font-size: 14px; font-weight: 600; }
html.nb-form-on body .nbf-submit button[name="addEditCard"] {
	display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: 38px; padding: 0 14px !important; margin: 0 !important;
	border: 0 !important; border-radius: 8px !important; background: #2563eb !important; color: #fff !important;
	font: 600 14px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; cursor: pointer; box-shadow: none !important; text-shadow: none !important;
}
html.nb-form-on body .nbf-submit button[name="addEditCard"]:hover { background: #1d4ed8 !important; }
html.nb-form-on body .nbf-req-note { font-size: 12px; color: #6b6b6b; margin: 0; }
html.nb-form-on body .nbf-err {
	background: #fdecec; color: #b4151b; font-size: 13px; line-height: 1.35;
	padding: 8px 10px; border-radius: 8px; margin: 0;
}
html.nb-dk.nb-form-on body .nbf-err { background: rgba(237,28,36,0.16); color: #ff8a8f; }
html.nb-form-on body .nbf-spam {
	position: fixed; inset: 0; z-index: 20050; background: rgba(28,28,30,.28);
	display: flex; align-items: center; justify-content: center; padding: 24px 16px;
}
html.nb-form-on body .nbf-spam[hidden] { display: none !important; }
html.nb-form-on body .nbf-spam-box {
	width: min(420px, 100%); background: #fff; border: 1px solid rgba(0,0,0,.08);
	border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,.18); padding: 20px 20px 16px; color: #1a1a1a;
}
html.nb-dk.nb-form-on body .nbf-spam-box { background: #2c2c2e; border-color: #3f3f46; color: #f3f4f6; }
html.nb-form-on body .nbf-spam-box h2 { margin: 0 0 8px; font-size: 18px; font-weight: 700; line-height: 1.3; }
html.nb-form-on body .nbf-spam-box p { margin: 0; font-size: 14px; line-height: 1.45; }
html.nb-form-on body .nbf-spam-act { display: flex; justify-content: flex-end; margin-top: 16px; }
html.nb-form-on body .nbf-spam-ok {
	border: 0; border-radius: 8px; background: #2563eb; color: #fff;
	font: 600 14px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	padding: 8px 16px; cursor: pointer;
}
html.nb-form-on body .nbf-spam-ok:hover { background: #1d4ed8; }
html.nb-dk.nb-form-on body .nbf-req-note { color: #9ca3af; }
html.nb-form-on body .nbf-req-note .req { color: #ed1c24; }
html.nb-form-on body .nbf-promo { font-size: 13px; line-height: 1.45; color: #6b6b6b; border-top: 1px solid rgba(20, 20, 20, 0.12); padding-top: 12px; margin: 0 !important; background: transparent !important; border-left: 0; border-right: 0; border-bottom: 0; }
html.nb-dk.nb-form-on body .nbf-promo { color: #9ca3af; border-top-color: rgba(240,240,240,0.12); }
html.nb-form-on body .nbf-promo a { color: #2563eb; }

/* ---------- узкие экраны: каналы → поля → оплата → отправка ---------- */
@media (max-width: 900px) {
	html.nb-form-on body .nb-form-grid { display: flex !important; flex-direction: column; align-items: stretch; margin: 0 !important; }
	html.nb-form-on body .nb-form-side { display: contents; }
	html.nb-form-on body .nb-form-side > .nbf-channels { order: -1; }
	html.nb-form-on body .nb-form-main { order: 0; }
	html.nb-form-on body .nb-form-side > .nbf-pay { order: 1; }
	html.nb-form-on body .nb-form-side > .nbf-submit { order: 2; }
	html.nb-form-on body .nb-form-grid { gap: 16px; }
	html.nb-form-on body .nbf-card { padding: 14px; }
	html.nb-form-on body .nb-form-crumb a { font-size: 24px; letter-spacing: -0.02em; }
	html.nb-form-on body .nb-form-crumb a + .nb-form-slash + a, html.nb-form-on body .nb-form-crumb > span:last-child { font-size: 16px; }
	html.nb-form-on body .nbf-tbl td:has(> select ~ select) { grid-template-columns: minmax(0, 1fr); }
	html.nb-form-on body .nbf-tbl td.nbf-sel-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	html.nb-form-on body .nbf-tbl .nbf-phone input[name="PHONE[]"] { width: 100% !important; }
	html.nb-form-on body .nbf-tbl .nbf-phone input[name="PHONE_COMMENT[]"] { min-width: calc(100% - 0px); flex-basis: 100%; }
}

html.nb-form-on body .nbf-hint { margin-top: 6px; font-size: 12px; line-height: 1.35; color: #6b6b6b; }
html.nb-dk.nb-form-on body .nbf-hint { color: #9ca3af; }

/* текст про мошенников (Бюро находок) */
html.nb-form-on body .nbf-fraud-t { white-space: pre-line; font-size: 13px; line-height: 1.45; font-weight: 500; }
html.nb-form-on body .nbf-contact input { max-width: 100%; }

/* ---------- тёмная тема: поля ---------- */
html.nb-dk.nb-form-on body .nbf-tbl input[type="text"],
html.nb-dk.nb-form-on body .nbf-tbl input[type="tel"],
html.nb-dk.nb-form-on body .nbf-tbl input[type="email"],
html.nb-dk.nb-form-on body .nbf-tbl input[type="number"],
html.nb-dk.nb-form-on body .nbf-tbl textarea,
html.nb-dk.nb-form-on body .nbf-tbl select {
	background-color: #2a2a2e !important; border-color: #3f3f46 !important; color: #f3f4f6 !important;
}
html.nb-dk.nb-form-on body .nbf-tbl input:focus, html.nb-dk.nb-form-on body .nbf-tbl textarea:focus, html.nb-dk.nb-form-on body .nbf-tbl select:focus { border-color: #2563eb !important; }
html.nb-dk.nb-form-on body .nbf-tbl input::placeholder, html.nb-dk.nb-form-on body .nbf-tbl textarea::placeholder { color: #8b8b93; }
html.nb-dk.nb-form-on body .nbf-tbl input[disabled], html.nb-dk.nb-form-on body .nbf-tbl input[readonly]:not([type="checkbox"]):not([type="radio"]) { background-color: #232326 !important; color: #9ca3af !important; }
html.nb-dk.nb-form-on body .nbf-tbl select {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") !important;
}
html.nb-dk.nb-form-on body .nbf-tbl th label { color: #f3f4f6; }

/* ---------- без мигания: пока js не собрал форму, старую не показываем ---------- */
html.nb-form-on:not(.nbf-ready) form[name="giude_form"] { visibility: hidden; }