/* Çevre v2 — color, contrast and a distinct product identity. */
:root{--bg:#f4f5fb;--text:#20243d;--muted:#80849b;--line:#e7e8f2;--green:#7057ec;--mint:#ddd6ff;--danger:#dd5370;--sidebar:244px}
body{background:radial-gradient(ellipse at 95% 0,#e9e6ff 0,transparent 40%),var(--bg);font-size:14px}.sidebar{background:#17172e;border-right:0;color:#f1efff;padding:32px 18px 0}.brand{font-size:31px;letter-spacing:-1.5px;gap:10px}.mark{background:linear-gradient(140deg,#b5a1ff,#7556f0);color:#fff;box-shadow:0 5px 20px #7456f04a;width:38px;height:39px}.beta{background:#ffffff0b;border-color:#ffffff1a;color:#bfb6e3;font-size:8px}.workspace{background:#ffffff06;border-color:#ffffff13;margin-top:35px;padding:14px;font-size:12px}.workspace-icon{color:#b5a1ff}.workspace small{color:#8d8aa7}.online-dot{background:#55d8bd;box-shadow:0 0 0 4px #55d8bd13}.nav-caption{color:#696680;letter-spacing:1.6px;font-size:9px}.nav-item{color:#9693ae;font-size:12px;padding:14px;margin-bottom:7px;transition:background .2s,color .2s}.nav-item.active{background:linear-gradient(110deg,#7558e9,#8264ed);color:#fff;box-shadow:0 6px 17px #0b081b35}.nav-item:hover{background:#ffffff0a;color:#e5dfff}.nav-item.active:hover{background:#7f62ee}.nav-count{background:#ffffff20;color:#fff}.sidebar-bottom{margin: auto 5px 21px;padding:20px 16px;border:1px solid #ffffff12;border-radius:12px;background:radial-gradient(ellipse at 0 100%,#8562e824,transparent 80%),#ffffff03}.privacy-symbol{color:#b29aee}.sidebar-bottom strong{color:#eee9ff}.sidebar-bottom p{color:#9390ab}.sidebar-bottom .text-button{color:#b2a1e4}.sidebar-footer{border-color:#ffffff11;color:#e4def8}.sidebar-footer small{color:#7e799a}.avatar{background:linear-gradient(140deg,#b8a7ef,#7964bc);color:white}.icon-button{color:#9286b2}.topbar{height:76px;background:#ffffffc4;backdrop-filter:blur(18px);border-color:#e9e8f4;padding:0 40px}.breadcrumb{font-size:11px;color:#a2a1b5}.breadcrumb strong{color:#5d5c7a}.local-tag{padding:7px 11px;border:1px solid #e7e5f2;border-radius:20px;background:#fff;color:#77738d}.local-tag i{background:#7f68dc}.help-button{color:#77708b}main{padding:34px 40px 0;max-width:1520px}.eyebrow{color:#9b8bc6;font-size:9px;letter-spacing:1.7px}.page-heading h1{font-size:31px;color:#25233d;letter-spacing:-1.2px;font-weight:800}.page-heading p{color:#9791aa;font-size:12px}.page-heading{margin-bottom:27px}.primary{background:#7859ee;border-color:#7859ee;box-shadow:0 5px 14px #7756e525;transition:transform .2s,box-shadow .2s}.primary:hover{background:#6b49e7;box-shadow:0 7px 20px #7756e540;transform:translateY(-1px)}.secondary{border-color:#e0dfed;color:#74708c;box-shadow:0 2px 3px #37335e03}.secondary:hover{background:#f3efff}.danger{background:#d84e70}.danger:hover{background:#bf3e60}.text-button{color:#7d61cc}.connect-card{background:radial-gradient(ellipse at 98% 5%,#dc7fea55,transparent 48%),radial-gradient(ellipse at 50% 120%,#7a66e8bb,transparent 70%),linear-gradient(115deg,#35256a 0%,#5942a4 60%,#8e5cc5 100%);border:1px solid #6949ac;border-radius:17px;box-shadow:0 12px 30px #4c397b16;min-height:340px;grid-template-columns:1.15fr 1fr;isolation:isolate}.connect-card::before{content:'';position:absolute;width:600px;height:600px;border:1px solid #ffffff08;left:-390px;top:-300px;border-radius:50%;pointer-events:none}.connect-copy{padding:33px 36px}.connect-copy .pill{background:#ffffff13;border:1px solid #ffffff24;color:#dfd3ff;font-size:8px;letter-spacing:1.2px;padding:6px 9px}.connect-copy h2{color:#fff;font-size:34px;letter-spacing:-1.3px;line-height:1.25;font-weight:750;margin-top:16px}.connect-copy p{color:#c7b8e4;font-size:12px;line-height:1.85}.connect-controls{margin-top:23px;gap:9px}.handle-field{background:#ffffff0c;border-color:#ffffff30;max-width:225px;backdrop-filter:blur(12px);border-radius:8px}.handle-field>span{color:#d2c2ed}.handle-field input{color:white;font-size:11px;padding:13px 10px}.handle-field input::placeholder{color:#c7b6df}.connect-controls .primary{background:#e1ffab;color:#31401d;border-color:#e1ffab;box-shadow:0 4px 15px #20173320;padding:12px 15px;border-radius:8px;font-size:10px}.connect-controls .primary:hover{background:#d3f69a}.connect-foot{color:#b9a5da;font-size:9px;margin-top:14px}.connect-foot .text-button{color:#e7d6ff}.status-dot{background:#b3a1cf}.status-dot.connected{background:#d7f89a}.orbit-art{background:radial-gradient(ellipse at center,#b99ae533,transparent 66%);min-height:340px;overflow:hidden}.orbit{border-color:#ffffff1d}.orbit-one{width:184px;height:184px;background:#ffffff03;box-shadow:0 0 0 30px #ffffff02}.orbit-two{width:286px;height:286px;border-style:solid;border-color:#ffffff16}.orbit-three{width:390px;height:390px;border-style:dashed;border-color:#ffffff1a}.art-center{width:120px;height:120px;background:linear-gradient(145deg,#f5edff,#c3adea);border:6px solid #ffffff24;box-shadow:0 0 0 10px #ffffff08,0 20px 45px #26125255}.art-center>span{color:#6c3bac;font-size:74px;filter:drop-shadow(0 3px 2px #ffffff75)}.art-center small{color:#8c6bad;font-size:6px;font-weight:700;letter-spacing:1.5px}.orbit-avatar{border:4px solid #9e7cc8;box-shadow:0 6px 25px #24124140;transition:transform .3s}.avatar-one{background:linear-gradient(140deg,#fde2b9,#f5a399);color:#aa5862;left:16%;top:14%;height:67px;width:67px;font-size:25px;transform:rotate(-12deg)}.avatar-two{background:linear-gradient(140deg,#c0f9f1,#87d8e0);color:#438ba8;right:12%;top:28%;width:53px;height:53px;transform:rotate(10deg)}.avatar-three{background:linear-gradient(140deg,#e0f5aa,#a5d594);color:#577e4c;right:24%;bottom:13%;width:63px;height:63px;transform:rotate(9deg)}.orbit-avatar span{background:#f5f8e8;color:#79924f;border-color:#8e6bbb;bottom:-3px;right:-3px;width:20px;height:20px}.art-note{left:3%;bottom:14%;color:#e8ddfa;background:#ffffff13;backdrop-filter:blur(10px);border-color:#ffffff22;padding:12px 14px;border-radius:9px;font-size:9px;box-shadow:0 10px 20px #39235d14;transform:rotate(-5deg)}.art-note i{background:#d5f9a4}.spark{color:#d7bdff}.spark-one{color:#e0ffa9;left:23%;bottom:28%;font-size:25px}.spark-two{color:#e6c0fa;right:33%;top:9%;font-size:24px}.stats{gap:16px;margin:24px 0}.stat{border:1px solid #e9e7f3;border-radius:13px;padding:20px 22px;min-height:150px;box-shadow:0 3px 10px #29244703;position:relative;overflow:hidden}.stat::after{content:'';position:absolute;bottom:-24px;right:-15px;width:90px;height:90px;border-radius:50%;background:var(--stat-bg,#f0eaff);opacity:.45}.stat>div{font-size:11px;color:#9a91ad}.stat strong{font-size:34px;font-weight:750;color:#3d325b;margin-top:7px;position:relative;z-index:1}.stat small{font-size:9px;color:#aaa1b6;position:relative;z-index:1}.stat-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;font-size:18px;background:#eee8ff;color:#9273df}.stat:nth-child(2){--stat-bg:#ddf5ff}.stat:nth-child(2) .stat-icon{background:#e3f3fe;color:#6aace0}.stat:nth-child(3){background:#fff3ee;border-color:#f3e0d8;--stat-bg:#ffd4c4}.stat:nth-child(3) .stat-icon{background:#ffe2d7;color:#dd9876}.stat:nth-child(3) strong{color:#be775d}.stat:nth-child(3)>div{color:#ba927f}.stat:nth-child(3) small{color:#c5a492}.stat:nth-child(4){--stat-bg:#e0f5e9}.stat:nth-child(4) .stat-icon{background:#e3f6eb;color:#79b895}.panel{border-color:#e6e5f0;border-radius:13px;box-shadow:0 4px 18px #2b254003}.lower-grid{gap:20px;margin-bottom:24px;grid-template-columns:1.12fr 1fr}.panel-heading{padding:23px 25px}.panel-heading h3{color:#48405e;font-size:13px;font-weight:750}.panel-heading p{font-size:10px;color:#a59aaf;line-height:1.6}.subtle{font-size:9px;color:#ada0bb;border:1px solid #ece6f5;padding:5px 8px;border-radius:5px;background:#fbf9ff}.insight-content{padding:7px 28px 28px;gap:34px}.donut{width:161px;height:161px;min-width:161px;background:conic-gradient(#8e70e5 0deg 160deg,#f2e9ff 160deg 360deg);box-shadow:0 0 0 9px #faf7ff}.donut>div{width:130px;height:130px}.donut strong{color:#6f54a7;font-size:29px}.donut span{color:#b1a4bf;font-size:8px}.legend>div{font-size:9px;color:#94869f;gap:8px}.legend i{width:8px;height:8px;border-radius:3px}.legend-mint{background:#9274e5}.legend-dark{background:#eb9ca2}.legend strong{color:#75628f;font-size:11px}.legend p{color:#b4a7c0;font-size:9px}.next-step{background:radial-gradient(ellipse at 100% 100%,#f6f0ff,transparent 65%),#fff}.next-step .panel-heading>span{color:#b69ad7}.next-step li{gap:13px;margin-top:15px}.next-step li>span{background:#f2eaff;color:#ac8ad5;border:0;width:29px;height:29px;border-radius:9px;font-weight:700}.next-step li:nth-child(2)>span{background:#e6f4fe;color:#7db4d8}.next-step li:nth-child(3)>span{background:#fcece9;color:#d7a08d}.next-step strong{color:#756482;font-size:10px}.next-step p{color:#ab9bb6;font-size:10px}.connections{margin-bottom:24px}.tabs{padding:0 25px;gap:26px;border-color:#eeebf4}.tabs button{font-size:10px;padding:14px 0;color:#aba0b6;transition:color .2s}.tabs button.selected{color:#8a65c6;border-color:#8e69d2}.tabs span{background:#f3eefb;color:#a08abb;padding:3px 6px}.tabs .selected span{background:#eee4ff;color:#9a78c5}.search{border-color:#e9e2f1;border-radius:7px;background:#fdfbff;padding:8px 10px}.search span{color:#b2a2c4}.search input{color:#887294;font-size:11px}.search input::placeholder{color:#b2a3bc}.exclude-filter,#selected-count{color:#b2a1ba;font-size:10px}th{background:#fbf9fd;color:#b2a0bd;border-color:#f4eef9;padding-top:12px;padding-bottom:12px;font-size:8px}td{border-color:#f5eff9;padding-top:15px;padding-bottom:15px}.user-avatar{background:#eee5fa;color:#a38cb7;width:36px;height:36px}.user-cell strong{color:#897098;font-size:11px}.user-cell small{color:#c3b2ce}.badge{background:#fff1e8;color:#cfab8c;padding:6px 8px;border-radius:5px}.badge.mutual{background:#eaf6ef;color:#92bba3}.exclude-button{color:#b09abf;border-color:#ece1f3;padding:7px 9px}.exclude-button.on{background:#eee5fa;color:#9c7cb8}.profile-link{color:#b19cc5}.table-footer{color:#b6a6c2;font-size:10px}.table-tools{padding:18px 25px}.empty{padding:42px 20px 47px}.empty>span{background:linear-gradient(145deg,#f1e8ff,#e3edfc);color:#ac90cb;width:48px;height:48px;border-radius:15px}.empty h3{color:#8a739b;font-size:14px}.empty p{color:#bba8c7;font-size:11px}.empty .secondary{color:#a489ba;font-size:10px;border-color:#e9def1}.footer{color:#b1a3bc;font-size:9px;padding-top:3px}.footer .text-button{color:#b1a3bc;font-size:9px}.queue-bar{background:#faf7ff;border-color:#eee5f8;color:#a28bb6}.setup-grid{gap:40px}.setup h2{color:#765b92}.setup-notes h3{color:#977fae}.setup-notes p,.setup li p{color:#b09cbd}.setup li{color:#9c81ae}.setup-notes{border-color:#eee4f7}.pill{background:#f6efff;border-color:#e5d6f7;color:#b096c9}.floating-job{background:#4d3573;border-color:#785a9d;box-shadow:0 10px 35px #49236230}.floating-job small{color:#c8b5dd}.spinner{border-color:#8a6ba9;border-top-color:#e2c7ff}.notice{color:#a38665;border-color:#efe2d2;background:#fff9f1;border-radius:10px}.notice.demo{background:#f0eaff;color:#a18cc0;border-color:#e0d4ef}.job-status{color:#aa8fc0}.log-row{color:#ac94bd;border-color:#f0e5f8}.log-row time{color:#c2aed0}dialog{border-color:#eadbf4;border-radius:19px;box-shadow:0 30px 100px #34164d50}dialog::backdrop{background:#23153277}dialog h2{color:#876499}dialog p{color:#b196c3}.modal-note{background:#f9f2ff}.modal-icon{background:#fce9f1;color:#d38cae}#toast{background:#634580;color:#f1e6ff;box-shadow:0 6px 22px #4a226533}.cloud-dialog{max-width:940px;width:calc(100% - 32px);padding:26px}.cloud-dialog .panel-heading{padding:0 0 18px}.cloud-frame{width:100%;height:520px;border:1px solid #eadff2;border-radius:12px;background:#f8f4fb}.cloud-status{padding:14px 0;color:#a48bb7;font-size:12px;line-height:1.8}.cloud-note{font-size:11px;color:#b9a3c8;line-height:1.8}.cloud-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.connection-banner{border:1px solid #e9dbf3;background:linear-gradient(100deg,#f4edff,#f4f9ff);border-radius:12px;padding:18px 22px;color:#a88cba;font-size:12px;line-height:1.8;margin-bottom:20px}
@media(min-width:1550px){main{padding-left:55px;padding-right:55px}.connect-copy{padding:39px 43px}.connect-copy h2{font-size:39px}.connect-card,.orbit-art{min-height:370px}.stat{padding:24px}.stat strong{font-size:37px}}
@media(max-width:1150px){:root{--sidebar:210px}.sidebar{padding:27px 13px 0}main{padding:28px 26px 0}.topbar{padding:0 26px}.connect-copy{padding:27px}.connect-copy h2{font-size:29px}.connect-card{grid-template-columns:1.12fr 1fr}.handle-field{max-width:none;flex-basis:100%}.orbit-three{width:320px;height:320px}.orbit-two{width:250px;height:250px}.orbit-one{width:170px;height:170px}.stat{padding:18px}.stat>div{font-size:10px}.stat strong{font-size:31px}.insight-content{gap:22px}.donut{width:135px;height:135px;min-width:135px}.donut>div{width:109px;height:109px}.legend{min-width:110px}}
@media(max-width:900px){:root{--sidebar:76px}.sidebar{padding:24px 10px 0}.brand{font-size:0;padding:0 9px;gap:0}.brand .mark{width:34px;height:35px;font-size:31px}.nav-item{font-size:0;padding:13px 0}.sidebar-bottom{display:none}.connect-card{grid-template-columns:1.2fr 1fr}.stats{gap:13px}.lower-grid{grid-template-columns:1fr}.insight-content{gap:50px;justify-content:center}.donut{width:155px;height:155px;min-width:155px}.donut>div{width:125px;height:125px}.next-step li{gap:10px}.next-step ol{padding:0 24px 24px}.setup-grid{grid-template-columns:1fr}}
@media(max-width:620px){:root{--sidebar:0px}.sidebar{position:sticky;width:100%;height:64px;flex-direction:row;padding:0 17px;box-shadow:0 5px 20px #1c102410}.brand{font-size:25px;gap:8px;padding:0}.brand .mark{width:29px;height:31px;min-width:29px;font-size:28px;border-radius:9px}.nav-item{padding:8px;width:36px;margin:0;border-radius:8px}.nav-item.active{box-shadow:none}.topbar{padding:0 18px;height:49px;background:#fbf9ff}.breadcrumb{font-size:10px}.top-actions .local-tag{display:none}main{padding:25px 17px 0}.page-heading h1{font-size:26px;letter-spacing:-1px}.page-heading p{font-size:11px;line-height:1.7}.eyebrow{font-size:8px;letter-spacing:1.3px}.connect-card{display:block;border-radius:14px;min-height:0}.connect-copy{padding:27px 24px}.connect-copy h2{font-size:31px}.connect-copy p{font-size:11px}.connect-controls{flex-wrap:nowrap;gap:8px;margin-top:23px}.handle-field{flex-basis:auto;min-width:0}.handle-field input{font-size:10px;padding:12px 7px}.connect-controls .primary{padding:11px;font-size:9px;gap:6px}.connect-foot{font-size:8px;line-height:1.8}.orbit-art{display:none}.stats{gap:11px;margin:18px 0}.stat{padding:16px 15px;min-height:139px;border-radius:11px}.stat>div{font-size:9px}.stat-icon{width:28px;height:28px;font-size:16px;border-radius:8px}.stat strong{font-size:30px;margin-top:8px}.stat small{font-size:8px;line-height:1.5}.lower-grid{gap:17px;margin-bottom:18px}.panel-heading{padding:20px 18px}.insight-content{gap:28px;padding:9px 21px 28px}.donut{width:133px;height:133px;min-width:133px}.donut>div{width:109px;height:109px}.legend{min-width:120px}.legend>div{font-size:9px}.next-step ol{padding:0 20px 23px}.next-step strong{font-size:11px}.next-step p{font-size:10px;line-height:1.8}.tabs{padding:0 18px;gap:20px}.table-tools{padding:14px 18px}.user-avatar{width:30px;height:30px}.user-cell strong{font-size:10px}.panel-heading h3{font-size:12px}.list-actions .small{padding:7px 9px}.empty{padding:35px 18px}.empty h3{font-size:13px}.empty p{font-size:10px}.footer{font-size:8px;line-height:1.8}.footer .text-button{font-size:8px}.cloud-dialog{padding:19px}.cloud-frame{height:430px}.cloud-actions{flex-wrap:wrap}.cloud-actions button{font-size:10px}.connection-banner{font-size:11px;padding:16px}.setup-grid{padding:0 20px 26px;gap:20px}}
@media(prefers-reduced-motion:reduce){.primary,.nav-item,.tabs button{transition:none}}
/* Readability: soft backgrounds, strong text. */
.page-heading p,.breadcrumb strong,.help-button{color:#706880}.stat>div,.stat small{color:#746a82}.stat:nth-child(3)>div,.stat:nth-child(3) small{color:#98634d}.panel-heading p,.subtle{color:#7b6a8c}.legend>div,.legend p,.next-step p{color:#7a6b88}.legend strong,.next-step strong{color:#51405f}.tabs button{color:#83718f}.tabs button.selected{color:#7447ad}.exclude-filter,#selected-count,.table-footer{color:#83718f}.search input,.search input::placeholder{color:#8c789a}.user-cell strong{color:#655070}.user-cell small{color:#8c789a}.badge{color:#9d6d47}.badge.mutual{color:#547b63}.exclude-button{color:#836497}.exclude-button.on{color:#6e458e}.empty h3{color:#6b4f82}.empty p{color:#8a719b}.empty .secondary{color:#79598e}.setup-notes p,.setup li p{color:#7b668e}.setup li{color:#5f4374}.setup-notes h3{color:#6b4987}.notice.demo{color:#735392}.cloud-status,.cloud-note{color:#795f8d}.connection-banner{color:#7e6093}.footer,.footer .text-button{color:#8b789b}.pill{color:#8a67ad}.job-status,.log-row{color:#795989}.log-row time{color:#9682a6}dialog h2{color:#624077}dialog p{color:#80638e}.modal-note{color:#80638e}
.remote-toolbar{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#f5f0fc;border:1px solid #e4d9ee;border-radius:9px 9px 0 0}.remote-toolbar span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#69517a}#remote-image{width:100%;display:block;border:1px solid #e4d9ee;cursor:crosshair;min-height:200px;background:#faf8ff}#remote-keys{position:fixed;left:-999px;top:0;width:1px;height:1px;opacity:.01}#remote-screen{position:relative}