/* Console effects: decorative only; finite entrance motion and user-triggered feedback. */
html[data-kd-motion="cyber"].dark .kd-console .kd-workspace-intro {
  box-shadow: inset 0 1px #caffab25, 0 0 0 1px #66dedb08, 0 12px 44px #0004, 0 0 42px #b5f36b09;
}
html[data-kd-motion="cyber"].dark .kd-console .kd-workspace-intro::after {
  content: ""; position: absolute; pointer-events: none; left: -65%; top: 0; width: 65%; height: 2px; z-index: 3;
  background: linear-gradient(90deg, transparent, #b5f36b 48%, #66dedb 78%, transparent);
  box-shadow: 0 0 16px #66dedb90, 0 4px 30px #b5f36b35;
  animation: kd-console-rail 3.4s cubic-bezier(.25,.6,.35,1) .25s 2 both;
}
html[data-kd-motion="cyber"].dark .kd-console .kd-workspace-intro h2 { position: relative; text-shadow: 0 0 30px #b5f36b16; }
html[data-kd-motion="cyber"].dark .kd-console .kd-workspace-intro h2::after {
  content: ""; position: absolute; pointer-events: none; left: 0; bottom: -4px; width: min(170px,45%); height: 2px;
  background: linear-gradient(90deg, #b5f36b, #66dedb 58%, #b7a2ef70, transparent);
  box-shadow: 0 0 11px #66dedb45; transform-origin: left; animation: kd-console-title 1.1s ease-out .2s both;
}
html[data-kd-motion="cyber"].dark .kd-console .kd-workspace-intro .kd-eyebrow { color: #c1e0a7; text-shadow: 0 0 17px #b5f36b40; }
html[data-kd-motion="cyber"].dark .kd-console .kd-orbit::before {
  content: ""; position: absolute; pointer-events: none; left: 76px; top: 23px; width: 153px; height: 153px; border-radius: 50%;
  background: conic-gradient(from 20deg, transparent 6%, #b5f36b 18%, transparent 31% 50%, #66dedb 64%, transparent 80%);
  -webkit-mask: radial-gradient(transparent 67%, #000 68% 70%, transparent 71%); mask: radial-gradient(transparent 67%, #000 68% 70%, transparent 71%);
  animation: kd-console-orbit 5.2s cubic-bezier(.2,.6,.2,1) 1 both; opacity: .85;
}
html[data-kd-motion="cyber"].dark .kd-console .kd-orbit::after {
  content: ""; position: absolute; pointer-events: none; inset: 0; z-index: -1;
  background: radial-gradient(ellipse at 48% 42%, #b5f36b23, #66dedb0d 38%, transparent 65%);
}
html[data-kd-motion="cyber"].dark .kd-console .kd-orbit .kd-core { box-shadow: 0 0 46px #b5f36b42, 0 0 90px #66dedb13, 0 15px 35px #0004; animation-iteration-count: 2; }
html[data-kd-motion="cyber"].dark .kd-console .kd-orbit .kd-ring-one { border-color: #b5f36b88; box-shadow: 0 0 12px #b5f36b13; }
html[data-kd-motion="cyber"].dark .kd-console .kd-orbit .kd-ring-two { border-color: #66dedb80; box-shadow: 0 0 12px #66dedb10; }
html[data-kd-motion="cyber"].dark .kd-console .kd-orbit .kd-ring-three { border-color: #b7a2ef70; }
/* These inset lines do not move columns, replace state backgrounds or affect sticky cells. */
html[data-kd-motion="cyber"].dark .kd-console table thead th { box-shadow: inset 0 -1px #66dedb42; text-shadow: 0 0 16px #66dedb16; }
html[data-kd-motion="cyber"].dark .kd-console table tbody tr > td { transition: box-shadow .16s ease; }
html[data-kd-motion="cyber"].dark .kd-console table tbody tr:focus-within > td { box-shadow: inset 0 1px #66dedb38, inset 0 -1px #66dedb38; }
html[data-kd-motion="cyber"].dark .kd-console table tbody tr:focus-within > td:first-child { box-shadow: inset 3px 0 #b5f36b, inset 0 1px #66dedb38, inset 0 -1px #66dedb38; }
html[data-kd-motion="cyber"].dark .kd-console :is(.btn-primary,.kd-action-primary):focus-visible { outline: 2px solid #66dedb; outline-offset: 4px; box-shadow: 0 0 24px #b5f36b42; }
html[data-kd-motion="cyber"].dark .sidebar-link-active { animation: kd-console-nav 1.5s ease-out 2; }
@media (hover: hover) {
  html[data-kd-motion="cyber"].dark .kd-console :is(.btn-primary,.kd-action-primary):hover:not(:disabled) { box-shadow: 0 0 0 1px #d6ffb04d, 0 0 23px #b5f36b55, 0 5px 28px #66dedb18; }
  html[data-kd-motion="cyber"].dark .kd-console :is(.btn-secondary,.btn-ghost):hover:not(:disabled) { box-shadow: inset 0 0 0 1px #66dedb48, 0 0 20px #66dedb12; }
  html[data-kd-motion="cyber"].dark .sidebar-link:hover { box-shadow: inset 3px 0 #b5f36b, inset 0 0 0 1px #b5f36b20, 0 0 24px #b5f36b10; }
  html[data-kd-motion="cyber"].dark .kd-console .card:hover { box-shadow: inset 0 1px #66dedb28, 0 0 0 1px #66dedb0b, 0 12px 32px #0004, 0 0 30px #66dedb0d; }
  html[data-kd-motion="cyber"].dark .kd-console table tbody tr:hover > td { box-shadow: inset 0 1px #66dedb38, inset 0 -1px #66dedb38; }
  html[data-kd-motion="cyber"].dark .kd-console table tbody tr:hover > td:first-child { box-shadow: inset 3px 0 #b5f36b, inset 0 1px #66dedb38, inset 0 -1px #66dedb38; }
  html[data-kd-motion="cyber"].dark .kd-console table tbody tr:hover > td:last-child { box-shadow: inset -2px 0 #b7a2ef80, inset 0 1px #66dedb38, inset 0 -1px #66dedb38; }
}
@keyframes kd-console-rail { 0% { transform: translateX(0); opacity: 0; } 12%,70% { opacity: 1; } 100% { transform: translateX(260%); opacity: 0; } }
@keyframes kd-console-title { from { transform: scaleX(.08); opacity: 0; } to { transform: scaleX(1); opacity: 1; } }
@keyframes kd-console-orbit { from { transform: rotate(-145deg); opacity: 0; } 15% { opacity: .85; } to { transform: rotate(360deg); opacity: .85; } }
@keyframes kd-console-nav { 0%,100% { box-shadow: inset 3px 0 #b5f36b, inset 0 0 0 1px #b5f36b20; } 50% { box-shadow: inset 3px 0 #d2ff99, inset 0 0 0 1px #b5f36b44, 0 0 28px #b5f36b16; } }
/* Usage pages: the real DataTable wrapper clips one finite scan, without moving its cells. */
html[data-kd-motion="cyber"].dark:is([data-kd-page="/usage"],[data-kd-page="/admin/usage"]) .kd-console .table-wrapper::after {
  content: ""; position: absolute; inset: 0; z-index: 4; pointer-events: none; border-radius: inherit;
  background: linear-gradient(180deg, transparent 47%, #66dedb05 49%, #66dedb85 50%, #b5f36b12 50.2%, transparent 53%);
  background-size: 100% 240%; background-position: 0 140%; opacity: 0;
  animation: kd-usage-scan 3.8s cubic-bezier(.25,.6,.35,1) .65s 1 both;
}
html[data-kd-motion="cyber"].dark:is([data-kd-page="/usage"],[data-kd-page="/admin/usage"]) .kd-console table thead th { box-shadow: inset 0 -2px #66dedb66; text-shadow: 0 0 18px #66dedb30; }
html[data-kd-motion="cyber"].dark:is([data-kd-page="/usage"],[data-kd-page="/admin/usage"]) .kd-console .kd-workspace-intro { box-shadow: inset 0 1px #b5f36b38, inset 0 -1px #66dedb20, 0 0 45px #66dedb10, 0 10px 36px #0004; }
html[data-kd-motion="cyber"].dark:is([data-kd-page="/usage"],[data-kd-page="/admin/usage"]) .kd-console .card:not(:has(table)) { box-shadow: inset 0 1px #66dedb30, 0 0 24px #b7a2ef0e, 0 8px 25px #0002; }
@keyframes kd-usage-scan { 0% { background-position: 0 140%; opacity: 0; } 15%,80% { opacity: .65; } 100% { background-position: 0 -140%; opacity: 0; } }
@media (max-width: 767px) {
  html[data-kd-motion="cyber"].dark .kd-console .kd-workspace-intro::after { animation-duration: 2.5s; animation-iteration-count: 1; }
  html[data-kd-motion="cyber"].dark .kd-console .kd-orbit::before { animation: none; }
  html[data-kd-motion="cyber"].dark .kd-console .kd-orbit .kd-core { animation-iteration-count: 1; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-kd-motion="cyber"].dark .kd-console .kd-workspace-intro::after { animation: none !important; opacity: 0; }
  html[data-kd-motion="cyber"].dark .kd-console .kd-workspace-intro h2::after,
  html[data-kd-motion="cyber"].dark .kd-console .kd-orbit::before,
  html[data-kd-motion="cyber"].dark .kd-console .kd-orbit .kd-core,
  html[data-kd-motion="cyber"].dark .sidebar-link-active { animation: none !important; }
  html[data-kd-motion="cyber"].dark .kd-console table tbody tr > td { transition: none !important; }
  html[data-kd-motion="cyber"].dark:is([data-kd-page="/usage"],[data-kd-page="/admin/usage"]) .kd-console .table-wrapper::after { animation: none !important; opacity: 0; }
}
