/* Единый стиль select/option для всех страниц Flika */
select,
select.form-select {
  font-family: inherit;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 1.45;
  color: var(--cx-text, var(--tblr-body-color, #17161c));
  background-color: var(--cx-paper, var(--tblr-bg-surface, #fff));
  border: 1px solid var(--cx-border, var(--tblr-border-color, #d9d5e6));
  border-radius: 9px;
  padding: 8px 34px 8px 12px;
  min-height: 38px;
  height: auto;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b899e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11px center;
  background-size: 14px 14px;
  box-shadow: none;
  transition: border-color .15s ease, box-shadow .15s ease;
  color-scheme: light;
}

select:focus,
select.form-select:focus {
  border-color: var(--flika-accent, var(--cx-accent, #6d5efc));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--flika-accent, #6d5efc) 18%, transparent);
  outline: 0;
}

select:disabled,
select.form-select:disabled {
  opacity: .6;
  cursor: not-allowed;
}

select[size],
select[multiple] {
  background-image: none;
  padding-right: 12px;
  min-height: 110px;
}

select option,
select.form-select option {
  font-family: inherit;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 1.45;
  color: var(--cx-text, var(--tblr-body-color, #17161c));
  background-color: var(--cx-paper, var(--tblr-bg-surface, #fff));
  padding: 8px 12px;
}

[data-bs-theme="dark"] select,
[data-bs-theme="dark"] select.form-select {
  color: var(--cx-text, #f4f3f8);
  background-color: var(--cx-paper, #111214);
  border-color: var(--cx-border, #2a2e42);
  color-scheme: dark;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b9bed2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

[data-bs-theme="dark"] select option,
[data-bs-theme="dark"] select.form-select option {
  color: #f4f3f8;
  background-color: #111214;
}
.site-geo-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.site-geo-chip{display:inline-flex;align-items:center;gap:5px;background:var(--cx-soft,#f3f0ff);border:1px solid var(--cx-border,#ddd6fe);border-radius:999px;padding:3px 8px;font-size:12px;color:var(--cx-text,#17161c)}
.site-geo-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0}

/* Компактная форма сайта */
#add-site form { max-width: 640px !important; }
#add-site .cx-field { margin-bottom: 16px; }
.site-cats-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.cx-sites-layout.is-new #add-site .cx-field { margin-bottom:12px; }
.cx-sites-layout.is-new { grid-template-columns:minmax(0,600px) !important; }
.cx-sites-layout.is-new .cx-sites-main { display:none; }
.cx-sites-layout.is-new .cx-sites-side { width:600px; max-width:100%; }
.cx-sites-layout.is-new .cx-settings-card { display:none !important; }
.cx-sites-layout.is-new #add-site form { max-width:600px; }
.cx-sites-layout.is-new #add-site .cx-help { display:none; }
.cx-sites-layout.is-new #add-site .cx-panel-head { display:none; }
.cx-sites-layout.is-new .cx-head, body:has(.cx-sites-layout.is-new) .cx-head { display:none; }
.site-cat-chip { display:flex; align-items:center; gap:4px; border:1px solid transparent; border-radius:99px; padding:6px 14px; min-height:0; height:auto; font-size:12px; line-height:1.2; cursor:pointer; background:var(--cx-soft,#f1eff7); color:var(--cx-text,#17161c); }
.site-cat-chip input { margin:0; position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; }
.site-cat-chip:has(input:checked) { border-color:var(--flika-accent,#6d5efc); background:var(--flika-accent,#6d5efc); color:#fff; }
.site-geo-chip { border-radius:99px !important; padding:5px 10px !important; background:var(--cx-soft,#f1eff7) !important; border:1px solid var(--cx-border,#e1dced) !important; font-size:12px !important; }
.site-geo-chip .cx-flag { width:16px; height:12px; object-fit:cover; border-radius:2px; }
.site-geo-picker { position:relative; }
.site-geo-trigger { display:flex; justify-content:space-between; align-items:center; cursor:pointer; border:1px solid var(--cx-border,#d9d5e6); border-radius:9px; padding:9px 12px; background:var(--cx-paper,#fff); font-size:13px; color:var(--cx-text,#17161c); list-style:none; }
.site-geo-trigger::-webkit-details-marker { display:none; }
.site-geo-trigger i { font-size:14px; color:var(--cx-dim,#77738a); }
.site-geo-panel { position:absolute; z-index:50; left:0; right:0; top:calc(100% + 5px); background:var(--cx-paper,#fff); border:1px solid var(--cx-border,#d9d5e6); border-radius:12px; padding:10px; box-shadow:0 18px 40px rgba(20,16,40,.18), 0 2px 8px rgba(20,16,40,.06); max-height:320px; overflow:hidden; display:flex; flex-direction:column; }
.site-geo-panel .geo-countries-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px 8px; flex:1; min-height:0; overflow:auto; border:0; padding:4px 0; }
.site-geo-panel .d-flex { flex:none; background:var(--cx-paper,#fff); padding-top:6px; }
.site-geo-panel .geo-country-item { font-size:12.5px; line-height:1.35; }
.site-geo-panel .cx-flag { width:20px; height:14px; object-fit:cover; border-radius:2px; vertical-align:-2px; }
.site-geo-chips { display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; min-height:0; }
@media (max-width:600px) { .site-cats-grid{grid-template-columns:1fr 1fr} .site-geo-panel .geo-countries-grid{grid-template-columns:1fr 1fr} #add-site form{max-width:100%} }
.site-geo-panel.cat-panel { max-height: 240px; }