.data-support-shell{display:flex;flex-direction:column;gap:18px}
.data-support-hero{position:relative;overflow:hidden;border:1px solid #2d5661;border-radius:22px;padding:24px;background:linear-gradient(135deg,#10272b 0%,#111a25 55%,#172416 100%);box-shadow:0 18px 55px rgba(0,0,0,.2)}
.data-support-hero:after{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(111,206,177,.22),rgba(111,206,177,0) 68%)}
.data-support-hero-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.data-support-kicker{font-size:10px;letter-spacing:.18em;color:#71d6bc;font-weight:850}.data-support-hero h2{font-family:Georgia,"Times New Roman",serif;font-size:29px;margin:6px 0 7px}.data-support-hero p{max-width:760px;color:#9fb3ba;font-size:12px;line-height:1.75}
.data-support-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.data-support-actions button{border:1px solid #3f716f;border-radius:10px;padding:9px 13px;background:#17383a;color:#d9f6ed;font-size:11px;font-weight:800;cursor:pointer}.data-support-actions button.primary{background:#d89b32;border-color:#d89b32;color:#1a1409}.data-support-actions button:disabled{opacity:.48;cursor:not-allowed}
.data-support-mode{display:inline-flex;margin-top:13px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.06em;background:rgba(237,169,56,.14);color:#ffd085;border:1px solid rgba(237,169,56,.4)}.data-support-mode.live{background:rgba(46,174,121,.14);color:#7be5b3;border-color:rgba(46,174,121,.4)}
.data-support-warning{border:1px solid rgba(229,165,55,.45);border-radius:13px;padding:12px 14px;background:rgba(229,165,55,.08);color:#f5cf8f;font-size:11px;line-height:1.65}
.data-credential-panel{border:1px solid #31545d;border-radius:18px;padding:18px;background:linear-gradient(145deg,#122229,#0e171d);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.data-credential-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.data-credential-head span{font-size:9px;letter-spacing:.14em;color:#64cbb0;font-weight:850}.data-credential-head h3{font-size:17px;margin:4px 0}.data-credential-head p{max-width:720px;color:#8199a2;font-size:10px;line-height:1.65}
.data-runtime-status{max-width:360px;border:1px solid #38535b;border-radius:11px;padding:9px 11px;background:#0b1419;color:#9eb2b8;font-size:10px;line-height:1.55}.data-runtime-status.compatible{border-color:#2e725d;color:#83ddb9}.data-runtime-status.incompatible{border-color:#765b31;color:#f0c57a}
.data-credential-grid{display:grid;grid-template-columns:1.1fr 1.2fr 1.1fr .55fr;gap:10px}.data-credential-grid label,.data-sync-row label{display:grid;gap:5px;color:#8198a1;font-size:10px;font-weight:750}.data-credential-grid input,.data-sync-row input{width:100%;border:1px solid #29434b;border-radius:9px;background:#091217;color:#dce9e7;padding:9px 10px;font-size:11px;outline:none}.data-credential-grid input:focus,.data-sync-row input:focus{border-color:#58bba3;box-shadow:0 0 0 3px rgba(88,187,163,.12)}
.data-credential-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.data-credential-actions button,.data-sync-row button{border:1px solid #39565e;border-radius:9px;padding:9px 12px;background:#17272e;color:#c8dad7;font-size:10px;font-weight:800;cursor:pointer}.data-credential-actions button.primary{border-color:#c58b2c;background:#d89b32;color:#191108}.data-credential-actions button:disabled,.data-sync-row button:disabled{opacity:.45;cursor:not-allowed}.data-credential-actions span{margin-left:auto;color:#8199a2;font-size:10px}.data-credential-actions span.configured{color:#78dcb5}
.data-sync-row{display:grid;grid-template-columns:1.25fr .9fr .65fr auto;gap:10px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid #253c43}.data-sync-row button{min-height:35px;border-color:#3e6f69;background:#153638;color:#d6f4eb}
.data-support-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.data-support-kpi{border:1px solid #263d46;border-radius:15px;padding:14px;background:linear-gradient(155deg,#142128,#101820)}.data-support-kpi span{display:block;color:#8199a2;font-size:10px;margin-bottom:6px}.data-support-kpi b{font-size:22px;color:#e7f0ef}.data-support-kpi small{display:block;color:#6e858e;font-size:9px;margin-top:5px}
.data-support-section{border:1px solid #263a43;border-radius:18px;padding:18px;background:#101820}.data-support-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.data-support-section-head h3{font-size:17px;margin-bottom:4px}.data-support-section-head p{font-size:10px;color:#8197a0;line-height:1.6}
.data-gateway-section{background:radial-gradient(circle at 90% 0,rgba(78,167,139,.13),transparent 36%),linear-gradient(155deg,#101c22,#0d151b)}
.data-gateway-kicker{display:block;margin-bottom:5px;color:#65d2b3;font-size:9px;font-weight:850;letter-spacing:.16em}.data-gateway-summary{display:grid;gap:3px;min-width:170px;text-align:right;color:#748b93;font-size:9px}.data-gateway-summary b{color:#d8ebe6;font-size:14px}.data-gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.data-gateway-card{border:1px solid #2a454c;border-radius:15px;padding:14px;background:rgba(14,25,31,.92)}.data-gateway-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.data-gateway-card-head span{color:#5fc9ad;font-size:8px;font-weight:850;letter-spacing:.13em}.data-gateway-card-head h4{margin-top:3px;font-size:14px}.data-gateway-card-head em{font-style:normal;color:#e9bd70;font-size:8px;border:1px solid #66512e;border-radius:999px;padding:4px 7px;background:rgba(187,128,35,.08)}.data-gateway-chain{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:12px 0}.data-gateway-node{display:inline-flex;align-items:center;gap:5px;border:1px solid #354d55;border-radius:8px;padding:5px 7px;color:#81969e;background:#0a1318;font-size:8px}.data-gateway-node i{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#24353b;color:#9fb3b8;font-style:normal;font-size:7px}.data-gateway-node.ready{color:#9de1cb;border-color:#326956}.data-gateway-node.ready i{background:#205343;color:#c9f4e5}.data-gateway-node.unavailable{text-decoration:line-through;opacity:.64}.data-gateway-node.last{color:#f0c57b;border-color:#66512e}.data-gateway-arrow{color:#496069;font-size:10px}.data-gateway-controls{display:grid;grid-template-columns:minmax(150px,1fr) auto auto auto;gap:6px;align-items:end}.data-gateway-controls label{display:grid;gap:4px;color:#748991;font-size:8px}.data-gateway-controls select{min-width:0;border:1px solid #2c474f;border-radius:8px;background:#091318;color:#d5e5e2;padding:7px 8px;font-size:9px}.data-gateway-controls button{border:1px solid #39575d;border-radius:8px;background:#17272d;color:#bcd1ce;padding:7px 8px;font-size:8px;font-weight:800;cursor:pointer}.data-gateway-controls button:first-of-type{border-color:#a2762d;background:#c68b2f;color:#191209}.data-gateway-controls button:disabled{opacity:.42;cursor:not-allowed}.data-gateway-result{min-height:15px;margin-top:8px;color:#71868e;font-size:8px;line-height:1.5}.data-gateway-result.error{color:#e99a91}.data-gateway-foot{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid #243a41;color:#768b92;font-size:9px}.data-gateway-foot code{color:#69cdb1}
.data-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.data-catalog-card{position:relative;overflow:hidden;border:1px solid #29434a;border-radius:14px;padding:14px;background:#131e25}.data-catalog-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#59bba4}.data-catalog-card h4{font-size:13px;margin-bottom:5px}.data-catalog-card p{font-size:10px;color:#8499a1;line-height:1.55;min-height:32px}.data-catalog-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.data-catalog-meta span{font-size:9px;padding:4px 6px;border-radius:7px;background:#0c151a;color:#9fb3ba;border:1px solid #24373e}.data-catalog-meta span.ready{color:#75dcb7;border-color:#2f6557}
.data-query-layout{display:grid;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:16px}.data-query-form{display:grid;gap:10px;align-content:start}.data-query-form label{display:grid;gap:5px;color:#8298a0;font-size:10px;font-weight:750}.data-query-form input,.data-query-form select{width:100%;border:1px solid #29434b;border-radius:9px;background:#0b1318;color:#dce9e7;padding:9px 10px;font-size:11px;outline:none}.data-query-form input:focus,.data-query-form select:focus{border-color:#58bba3;box-shadow:0 0 0 3px rgba(88,187,163,.12)}.data-query-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.data-query-run{border:0;border-radius:10px;padding:11px 14px;background:#d89b32;color:#171108;font-weight:850;cursor:pointer}.data-api-path{padding:10px 12px;border:1px dashed #3c5d64;border-radius:10px;background:#091115;color:#79d8bf;font:10px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.data-query-output{min-width:0;display:flex;flex-direction:column;gap:11px}.data-result-meta{display:flex;gap:7px;flex-wrap:wrap}.data-result-meta span{font-size:9px;border:1px solid #304851;border-radius:999px;padding:4px 7px;color:#9db0b6}.data-result-meta span.demo{color:#ffd084;border-color:#75582c}.data-result-table{overflow:auto;max-height:390px;border:1px solid #263b43;border-radius:12px}.data-result-table th{position:sticky;top:0;background:#15232a;z-index:1}.data-result-table td{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-result-json{margin:0;max-height:300px;overflow:auto;border:1px solid #263b43;border-radius:12px;background:#081014;color:#a8c8c0;padding:13px;font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1050px){.data-credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-sync-row{grid-template-columns:repeat(2,minmax(0,1fr))}.data-support-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.data-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-gateway-grid{grid-template-columns:1fr}.data-query-layout{grid-template-columns:1fr}}
@media(max-width:680px){.data-support-hero{padding:18px}.data-support-hero-top,.data-credential-head,.data-support-section-head{flex-direction:column}.data-support-actions{justify-content:flex-start}.data-runtime-status{max-width:none;width:100%}.data-gateway-summary{text-align:left}.data-credential-grid,.data-sync-row,.data-support-kpis,.data-catalog-grid,.data-query-grid,.data-gateway-controls{grid-template-columns:1fr}.data-gateway-foot{flex-direction:column}.data-credential-actions span{width:100%;margin-left:0}.data-support-hero h2{font-size:24px}}