/* SKYTEK Studio 1.4.7 — system, light and dark appearance. */
.sk-color-control { position: relative; flex: 0 0 44px; width: 44px; }
.sk-color-control[hidden] { display: none; }
.sk-color-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--sk-line);
  border-radius: 50%;
  background: transparent;
  color: var(--sk-ink);
  cursor: pointer;
  list-style: none;
}
.sk-color-toggle::-webkit-details-marker { display: none; }
.sk-color-toggle[hidden] { display: none; }
.sk-color-toggle:hover, .sk-color-control[open] > .sk-color-toggle { background: var(--sk-mist); border-color: #05A8C8; }
.sk-color-control svg { width: 19px; height: 19px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sk-color-toggle svg { display: none; }
html[data-sk-color-preference="auto"] .sk-color-toggle .sk-icon-system,
html[data-sk-color-preference="light"] .sk-color-toggle .sk-icon-sun,
html[data-sk-color-preference="dark"] .sk-color-toggle .sk-icon-moon { display: block; }
.sk-color-panel {
  position: absolute;
  inset-block-start: calc(100% + 10px);
  inset-inline-end: 0;
  z-index: 40;
  width: 228px;
  max-width: calc(100vw - 32px);
  padding: 8px;
  border: 1px solid var(--sk-line);
  border-radius: 12px;
  background: var(--sk-white);
  color: var(--sk-ink);
  box-shadow: 0 12px 40px #0002;
}
.sk-color-panel-label { padding: 7px 10px 9px; font-size: 12px; font-weight: 600; color: var(--sk-muted); }
.sk-color-choice {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 46px;
  padding: 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 14px;
  line-height: 1.35;
  text-align: start;
  cursor: pointer;
}
.sk-color-choice small { display: block; margin-top: 3px; font-size: 11px; font-weight: 400; color: var(--sk-muted); }
.sk-color-choice:hover, .sk-color-choice[aria-pressed="true"] { background: var(--sk-mist); }
.sk-color-choice[aria-pressed="true"] { font-weight: 700; }
.sk-color-choice::after { content: '✓'; margin-inline-start: auto; color: var(--sk-cyan-dark); font-size: 17px; font-weight: 700; visibility: hidden; }
.sk-color-choice[aria-pressed="true"]::after { visibility: visible; }
.sk-color-toggle:focus-visible, .sk-color-choice:focus-visible { outline: 3px solid var(--sk-cyan); outline-offset: 2px; }
.sk-logo .sk-logo-night { display: none; }
html[data-sk-color-mode="dark"] .sk-logo .sk-logo-day { display: none; }
html[data-sk-color-mode="dark"] .sk-logo .sk-logo-night { display: block; }

html[data-sk-color-mode="dark"] {
  color-scheme: dark;
  --sk-ink: #edf2f7;
  --sk-muted: #afbbc9;
  --sk-white: #0d1117;
  --sk-mist: #141b24;
  --sk-line: #2e3b4a;
  --sk-cyan: #05A8C8;
  --sk-cyan-dark: #05A8C8;
  --sk-lavender: #919AB2;
  --sk-dark: #0a0c10;
  background-color: #0d1117 !important;
}
html[data-sk-color-mode="dark"] body.skytek-studio { background-color: #0d1117 !important; color: var(--sk-ink); }
html[data-sk-color-mode="dark"] body.skytek-studio .sk-page-content { background-color: #0d1117; }
html[data-sk-color-mode="dark"] .sk-header { background: rgba(13,17,23,.98); border-color: var(--sk-line); }
html[data-sk-color-mode="dark"] .sk-topbar { border-bottom: 1px solid #202b37; }
html[data-sk-color-mode="dark"] .sk-dropdown,
html[data-sk-color-mode="dark"] .sk-menu-toggle,
html[data-sk-color-mode="dark"] .sk-skip { background: #141b24; color: var(--sk-ink); border-color: var(--sk-line); }
html[data-sk-color-mode="dark"] .sk-dropdown { box-shadow: 0 20px 48px #0006; }
html[data-sk-color-mode="dark"] .sk-dropdown a:hover { background: #20303e; }
html[data-sk-color-mode="dark"] .sk-language a[aria-current="true"] { color: #05A8C8; }
html[data-sk-color-mode="dark"] .sk-header-cta,
html[data-sk-color-mode="dark"] .sk-project-float { background: #05A8C8; color: #080a0e !important; border-color: #05A8C8; }
html[data-sk-color-mode="dark"] .sk-header-cta:hover,
html[data-sk-color-mode="dark"] .sk-project-float:hover { background: #edf2f7; border-color: #edf2f7; }
html[data-sk-color-mode="dark"] .sk-domain-card { background: #121923; }
html[data-sk-color-mode="dark"] .sk-domain-card:hover { background: #182532; }
html[data-sk-color-mode="dark"] .sk-domain-card:last-child { background: #0a0c10; }
html[data-sk-color-mode="dark"] .sk-domain-code { color: #05A8C8; }
html[data-sk-color-mode="dark"] .sk-technology-card { background: #121923; }
img.v2-vendor[alt="ManageEngine"] {
  content: url("manageengine-zoho-light-black-logo.svg");
  background: transparent;
  padding: 0;
  border-radius: 0;
}
html[data-sk-color-mode="dark"] img.v2-vendor[alt="ManageEngine"] {
  content: url("manageengine-zoho-dark-white-logo.svg");
}
html[data-sk-color-mode="dark"] .sk-step,
html[data-sk-color-mode="dark"] .v2-cap-grid article,
html[data-sk-color-mode="dark"] .v2-method,
html[data-sk-color-mode="dark"] .v2-phone { border-color: var(--sk-line); }
html[data-sk-color-mode="dark"] .v2-deep,
html[data-sk-color-mode="dark"] .v3-deliverables,
html[data-sk-color-mode="dark"] #v2-form { background: var(--sk-mist); }
html[data-sk-color-mode="dark"] .v2-cap-grid p,
html[data-sk-color-mode="dark"] .v2-method p,
html[data-sk-color-mode="dark"] .v2-method li,
html[data-sk-color-mode="dark"] .v2-demo,
html[data-sk-color-mode="dark"] .v3-workstreams p,
html[data-sk-color-mode="dark"] .v3-deliverables p,
html[data-sk-color-mode="dark"] .v3-product-notes { color: var(--sk-muted); }
html[data-sk-color-mode="dark"] .v2-products { color: var(--sk-ink) !important; }
html[data-sk-color-mode="dark"] .sk-page-content .wp-block-button__link { background: #05A8C8; color: #080a0e; }
html[data-sk-color-mode="dark"] .sk-page-content .wp-block-button__link:hover { background: #edf2f7; color: #080a0e !important; }
html[data-sk-color-mode="dark"] .sk-page-content .sk-button-secondary .wp-block-button__link { background: transparent; color: var(--sk-ink); border-color: #637184; }
html[data-sk-color-mode="dark"] .sk-page-content .sk-button-secondary .wp-block-button__link:hover { background: #20303e; color: #edf2f7 !important; border-color: #05A8C8; }
html[data-sk-color-mode="dark"] #v2-form label { color: var(--sk-ink); }
html[data-sk-color-mode="dark"] #v2-form input:not([type="checkbox"]),
html[data-sk-color-mode="dark"] #v2-form select,
html[data-sk-color-mode="dark"] #v2-form textarea { background: #0d1117; color: var(--sk-ink); border-color: #637184; }
html[data-sk-color-mode="dark"] #v2-form ::placeholder { color: #96a4b5; opacity: 1; }
html[data-sk-color-mode="dark"] .v3-needs,
html[data-sk-color-mode="dark"] .v2-captcha { border-color: #637184; }
html[data-sk-color-mode="dark"] #v2-form input[type="checkbox"] { accent-color: #05A8C8; }
html[data-sk-color-mode="dark"] .v2-submit { background: #05A8C8; color: #080a0e; }
html[data-sk-color-mode="dark"] .v2-submit:hover { background: #edf2f7; }

@media (max-width: 900px) {
  html[data-sk-color-mode="dark"] .sk-nav { background: #141b24; }
  .sk-header-inner { gap: 15px; }
}
@media (max-width: 600px) {
  .sk-header-inner { gap: 8px; padding-inline: 16px; }
  .sk-logo, .sk-logo img { width: 105px; }
  .sk-menu-toggle { min-height: 40px; width: 38px; flex-shrink: 0; padding: 0; justify-content: center; font-size: 0; }
  .sk-menu-lines { font-size: 20px; margin: 0; }
  .sk-language { padding-inline-start: 0; border: 0; }
  .sk-language a { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; padding-inline: 5px; }
  .sk-color-toggle { border-radius: 8px; }
}
