/*
 * Общие правила интерфейса для всех страниц (подключается в layout/master.blade.php, версия — по времени изменения файла).
 */

/* Замок режима редактирования — один вид во всей системе (вариант A, 24.09.2026; 01.10.2026 — снова +30%: 27 → 35px, значок 14 → 18px), синий значок и рамка,
   открытый — с голубой заливкой (её дают правила «открыто» на страницах). Раньше был 28px серый — промахивались.
   html + класс сильнее одиночного класса в стилях страниц, поэтому !important не нужен; состояния «открыто»
   (.scp-on, .unlocked, .is-on, …-editing) на страницах остаются и перекрашивают фон. */
html .scp-lock, html .acs-lock, html .cash-lock, html .plb-lock, html .exb-lock, html .vat-lock,
html .bal-lock, html .avacc-lock, html .acc-lock-btn {
    width: 35px; height: 35px; min-width: 35px; border-radius: 9px; padding: 0;
    border: 1.5px solid #185fa5; color: #185fa5; font-size: 18px;
    display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
}
html .scp-lock i, html .acs-lock i, html .cash-lock i, html .plb-lock i, html .exb-lock i, html .vat-lock i,
html .bal-lock i, html .avacc-lock i, html .acc-lock-btn i { font-size: 18px; }
html .scp-lock:hover, html .acs-lock:hover, html .cash-lock:hover, html .plb-lock:hover, html .exb-lock:hover, html .vat-lock:hover,
html .bal-lock:hover, html .avacc-lock:hover, html .acc-lock-btn:hover, html .ocard-lock:hover { background: #f3f8fd; color: #185fa5; border-color: #185fa5; }

/* замок в карточке списка «Авто»: колонки там фиксированные — +30% (26 → 34px, 01.10.2026), проверено на 1200–1920; цвет общий */
html .ocard-lock { border: 1.5px solid #185fa5; color: #185fa5; width: 34px; height: 34px; border-radius: 9px; font-size: 19px; margin-left: 2px; }
/* замки «Сотрудников» и «Дилеров» (28px) — тоже +30% */
html .emp-lock-btn, html .dealer-lock-btn { width: 36px; height: 36px; border-radius: 9px; font-size: 19px; }
html .ocard-lock:hover { background: #f3f8fd; color: #185fa5; border-color: #185fa5; }

/* Списки стран с поиском (select[data-country-select], global.js) */
.ag-csel-pop { position: absolute; z-index: 1080; background: #fff; border: 0.5px solid #e1e3ea; border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.12); padding: 6px; max-width: 360px; }
.ag-csel-q { width: 100%; box-sizing: border-box; border: 0.5px solid #e1e3ea; border-radius: 8px; padding: 6px 10px; font-size: 13px; outline: none; font-family: inherit; margin-bottom: 4px; }
.ag-csel-q:focus { border-color: #185fa5; }
.ag-csel-list { max-height: 260px; overflow-y: auto; }
.ag-csel-it { padding: 6px 10px; border-radius: 6px; font-size: 13px; color: #181c32; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ag-csel-it:hover { background: #f5f8fa; }
.ag-csel-it.sel { font-weight: 600; }
.ag-csel-it.on { background: #E6F1FB; color: #0C447C; }

/* Фото задач (06.10.2026): миниатюры в строке задачи — карточка авто и Workspace; разметку и загрузку ведёт global.js (agTaskPhotos) */
.tph { display: flex; flex-wrap: wrap; gap: 6px; margin: 7px 0 2px; }
.tph:not(:has(.tph-i)) { display: none; }
.tph-i { position: relative; width: 44px; height: 44px; border-radius: 6px; overflow: hidden; background: #f5f6f8; cursor: zoom-in; flex-shrink: 0; display: block; }
.tph-i img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tph-x { position: absolute; top: 1px; right: 1px; width: 16px; height: 16px; border: none; border-radius: 50%; background: rgba(24,28,50,.6); color: #fff; font-size: 11px; line-height: 16px; padding: 0; cursor: pointer; display: none; align-items: center; justify-content: center; }
.tph-i:hover .tph-x, html.ag-mobile .tph-x { display: flex; }
.tph-add { width: 44px; height: 44px; border-radius: 6px; border: 1px dashed #c9d0da; background: transparent; color: #a1a5b7; font-size: 18px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; flex-shrink: 0; }
.tph-add:hover, .tph-cam:hover { border-color: #185fa5; color: #185fa5; }
.tph.is-busy .tph-add { opacity: .5; pointer-events: none; }
/* камера в строке задачи без фото: с первым фото её заменяет плитка «+» */
.tph-cam { width: 24px; height: 24px; border: 0.5px solid #e1e3ea; border-radius: 6px; background: #fff; color: #a1a5b7; font-size: 14px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; flex-shrink: 0; }
.tph-cam[hidden] { display: none; }
html.ag-mobile .tph-i, html.ag-mobile .tph-add { width: 56px; height: 56px; }
html.ag-mobile .tph-cam { width: 34px; height: 34px; font-size: 18px; }
html.ag-mobile .tph-x { width: 22px; height: 22px; font-size: 14px; line-height: 22px; }
/* просмотр фото: inset вместо vw/vh — при html.zoom размеры в vh множатся */
.tph-view { position: fixed; inset: 0; z-index: 2000; background: rgba(15,18,30,.88); display: flex; align-items: center; justify-content: center; cursor: zoom-out; }
.tph-view img { max-width: 94%; max-height: 92%; border-radius: 6px; object-fit: contain; }
.tph-view-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: none; background: rgba(255,255,255,.14); color: #fff; font-size: 22px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.tph-view-nav.is-prev { left: 14px; } .tph-view-nav.is-next { right: 14px; }
.tph-view-n { position: absolute; bottom: 14px; left: 0; right: 0; text-align: center; color: #fff; font-size: 13px; opacity: .8; }
/* поле «Фото» в окне «Новая задача» */
.tph-pick { display: inline-flex; align-items: center; gap: 5px; border: 0.5px solid #e1e3ea; border-radius: 20px; padding: 4px 10px; font-size: 13px; color: #5e6278; background: #fff; cursor: pointer; }
.tph-pick:hover { border-color: #185fa5; color: #185fa5; }
.tph-pick.has { background: #E6F1FB; border-color: #185fa5; color: #0C447C; font-weight: 600; }
.tph-pick i { font-size: 14px; }