/*
 * Community Settings → AI & Automation → Content Studio.
 * Reuses the Community Settings accordion (icon-system.css) and the same field values as
 * Push Notifications (push-settings.css): 13px labels in #304f63, 43px inputs with an 11px
 * radius and #dce5e8 border, #e0e8ea dividers, pill buttons.
 */
body.naber-app .naber-settings .naber-ai-studio{
  --nai-ink:#294653;--nai-label:#304f63;--nai-muted:#627681;--nai-line:#dce5e8;--nai-divider:#e0e8ea;--nai-soft:#f8fafb;
  color:var(--nai-ink);
}
body.naber-app .naber-settings .naber-ai-studio .naber-unified-body{font-size:13px;line-height:1.5;display:flex;flex-direction:column;gap:16px}
body.naber-app .naber-settings .naber-ai-heading{margin:4px 0 12px;font-size:15px;font-weight:700;color:var(--nai-ink)}
body.naber-app .naber-settings .naber-ai-studio .naber-ai-seeded{margin:0 0 14px}
body.naber-app .naber-settings .naber-ai-studio :is(.naber-ai-field,.naber-ai-source label){display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}
body.naber-app .naber-settings .naber-ai-studio :is(.naber-ai-field>label,.naber-ai-source label>span,.naber-ai-source-filters label>span){
  display:block;margin:0;color:var(--nai-label);font-size:13px;font-weight:650;line-height:1.35;
}
body.naber-app .naber-settings .naber-ai-studio :is(.naber-ai-field>small,.naber-ai-help){display:block;margin:0;color:var(--nai-muted);font-size:12px;line-height:1.45}
body.naber-app .naber-settings .naber-ai-studio :is(input[type=text],input[type=url],select,textarea){
  display:block;box-sizing:border-box;width:100%;max-width:none;min-height:43px;margin:0;padding:9px 12px;
  border:1px solid var(--nai-line);border-radius:11px;background:#fff;color:var(--nai-label);
  font:inherit;font-size:13px;line-height:1.4;box-shadow:none;
}
body.naber-app .naber-settings .naber-ai-studio textarea{min-height:64px;resize:vertical}
body.naber-app .naber-settings .naber-ai-studio :is(input,select,textarea)::placeholder{color:#8a9aa3;opacity:1}
body.naber-app .naber-settings .naber-ai-studio :is(input,select,textarea,button):focus-visible{outline:2px solid #7f9ead;outline-offset:2px}
body.naber-app .naber-settings .naber-ai-studio [hidden]{display:none!important}

/* Source library */
body.naber-app .naber-settings .naber-ai-source-filters{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px}
body.naber-app .naber-settings .naber-ai-source-filters label{display:flex;flex-direction:column;gap:6px;margin:0}
body.naber-app .naber-settings .naber-ai-sources{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
body.naber-app .naber-settings .naber-ai-source{
  display:flex;flex-direction:column;gap:12px;margin:0;padding:14px;border:1px solid var(--nai-divider);border-radius:14px;background:#fff;
}
body.naber-app .naber-settings .naber-ai-source.is-inactive{background:var(--nai-soft)}
body.naber-app .naber-settings .naber-ai-source.is-inactive :is(input[type=text],input[type=url]){color:var(--nai-muted)}
body.naber-app .naber-settings .naber-ai-source-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px}
body.naber-app .naber-settings .naber-ai-source-meta{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;gap:12px;align-items:end}
body.naber-app .naber-settings .naber-ai-studio .naber-ai-check{
  flex-direction:row!important;align-items:center;gap:8px!important;min-height:43px;color:var(--nai-label);font-size:13px;font-weight:600;white-space:nowrap;
}
body.naber-app .naber-settings .naber-ai-studio .naber-ai-check input{width:18px;height:18px;margin:0}
body.naber-app .naber-settings .naber-ai-studio .naber-ai-remove{color:var(--nai-muted);font-weight:500}
body.naber-app .naber-settings .naber-ai-source-empty{margin:0;color:var(--nai-muted)}
body.naber-app .naber-settings .naber-ai-studio .naber-ai-add{align-self:flex-start}

/* Preview of what assistants receive (markup supplied by the integration) */
body.naber-app .naber-settings .naber-ai-studio :is(.naber-ai-preview,.lnc-studio-preview){
  margin:0;padding:12px 14px;border:1px solid var(--nai-divider);border-radius:12px;background:var(--nai-soft);
  max-height:420px;overflow:auto;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;
}

@media (max-width:640px){
  body.naber-app .naber-settings .naber-ai-source-filters,
  body.naber-app .naber-settings .naber-ai-source-top{grid-template-columns:minmax(0,1fr)}
  body.naber-app .naber-settings .naber-ai-source-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.naber-app .naber-settings .naber-ai-source{padding:12px}
}