.g362-dataflow-central { max-width: 1120px; }
.g362-dataflow-central__hero { margin: 28px 0 20px; padding: 30px 34px; border-radius: 18px; color: #fff; background: linear-gradient(120deg, #102238, #1b3442 56%, #174f57); }
.g362-dataflow-central__hero span, .g362-dataflow-card__eyebrow { display: block; font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.g362-dataflow-central__hero h1 { margin: 8px 0; color: #fff; font-size: 38px; line-height: 1.05; }
.g362-dataflow-central__hero p { max-width: 640px; margin: 0; color: #e1e7f1; font-size: 15px; }
.g362-dataflow-central__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.g362-dataflow-card { box-sizing: border-box; min-height: 330px; padding: 28px; border: 1px solid #d9e1ec; border-radius: 16px; background: #fff; box-shadow: 0 8px 22px rgba(21, 40, 69, .06); }
.g362-dataflow-card__eyebrow { color: #087f8d; }
.g362-dataflow-card h2 { margin: 8px 0; color: #102238; font-size: 28px; }
.g362-dataflow-card > p { min-height: 38px; margin: 0 0 18px; color: #56657a; }
.g362-dataflow-card label { display: block; margin: 13px 0; color: #14243a; font-weight: 700; }
.g362-dataflow-card label small { color: #68778a; font-weight: 400; }
.g362-dataflow-card input { display: block; box-sizing: border-box; width: 100%; margin-top: 7px; padding: 11px 12px; border: 1px solid #b9c8db; border-radius: 8px; font-size: 15px; }
.g362-dataflow-card .button { margin-top: 5px; min-height: 38px; padding: 0 18px; }
.g362-dataflow-result { min-height: 25px; margin-top: 18px; padding: 13px; border-left: 3px solid #087f8d; border-radius: 0 8px 8px 0; color: #1d3048; background: #f4f7fb; }
.g362-dataflow-result__title { margin-bottom: 12px; color: #08735a; font-weight: 800; }
.g362-dataflow-records { display: grid; gap: 10px; }
.g362-dataflow-record { padding: 14px; border: 1px solid #d5e0ed; border-radius: 10px; background: #fff; }
.g362-dataflow-record h3 { margin: 0 0 12px; color: #102238; font-size: 14px; }
.g362-dataflow-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.g362-dataflow-field { min-width: 0; padding: 9px 10px; border-radius: 8px; background: #f5f8fb; }
.g362-dataflow-field small { display: block; overflow: hidden; color: #62758c; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.g362-dataflow-field strong { display: block; overflow-wrap: anywhere; margin-top: 3px; color: #152a43; font-size: 13px; }
.g362-dataflow-field.is-cpf { border: 1px solid #b8d9de; background: #edf9fa; }
.g362-dataflow-field.is-cpf strong { color: #056673; font-size: 16px; }
.g362-dataflow-field.is-empty { opacity: .7; }
.g362-dataflow-field.is-empty strong { color: #7a899b; font-style: italic; font-weight: 600; }
.g362-dataflow-record__raw, .g362-dataflow-result__raw { margin-top: 12px; }
.g362-dataflow-record__raw summary, .g362-dataflow-result__raw summary, .g362-dataflow-log__response summary { cursor: pointer; color: #087f8d; font-weight: 700; }
.g362-dataflow-record pre, .g362-dataflow-result pre, .g362-dataflow-log pre { max-height: 330px; overflow: auto; margin: 10px 0 0; padding: 12px; border-radius: 8px; color: #dceaff; background: #0d1c30; font-size: 12px; line-height: 1.45; white-space: pre-wrap; word-break: break-word; }
.g362-dataflow-central__privacy { margin: 18px 0; padding: 14px 16px; border-radius: 10px; color: #34506d; background: #edf5f2; }
.g362-dataflow-config { margin-top: 20px; padding: 18px 22px; border: 1px solid #d9e1ec; border-radius: 12px; background: #fff; }
.g362-dataflow-config summary { cursor: pointer; color: #102238; font-size: 17px; font-weight: 800; }
.g362-dataflow-config p { max-width: 760px; color: #52647b; }
.g362-dataflow-central--crm { max-width: none; margin: 14px 0 24px; padding: 22px; border: 1px solid #26333d; border-radius: 18px; color: #e5edf4; background: radial-gradient(circle at 88% 0, rgba(0, 193, 205, .13), transparent 34%), #11181f; box-shadow: 0 18px 45px rgba(6, 10, 14, .22); }
.g362-dataflow-shellbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 2px 18px; color: #18d2e3; font-weight: 800; font-size: 16px; }
.g362-dataflow-shellbar b { padding: 6px 10px; border-radius: 99px; color: #071a20; background: #24cddd; font-size: 12px; }
.g362-dataflow-central--crm .g362-dataflow-central__hero { margin: 0 0 18px; border: 1px solid #263b47; background: linear-gradient(118deg, #17252e, #14212a 65%, #123640); }
.g362-dataflow-central--crm .g362-dataflow-card { min-height: 360px; border-color: #1d6570; color: #dce8ef; background: linear-gradient(145deg, #142129, #111a21); box-shadow: none; }
.g362-dataflow-central--crm .g362-dataflow-central__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.g362-dataflow-central--crm .g362-dataflow-card__eyebrow { color: #2cd3e1; }
.g362-dataflow-central--crm .g362-dataflow-card h2 { color: #f1f8fb; }
.g362-dataflow-central--crm .g362-dataflow-card > p, .g362-dataflow-central--crm .g362-dataflow-card label { color: #a9bac8; }
.g362-dataflow-central--crm .g362-dataflow-card label small { color: #8397a7; }
.g362-dataflow-central--crm .g362-dataflow-card input { border-color: #293a46; color: #eef8fc; background: #202932; }
.g362-dataflow-central--crm .g362-dataflow-card input::placeholder { color: #667887; }
.g362-dataflow-central--crm .g362-dataflow-card .button { border-color: #1d8d9c; color: #06191f; background: #1da6b8; text-shadow: none; }
.g362-dataflow-central--crm .g362-dataflow-result { border-left-color: #21d1df; color: #cfe5ee; background: #0d161d; }
.g362-dataflow-central--crm .g362-dataflow-record { border-color: #294552; background: #15222b; }
.g362-dataflow-central--crm .g362-dataflow-record h3 { color: #f0f9fc; }
.g362-dataflow-central--crm .g362-dataflow-field { background: #202d37; }
.g362-dataflow-central--crm .g362-dataflow-field small { color: #8da5b4; }
.g362-dataflow-central--crm .g362-dataflow-field strong { color: #eef8fc; }
.g362-dataflow-central--crm .g362-dataflow-field.is-cpf { border-color: #a77a18; background: #2c2916; }
.g362-dataflow-central--crm .g362-dataflow-field.is-cpf strong { color: #ffd468; }
.g362-dataflow-central--crm .g362-dataflow-field.is-empty strong { color: #8699a6; }
.g362-dataflow-central--crm .g362-dataflow-central__privacy { color: #a9c3ca; background: #13262a; }
.g362-dataflow-log { margin-top: 18px; }
.g362-dataflow-log table { width: 100%; border-collapse: collapse; }
.g362-dataflow-log td { vertical-align: top; }
@media (max-width: 1100px) { .g362-dataflow-central--crm .g362-dataflow-central__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 782px) { .g362-dataflow-central__hero { padding: 24px; } .g362-dataflow-central__hero h1 { font-size: 32px; } .g362-dataflow-central__grid, .g362-dataflow-central--crm .g362-dataflow-central__grid, .g362-dataflow-fields { grid-template-columns: 1fr; } }

/* Central compacta: cores e contraste da oficina, uma consulta por vez. */
.g362-dataflow-central--crm { border-color: #252525; background: #0e0e0f; }
.g362-dataflow-central--crm .g362-dataflow-shellbar { color: #fff; }
.g362-dataflow-central--crm .g362-dataflow-shellbar b { color: #fff; background: #d71920; }
.g362-dataflow-central--crm .g362-dataflow-central__hero { padding: 24px 28px; border-color: #333; background: linear-gradient(120deg, #181818, #261012); }
.g362-dataflow-central--crm .g362-dataflow-central__hero span { color: #f05a60; }
.g362-dataflow-central--crm .g362-dataflow-central__hero p { color: #c7c7c7; }
.g362-dataflow-module-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.g362-dataflow-module-tabs button { min-height: 36px; padding: 8px 13px; border: 1px solid #383838; border-radius: 8px; color: #cfcfcf; background: #191919; font-size: 12px; font-weight: 700; cursor: pointer; }
.g362-dataflow-module-tabs button:hover { border-color: #8f3135; color: #fff; }
.g362-dataflow-module-tabs button.is-active { border-color: #d71920; color: #fff; background: #d71920; }
.g362-dataflow-workspace { border: 1px solid #303030; border-radius: 14px; background: #151515; }
.g362-dataflow-query-panel { display: none; padding: 26px; }
.g362-dataflow-query-panel.is-active { display: block; }
.g362-dataflow-query-panel__head { margin-bottom: 20px; }
.g362-dataflow-query-panel__head small { color: #f05a60; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.g362-dataflow-query-panel__head h2 { margin: 7px 0; color: #fff; font-size: 25px; }
.g362-dataflow-query-panel__head p { max-width: 630px; margin: 0; color: #a7a7a7; }
.g362-dataflow-query-panel__form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .42fr) auto; gap: 12px; align-items: end; }
.g362-dataflow-query-panel__form label { display: block; color: #d8d8d8; font-size: 12px; font-weight: 700; }
.g362-dataflow-query-panel__form label small { color: #8d8d8d; font-weight: 400; }
.g362-dataflow-query-panel__form input { box-sizing: border-box; width: 100%; min-height: 43px; margin-top: 7px; padding: 10px 12px; border: 1px solid #393939; border-radius: 8px; color: #fff; background: #202020; }
.g362-dataflow-query-panel__form .button { min-height: 43px; padding: 0 22px; border-color: #d71920; color: #fff; background: #d71920; }
.g362-dataflow-query-panel__form .button:hover { border-color: #f0363e; background: #f0363e; }
.g362-dataflow-central--crm .g362-dataflow-result { margin-top: 20px; border-left-color: #d71920; color: #dedede; background: #101010; }
.g362-dataflow-central--crm .g362-dataflow-result__title { color: #fff; }
.g362-dataflow-central--crm .g362-dataflow-record { border-color: #343434; background: #1b1b1b; }
.g362-dataflow-central--crm .g362-dataflow-field { background: #242424; }
.g362-dataflow-central--crm .g362-dataflow-field.is-cpf { border-color: #88454a; background: #2a1819; }
.g362-dataflow-central--crm .g362-dataflow-field.is-cpf strong { color: #ff9da1; }
.g362-dataflow-central--crm .g362-dataflow-central__privacy { margin-bottom: 0; color: #a6a6a6; background: #181818; }
@media (max-width: 782px) { .g362-dataflow-query-panel { padding: 20px; } .g362-dataflow-query-panel__form { grid-template-columns: 1fr; } .g362-dataflow-query-panel__form .button { width: 100%; } }