/* Управление лицензиями (lic-ui.js, 07.11.2026): окно #dlgLic только главному администратору и плашка дилеру #licWarn.
   Блоки организаций (08.11.2026): чипы блоков, «+ Блок», карточка нашей организации, фильтр, заметка, история. */
.dlg.lic { width: min(900px, 96vw); }
.dlg.lic .dlg-head { gap: 10px; }
.dlg.lic .dlg-head h2 { flex: 0 0 auto; }
.lic-tag { flex: 1; font-size: 12px; color: var(--muted); }
.lic-sum { font-size: 14px; margin-bottom: 10px; }
.lic-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.lic-tab { font: inherit; font-size: 13px; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--line2); background: var(--surface); color: var(--text); cursor: pointer; }
.lic-tab span { color: var(--muted); font-variant-numeric: tabular-nums; }
.lic-tab.on { background: var(--accent); border-color: var(--accent); color: var(--accent-fg, #fff); }
.lic-tab.on span { color: inherit; opacity: .8; }
.lic-bar { gap: 8px; align-items: center; margin-bottom: 10px; }
.lic-find { flex: 1; min-width: 0; width: 100%; padding: 7px 10px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--field); color: var(--text); font: inherit; }
.lic-add { display: grid; gap: 8px; padding: 10px; margin-bottom: 10px; border: 1px dashed var(--line2); border-radius: var(--r-md); }
.lic-add[hidden] { display: none; }
.lic-hits { display: grid; gap: 4px; max-height: 240px; overflow: auto; }
.lic-hit { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 4px 0; border-bottom: 1px solid var(--line); }
.lic-list { display: grid; gap: 10px; }
.lic-card { display: grid; gap: 8px; padding: 10px 12px; border: 1px solid var(--card-line, var(--line)); border-radius: var(--r-md); background: var(--surface); min-width: 0; }
.lic-card.busy { opacity: .6; pointer-events: none; }
.lic-card.st-expired, .lic-card.st-off { border-left: 4px solid var(--err); }
.lic-card.st-soon, .lic-card.st-wait { border-left: 4px solid var(--warn); }
.lic-card.own { border-left: 4px solid var(--accent); background: var(--accent-soft, var(--surface)); }
.lic-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.lic-name { font-weight: 700; min-width: 0; overflow-wrap: anywhere; }
.lic-name .hint { font-weight: 400; }
.lic-st { flex: 0 0 auto; font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 999px; border: 1px solid currentColor; }
.lic-st.ok { color: var(--ok); }
.lic-st.warn { color: var(--warn); }
.lic-st.err { color: var(--err); }
.lic-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.lic-cap { font-size: 12px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; min-width: 72px; }
.lic-num { display: inline-flex; align-items: center; gap: 6px; }
.lic-num b { min-width: 22px; text-align: center; font-variant-numeric: tabular-nums; }
.lic-row input.dtr { width: 130px; }
.lic-row .btn.danger { background: transparent; color: var(--err); border-color: var(--err); }
/* блоки: включенные - чипы с крестиком, «+ Блок» - раскрывающийся список выключенных */
.lic-mods { align-items: flex-start; }
.lic-mods .lic-cap { padding-top: 5px; }
.lic-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; flex: 1; min-width: 0; }
.lic-mod { display: inline-flex; align-items: center; gap: 2px; max-width: 100%; font-size: 13px; line-height: 1.2; padding: 3px 4px 3px 10px; border-radius: 999px; border: 1px solid var(--accent-line, var(--line2)); background: var(--accent-soft, var(--surface2)); color: var(--text); }
.lic-mod > span { min-width: 0; overflow-wrap: anywhere; }
.lic-mod.g-ai { border-style: dashed; }
.lic-mod.g-mod { background: var(--surface2); border-color: var(--line2); }
.lic-mod button { flex: 0 0 auto; width: 22px; height: 22px; display: inline-grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--muted); font-size: 16px; line-height: 1; cursor: pointer; }
.lic-mod button:hover, .lic-mod button:focus-visible { background: var(--err); color: var(--on-err, #fff); outline: none; }
.lic-more { position: relative; }
.lic-more > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.lic-more > summary::-webkit-details-marker { display: none; }
.lic-cnt { font-size: 11px; min-width: 18px; padding: 0 5px; border-radius: 999px; background: var(--surface2); color: var(--muted); text-align: center; }
.lic-menu { display: grid; gap: 2px; margin-top: 6px; padding: 6px 8px; border: 1px solid var(--line2); border-radius: var(--r-md); background: var(--surface); width: min(520px, 100%); max-height: 320px; overflow: auto; }
.lic-grp { font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; padding: 6px 0 2px; }
.lic-opt { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 5px 0; border-bottom: 1px solid var(--line); }
.lic-opt:last-child { border-bottom: 0; }
.lic-opt > div { display: grid; gap: 1px; min-width: 0; font-size: 13px; }
.lic-opt .hint { font-size: 12px; }
.lic-allon { font-size: 12px; }
.lic-note textarea { flex: 1; min-width: 0; min-height: 34px; resize: vertical; padding: 6px 10px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--field); color: var(--text); font: inherit; font-size: 13px; }
.lic-accs { flex: 1; min-width: 200px; }
.lic-accs summary { cursor: pointer; color: var(--muted); font-size: 13px; }
.lic-accs ul { margin: 6px 0 0; padding-left: 18px; display: grid; gap: 3px; font-size: 13px; }
.lic-log { flex: 0 1 auto; min-width: 140px; }
.lic-logbox { max-height: 220px; overflow: auto; }
.lic-chip { font-size: 11px; padding: 0 6px; border-radius: 999px; background: var(--surface2); border: 1px solid var(--line); color: var(--muted); }
/* вид лицензии (08.11.2026): дилерская - цвет акцента, производственная - зеленый */
.lic-chip.lt-d { color: var(--accent-ink, var(--accent)); border-color: var(--accent); background: var(--accent-soft, var(--surface2)); }
.lic-chip.lt-p { color: var(--ok-ink, var(--text)); border-color: var(--ok-ink, var(--line2)); }
/* дилеры без карточки 1С (09.11.2026): не лицензия - пунктирная рамка */
.lic-card.nocard { border-style: dashed; }
.lic-dim { opacity: .6; }
.lic-warn { color: var(--warn); font-weight: 700; }
.lic-err, .hint.lic-err, .hint.err { color: var(--err); }
.lic-foot { margin-top: 12px; }
.lic-banner { position: sticky; top: 0; z-index: 60; display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: var(--warn); color: var(--on-warn, #fff); font-size: 14px; font-weight: 600; }
.lic-banner[hidden] { display: none; }
.lic-banner span { flex: 1; }
.lic-banner .btn { color: var(--on-warn, #fff); }
@media (max-width: 600px) {
  .lic-tag { display: none; }
  .lic-cap { min-width: 100%; }
  .lic-mods .lic-cap { padding-top: 0; }
  .lic-row input.dtr { width: 100%; }
  .lic-log { min-width: 100%; }
  .lic-opt { flex-wrap: wrap; }
}
/* выключенные владельцем блоки организации вошедшего (app.js applyRoleUi ставит html.mod-off-<блок>, licenses.js): пункты без
   своего права прячутся здесь, сервер такие действия отклоняет и без этого */
html.mod-off-send .pv-send, html.mod-off-sketch #quickSketch,
html.mod-off-deliv .est-dlv-on, html.mod-off-deliv .est-dlv, html.mod-off-deliv .est-dlv-off, html.mod-off-logo #cuLogo { display: none !important; }
