/* 12.11.2026: новый вид подсказок кабинета в стиле сайта (как блоки «Первые шаги», «Шаблоны писем»).
   Переоформляет стандартные .alert-info / .alert-warning Bootstrap на всех страницах кабинета, разметку не меняет.
   Подключается в tmpl_std_head (sys/templates/_std.php). */
@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/plex-sans-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/plex-sans-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Onest";src:url("/assets/fonts/onest-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("/assets/fonts/plex-mono-500.woff2") format("woff2");font-weight:500;font-display:swap}
.alert.alert-info,.alert.alert-warning{position:relative;border:0!important;border-radius:14px!important;padding:16px 20px!important;
  font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif!important;font-size:14.5px!important;line-height:1.55!important;
  color:#4C5A63!important;text-shadow:none!important;box-shadow:none!important}
.alert.alert-info{background:linear-gradient(135deg,#E9F3FC 0%,#F2F8FD 60%,#EEF7E6 100%)!important}
.alert.alert-warning{background:linear-gradient(135deg,#FFF4DE 0%,#FFF9EE 100%)!important}
/* заголовок «Информация» → маленькая метка с чёрточкой */
.alert.alert-info>strong:first-child,.alert.alert-warning>strong:first-child{display:flex;align-items:center;gap:9px;margin:0 0 6px;
  font:500 10.5px/1.2 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.15em;text-transform:uppercase;color:#0F6FAF!important}
.alert.alert-warning>strong:first-child{color:#B86E00!important}
.alert.alert-info>strong:first-child::before,.alert.alert-warning>strong:first-child::before{content:"";flex:none;width:22px;height:2px;border-radius:2px;background:#6BAE00}
.alert.alert-warning>strong:first-child::before{background:#E8950C}
.alert.alert-info>strong:first-child .fa,.alert.alert-warning>strong:first-child .fa{display:none}
.alert.alert-info p,.alert.alert-warning p{margin:0;color:#4C5A63!important;font-size:14.5px!important}
.alert.alert-info a,.alert.alert-warning a{color:#0F6FAF!important;font-weight:600}
/* 12.11.2026: как блок «Шаблоны писем» (.fsb): панель 16px, текст — во внутренней белой плашке */
.alert.alert-info,.alert.alert-warning{border-radius:16px!important;padding:18px 22px!important}
.alert.alert-info>strong:first-child,.alert.alert-warning>strong:first-child{margin-bottom:10px}
.alert.alert-info>p,.alert.alert-warning>p{background:rgba(255,255,255,.72);border-radius:12px;padding:14px 16px;font-size:14px!important;line-height:1.5!important}
.alert.alert-info>p+p,.alert.alert-warning>p+p{margin-top:8px}
/* 12.11.2026: зелёные кнопки кабинета (.btn-success) — как «+ Создать шаблон» (.fsb__btn--p); размеры не меняем */
@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/plex-sans-700.woff2") format("woff2");font-weight:700;font-display:swap}
.btn.btn-success,input.btn-success,button.btn-success{background:#6BAE00!important;border-color:#6BAE00!important;color:#fff!important;border-radius:9px!important;
  font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif!important;font-weight:700!important;text-shadow:none!important;
  box-shadow:0 8px 20px -10px rgba(107,174,0,.95),inset 0 -2px 0 rgba(0,0,0,.14)!important;transition:background-color .16s,box-shadow .16s,transform .12s}
.btn.btn-success:hover,.btn.btn-success:focus,input.btn-success:hover,button.btn-success:hover{background:#5C9600!important;border-color:#5C9600!important;color:#fff!important}
.btn.btn-success:active,input.btn-success:active,button.btn-success:active{transform:translateY(1px)}
.btn.btn-success[disabled],.btn.btn-success.disabled{opacity:.55!important;box-shadow:none!important}
/* 12.11.2026: второстепенные кнопки (.btn-default / .btn-white / .lightGrey) — как «Редактировать» (.fsb__btn--g); размеры не меняем */
.btn.btn-default,.btn.btn-white,.btn.lightGrey,input.btn-default,button.btn-default{background:#fff!important;color:#16202A!important;border:1px solid #DDE5ED!important;border-radius:9px!important;
  font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif!important;font-weight:700!important;text-shadow:none!important;
  box-shadow:0 1px 2px rgba(12,48,76,.06)!important;background-image:none!important;transition:border-color .16s,color .16s,transform .12s}
.btn.btn-default:hover,.btn.btn-white:hover,.btn.lightGrey:hover,.btn.btn-default:focus,.btn.btn-white:focus,.btn.lightGrey:focus,
input.btn-default:hover,button.btn-default:hover{background:#fff!important;border-color:#BEDCF2!important;color:#0F6FAF!important}
.btn.btn-default:active,.btn.btn-white:active,.btn.lightGrey:active{transform:translateY(1px)}
.btn.btn-default.active,.btn.btn-default.btn_filter_active,.open>.btn.btn-default.dropdown-toggle{border-color:#1A8AD8!important;color:#0F6FAF!important;background:#F4F9FD!important}
.btn.btn-default[disabled],.btn.btn-white[disabled],.btn.lightGrey[disabled]{opacity:.55!important}
/* 12.11.2026: пустое состояние с кнопкой (cabinet-ui.js) — точь-в-точь блок «Шаблоны писем» */
.alert.fsa{padding:20px 22px!important;margin-top:4px}
.fsa__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin:0 0 14px}
.alert.fsa .fsa__kicker{display:flex;align-items:center;gap:9px;margin:0 0 5px!important;font:500 10.5px/1 "IBM Plex Mono",monospace!important;letter-spacing:.15em;text-transform:uppercase;color:#0F6FAF!important;background:none!important;padding:0!important}
.fsa__kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:#6BAE00}
.alert.fsa .fsa__title{margin:0!important;font:700 20px/1.2 "Onest","Segoe UI",sans-serif!important;color:#16202A!important}
.fsa__head .btn{margin:0!important;min-height:36px;padding:0 15px!important;display:inline-flex!important;align-items:center;gap:6px;font-size:13.5px!important}
.alert.fsa .fsa__lead{margin:3px 0 0;font:400 13.5px/1.45 "IBM Plex Sans","Segoe UI",sans-serif;color:#4C5A63}
/* 12.11.2026: правки — белый текст на зелёных кнопках-ссылках; метка «Информация» из <p class="nTitle">; без пустых плашек */
.alert .btn-success,.alert a.btn-success,.alert .btn-success *{color:#fff!important}
.alert.alert-info>p.nTitle,.alert.alert-warning>p.nTitle{display:flex;align-items:center;gap:9px;margin:0 0 10px!important;padding:0!important;background:none!important;
  font:500 10.5px/1.2 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.15em;text-transform:uppercase;color:#0F6FAF!important}
.alert.alert-info>p.nTitle::before{content:"";flex:none;width:22px;height:2px;border-radius:2px;background:#6BAE00}
.alert.alert-info>p.nTitle .fa{display:none}
.alert.alert-info>p:empty,.alert.alert-warning>p:empty{display:none}
.alert.alert-info>p.nTitle strong,.alert.alert-info>p.nTitle b{font:inherit!important;color:inherit!important;letter-spacing:inherit}
