/* Поле «Прикрепить выписки и обследования» (js/bk-files.js, include/bk-mail.php).
   Цвета берутся у формы, в которой поле стоит; для тёмного подвала — .bk-files--dark,
   для формы со скруглёнными полями — .bk-files--pill. */
.bk-files{display:block;margin:0;font-size:13px;line-height:1.4;text-align:left}
.bk-files *{box-sizing:border-box}
.bk-files__button{display:block;margin:0;font-weight:400;cursor:pointer}
.bk-files__button-text{display:none}
.bk-files__input{display:block;max-width:100%;font-size:13px}
.bk-files__hint{margin-top:5px;color:#6b7c78;font-size:12px}
.bk-files__list{margin:0;padding:0;list-style:none}
.bk-files__error{color:#c63d3d;font-size:12px}
.bk-files__error:not(:empty){margin-top:6px}

/* со скриптом: кнопка вместо поля браузера, список выбранных файлов */
.bk-files.is-enhanced .bk-files__button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:9px 14px;color:#08798a;background:#fff;border:1px dashed #8fc3cb;border-radius:3px;font-size:14px;font-weight:600;text-align:center;transition:border-color .2s ease,background-color .2s ease}
.bk-files.is-enhanced .bk-files__button:hover,.bk-files.is-enhanced .bk-files__button:focus-within,.bk-files.is-drag .bk-files__button{border-color:#08798a;background:#f1f9fa}
.bk-files.is-enhanced .bk-files__button-text{display:inline}
.bk-files.is-enhanced .bk-files__button-text:before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308798a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.4 11.1l-9.2 9.2a6 6 0 0 1-8.5-8.5l9.2-9.2a4 4 0 0 1 5.7 5.7l-9.2 9.2a2 2 0 0 1-2.8-2.8l8.5-8.5'/%3E%3C/svg%3E")}
/* поле браузера остаётся в разметке (доступно с клавиатуры), но не видно */
.bk-files.is-enhanced .bk-files__input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.bk-files__item{display:flex;align-items:center;gap:8px;margin-top:6px;padding:6px 8px 6px 10px;color:#233a46;background:#eef6f7;border-radius:3px;font-size:13px}
.bk-files__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bk-files__size{flex:0 0 auto;color:#6b7c78;font-size:12px;white-space:nowrap}
.bk-files .bk-files__remove{flex:0 0 auto;width:26px;height:26px;min-height:0;padding:0;color:#6b7c78;background:transparent;border:0;border-radius:50%;font-size:20px;font-weight:400;line-height:24px;text-align:center;cursor:pointer}
.bk-files .bk-files__remove:hover,.bk-files .bk-files__remove:focus{color:#c63d3d;background:rgba(198,61,61,.1);outline:none}

/* тёмный фон (форма в подвале) */
.bk-files--dark .bk-files__hint{color:#a9bac0}
.bk-files--dark .bk-files__error{color:#ffb4b4}
.bk-files--dark.is-enhanced .bk-files__button{color:#dff3f5;background:transparent;border-color:#6f8a94}
.bk-files--dark.is-enhanced .bk-files__button:hover,.bk-files--dark.is-enhanced .bk-files__button:focus-within,.bk-files--dark.is-drag .bk-files__button{border-color:#bfe3e8;background:rgba(255,255,255,.06)}
.bk-files--dark.is-enhanced .bk-files__button-text:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dff3f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.4 11.1l-9.2 9.2a6 6 0 0 1-8.5-8.5l9.2-9.2a4 4 0 0 1 5.7 5.7l-9.2 9.2a2 2 0 0 1-2.8-2.8l8.5-8.5'/%3E%3C/svg%3E")}
.bk-files--dark .bk-files__item{color:#eef6f7;background:rgba(255,255,255,.1)}
.bk-files--dark .bk-files__size,.bk-files--dark .bk-files .bk-files__remove,.bk-files--dark .bk-files__remove{color:#a9bac0}
.bk-files--dark .bk-files__input{color:#c9d5da}

/* форма «Мы готовы вам помочь»: скруглённые поля */
.bk-files--pill.is-enhanced .bk-files__button{min-height:40px;border-radius:25px}
.bk-files--pill .bk-files__item{border-radius:16px;background:#fff}
.bk-files--pill .bk-files__hint{padding-left:20px}

/* страница «Задать вопрос»: поле стоит в колонке с остальными полями */
.bk-files--page{margin:0 0 4px}
.bk-files--page.is-enhanced .bk-files__button{min-height:50px}