/* Shared clay/glass component skin; no service or document behavior changes. */
html body.wk-clay-ui{--clay-ink:#303653;--clay-muted:#77809a;--clay-accent:#7862df;--clay-line:#ffffffc9;--clay-shadow:12px 12px 28px #b6b3d52b,-8px -8px 24px #ffffffbd;--clay-inset:inset 2px 2px 4px #ffffffd9,inset -2px -2px 5px #c9c2e01f;background:radial-gradient(ellipse at 12% 12%,#e0eafc,transparent 45%),radial-gradient(ellipse at 85% 42%,#fbe6ee,transparent 48%),#eeedf7!important;color:var(--clay-ink)!important}
html body.wk-premium.wk-motion-3d.wk-clay-ui :is(.card,.wk-svc-card,.wk-server-service,.wk-result-card,.wk-rate-card,.wk-aa-rate,.wk-request-card,.wk-admin-pricing){background:linear-gradient(140deg,#ffffffed,#f6f4fced)!important;border:1px solid var(--clay-line)!important;border-radius:24px!important;box-shadow:var(--clay-inset),var(--clay-shadow)!important;color:var(--clay-ink)!important;backdrop-filter:blur(16px)!important}
html body.wk-premium.wk-motion-3d.wk-clay-ui .card-header{background:#f5f3fc88!important;border-bottom:1px solid #e9e5f4!important;border-radius:24px 24px 0 0!important}
html body.wk-clay-ui :is(.wk-result-field,.wk-price-row,.wk-rate-card){border-color:#e5e1ef!important}
html body.wk-premium.wk-clay-ui :is(.wk-service-hero,.wk-aa-hero,.service-hero,.wk-servers-hero,.wk-track-hero){border:1px solid #ffffffcf!important;border-radius:26px!important;background:linear-gradient(125deg,#e8e4ff,#faf1fb,#e1f0fa)!important;background-size:200% 200%!important;box-shadow:inset 2px 2px 3px #fff,10px 14px 28px #9d99bd20!important;color:#333955!important}
html body.wk-premium.wk-motion-3d.wk-clay-ui :is(.wk-service-hero,.wk-aa-hero,.service-hero,.wk-servers-hero,.wk-track-hero) :is(h1,h2,h3,h4,.text-white){color:#333955!important;-webkit-text-fill-color:#333955!important;text-shadow:none!important;opacity:1!important}
html body.wk-premium.wk-motion-3d.wk-clay-ui :is(.wk-service-hero,.wk-aa-hero,.service-hero,.wk-servers-hero,.wk-track-hero) :is(p,.text-white-50,.text-muted){color:#727b94!important;-webkit-text-fill-color:#727b94!important;opacity:1!important}
html body.wk-premium.wk-motion-3d.wk-clay-ui :is(.btn-primary,.btn-success,.wk-svc-apply,.submit-button){background:linear-gradient(130deg,#9582f4,#7760d9)!important;border:1px solid #927ce4!important;border-radius:14px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:inset 2px 2px 3px #ffffff3b,inset -2px -2px 4px #4c3b9e33,0 5px 0 #6551b8,0 10px 18px #7360c52b!important}
html body.wk-premium.wk-motion-3d.wk-clay-ui :is(.btn-primary,.btn-success,.wk-svc-apply,.submit-button):hover{box-shadow:inset 2px 2px 3px #ffffff40,0 7px 0 #6551b8,0 15px 25px #7360c533!important}
html body.wk-clay-ui :is(.btn-outline-primary,.btn-light,.btn-outline-secondary){border:1px solid #fff!important;border-radius:13px!important;background:linear-gradient(140deg,#fff,#edeaf7)!important;color:#7968b2!important;box-shadow:4px 5px 10px #bcb3d426,-3px -3px 8px #ffffffb0!important}
html body.wk-clay-ui :is(.form-control,.form-select,.input-wrap input){border:1px solid #e2dcec!important;border-radius:13px!important;background:#f7f5fb!important;color:#3a415c!important;box-shadow:inset 3px 3px 7px #c6bfd42b,inset -3px -3px 7px #ffffff!important}
html body.wk-clay-ui :is(.form-control,.form-select,.input-wrap input):focus{border-color:#aa96df!important;box-shadow:0 0 0 4px #9982da1f,inset 2px 2px 5px #c6bfd41f!important}
html body.wk-clay-ui .navbar-vertical .navbar-collapse{background:linear-gradient(155deg,#ffffffdc,#eee9f9eb)!important;border:1px solid #fff!important;border-radius:25px!important;box-shadow:7px 8px 24px #aaa0c52b,-5px -5px 16px #ffffff8f!important;backdrop-filter:blur(20px)!important}
html body.wk-clay-ui .navbar-vertical .nav-link:hover{background:#e9e2f6!important;box-shadow:inset 3px 3px 6px #c6bddd2a,inset -3px -3px 6px #fff!important;border-radius:12px!important}
html body.wk-clay-ui :is(.badge-subtle-primary,.wk-api-purple){background:#e9e2f8!important;color:#795ba5!important}
html body.wk-clay-ui :is(.badge-subtle-success,.wk-api-teal){background:#dff1e9!important;color:#548c76!important}
html body.wk-clay-ui :is(.badge-subtle-warning){background:#fff0d7!important;color:#a48139!important}
html body.wk-clay-ui :is(.wk-service-dot,.wk-server-number,.welcome-icon,.brand-mark){border-radius:16px!important;box-shadow:inset 2px 2px 4px #ffffff80,4px 5px 10px #b3a8d02b!important}
html body.wk-clay-ui .table{--bs-table-bg:transparent;background:transparent!important;color:#4d5470!important}
html body.wk-clay-ui .table thead th{background:#eee9f8!important;color:#80709f!important;border-color:#e6dfee!important;font-size:.72rem;letter-spacing:.05em}
html body.wk-clay-ui .table tbody td{border-color:#ebe7f3!important;vertical-align:middle}
html body.wk-clay-ui .table tbody tr:hover{background:#f0ecfa88!important}
html body.wk-clay-ui .wk-result-field{background:linear-gradient(130deg,#faf8ff,#f1f0f8)!important;border-radius:13px!important;box-shadow:inset 2px 2px 5px #c2bbd519,inset -2px -2px 5px #fff!important}
html body.wk-clay-ui.wk-3d-landing{--navy:#efedf8;background:radial-gradient(ellipse at 10% 20%,#dfe8fb,transparent 50%),radial-gradient(ellipse at 90% 65%,#f7dfeb,transparent 48%),#efedf8!important;color:#373c59!important}
html body.wk-clay-ui.wk-3d-landing :is(.brand-name,.site-header nav a,.site-footer,.site-footer a){color:#5a6080!important}
html body.wk-clay-ui.wk-3d-landing .brand-mark{color:#8c6bb8!important;border-color:#fff!important;background:#eee8f8!important}
html body.wk-clay-ui.wk-3d-landing .form-panel{background:linear-gradient(135deg,#ffffffed,#f9f6fded)!important;border:1px solid #ffffff!important;border-radius:27px!important;box-shadow:var(--clay-inset),18px 22px 45px #a89cbd33,-12px -12px 30px #ffffffb3!important;backdrop-filter:blur(20px)!important}
html body.wk-clay-ui.wk-3d-landing .wk-landing-notice{background:linear-gradient(130deg,#eae4fc,#fbecf4,#e3f1f7)!important;border:1px solid #fff!important;border-left:5px solid #a18bd0!important;box-shadow:var(--clay-inset),var(--clay-shadow)!important;border-radius:27px!important}
html body.wk-clay-ui.wk-3d-landing .intro h1{color:#3f4263!important}
html body.wk-clay-ui.wk-3d-landing .intro h1 em{color:#9174c9!important;text-shadow:none!important}
html body.wk-clay-ui.wk-3d-landing :is(.intro-copy,.intro-bottom,.eyebrow){color:#7c7a97!important}
html body.wk-clay-ui.wk-3d-landing .card-footer{background:#eeeaf6!important;border-color:#e6dfef!important}
.wk-clay-analytics{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;margin:0 0 24px;min-width:0}
.wk-clay-chart{padding:25px;border:1px solid #fff;border-radius:24px;background:linear-gradient(135deg,#ffffffed,#f6f3fbed);box-shadow:var(--clay-inset),var(--clay-shadow);min-width:0}
.wk-clay-chart h3{font-size:17px;font-weight:750;color:#444b68;margin:0 0 5px}.wk-clay-chart>p{color:#8d8fa5;font-size:11px;margin:0 0 20px}
.wk-clay-bars{display:flex;align-items:end;gap:24px;min-height:160px;padding:10px 15px 0}.wk-clay-bar-group{flex:1;text-align:center;min-width:0}.wk-clay-bar{width:52%;max-width:72px;height:var(--bar-height);min-height:4px;margin:0 auto 12px;border-radius:13px 13px 8px 8px;background:linear-gradient(100deg,#b2a3ed,#8b79cb);box-shadow:inset 3px 0 5px #ffffff66,5px 5px 10px #a89ac52b;transform-origin:bottom;animation:wk-clay-grow .8s ease both!important}.wk-clay-bar-group:nth-child(2) .wk-clay-bar{background:linear-gradient(100deg,#b1d9cc,#7ab49f)}.wk-clay-bar-group:nth-child(3) .wk-clay-bar{background:linear-gradient(100deg,#f0d3ab,#d7b78d)}.wk-clay-bar-group small{display:block;font-size:11px;color:#8c88a0}.wk-clay-bar-group strong{display:block;color:#625b7c;font-size:14px;margin-bottom:5px}
.wk-clay-donut-row{display:flex;align-items:center;gap:22px;justify-content:center;flex-wrap:wrap}.wk-clay-donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#9b85d6 0 var(--debit-percent),#8cbda9 var(--debit-percent) 100%);box-shadow:5px 6px 15px #a69abb2b,-4px -4px 12px #fff;display:grid;place-items:center;flex-shrink:0}.wk-clay-donut>div{width:109px;height:109px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#f8f5fc;box-shadow:inset 3px 3px 8px #c7bed329,inset -3px -3px 8px #fff}.wk-clay-donut strong{font-size:23px;color:#625779}.wk-clay-donut small{font-size:10px;color:#9a91a6}.wk-clay-legend{font-size:12px;color:#847b97}.wk-clay-legend p{margin:12px 0}.wk-clay-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;background:#9b85d6;margin-right:7px}.wk-clay-legend p:nth-child(2) i{background:#8cbda9}
@keyframes wk-clay-grow{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@media(max-width:800px){.wk-clay-analytics{grid-template-columns:1fr}.wk-clay-chart{padding:21px}.wk-clay-bars{gap:15px}html body.wk-clay-ui :is(.card,.form-panel,.wk-landing-notice){backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){html body.wk-clay-ui .wk-clay-bar{animation:none!important}}
html body.wk-clay-ui.wk-3d-landing .submit-button{background:linear-gradient(130deg,#9582f4,#7760d9)!important;border-color:#927ce4!important;border-radius:14px!important;color:#fff!important;box-shadow:inset 2px 2px 3px #ffffff3b,0 5px 0 #6551b8,0 10px 18px #7360c52b!important}