/* TB-COMMERCIAL-PROJECT-INTAKE-1 -- «Клиентские проекты» (mobile first). */
/* the shared owner-console controls (same look as «Ассистент владельца»; console-copilot.css scopes them to #copilot-tab) */
#intake-tab .oc-badge { display: inline-block; border-radius: 999px; padding: 1px 8px; font-size: 12px; background: #e2e8f0; color: #334155; }
#intake-tab .oc-link { background: none; border: none; color: #2563eb; cursor: pointer; padding: 6px 0 0; font-size: 13px; margin-right: 12px; }
#intake-tab .oc-input { width: 100%; box-sizing: border-box; font: inherit; border: 1px solid #cbd5e1; border-radius: 8px; padding: 8px 10px; }
#intake-tab .oc-btn { border: 1px solid #cbd5e1; background: #fff; border-radius: 8px; padding: 7px 12px; cursor: pointer; }
#intake-tab .oc-btn:disabled { opacity: 0.5; cursor: default; }
#intake-tab .oc-primary { background: #2563eb; color: #fff; border-color: #2563eb; }
#intake-tab .oc-field { display: flex; flex-direction: column; gap: 2px; }
#intake-tab .oc-muted, #intake-tab .oc-empty, #intake-tab .oc-status { color: #64748b; font-size: 13px; }
#intake-tab .ci-root { max-width: 900px; margin: 0 auto; padding: 12px; }
#intake-tab .ci-top, #intake-tab .ci-actions, #intake-tab .ci-row-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
#intake-tab .ci-top { justify-content: space-between; }
#intake-tab .ci-list { display: grid; gap: 8px; margin-top: 8px; }
#intake-tab .ci-card { display: flex; flex-direction: column; gap: 2px; text-align: left; padding: 12px; border: 1px solid var(--border, #d0d7de);
  border-radius: 8px; background: transparent; cursor: pointer; }
#intake-tab .ci-card-title { font-weight: 600; }
#intake-tab .ci-meta { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
#intake-tab .ci-form, #intake-tab .ci-add { display: grid; gap: 10px; margin: 10px 0; }
#intake-tab .ci-drop { position: relative; border: 2px dashed var(--border, #d0d7de); border-radius: 10px; padding: 22px 12px;
  text-align: center; cursor: pointer; }
#intake-tab .ci-drop.ci-over { border-color: var(--accent, #2f6feb); }
#intake-tab .ci-file { display: block; margin: 10px auto 0; max-width: 100%; }
#intake-tab .ci-upload { font-size: 14px; padding: 4px 0; overflow-wrap: anywhere; }
#intake-tab .ci-ok { color: var(--ok, #1a7f37); }
#intake-tab .ci-fail, #intake-tab .ci-error { color: var(--danger, #cf222e); }
#intake-tab .ci-warn, #intake-tab .ci-note { padding: 8px 10px; border-radius: 6px; background: rgba(154, 103, 0, .08); }
#intake-tab .ci-sources { display: grid; gap: 8px; }
#intake-tab .ci-source { border: 1px solid var(--border, #d0d7de); border-radius: 8px; padding: 10px; }
#intake-tab .ci-source-top { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; overflow-wrap: anywhere; }
#intake-tab .ci-off { opacity: .6; }
#intake-tab .ci-text { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 50vh; overflow: auto; font-size: 14px; }
#intake-tab .ci-sec { margin: 14px 0; }
#intake-tab .ci-claims { padding-left: 18px; }
#intake-tab .ci-claim { margin: 6px 0; overflow-wrap: anywhere; }
#intake-tab .ci-t-ai_inference { font-style: italic; }
#intake-tab .ci-cite, #intake-tab .ci-quote { display: block; font-size: 13px; color: var(--muted, #57606a); }
#intake-tab .ci-owner { font-weight: 600; }
#intake-tab .ci-conflict, #intake-tab .ci-question { border-left: 4px solid var(--border, #d0d7de); padding: 6px 10px; margin: 8px 0;
  display: grid; gap: 6px; }
#intake-tab .ci-open, #intake-tab .ci-p-blocking { border-left-color: var(--danger, #cf222e); }
#intake-tab .ci-paste summary, #intake-tab .ci-detail summary, #intake-tab details.ci-sec > summary { cursor: pointer; font-weight: 600; }
@media (max-width: 720px) {
  #intake-tab .ci-root { padding: 10px; }
  #intake-tab .ci-actions .oc-btn { flex: 1 1 100%; }
}
@media (max-width: 480px) {
  #intake-tab .ci-root, #intake-tab .oc-text, #intake-tab .ci-claim { font-size: 17px; line-height: 1.45; }
  #intake-tab h2 { font-size: 22px; }
  #intake-tab .oc-btn, #intake-tab .oc-input { font-size: 16px; }   /* 16px inputs: iOS Safari never zooms */
  #intake-tab .ci-drop { padding: 28px 10px; }
}