/* Poseidon belongs to the navigation and active workspace, rather than a poster. */
.admin-page {grid-template-columns:300px minmax(0,1fr);max-width:1680px!important;gap:0 24px!important}
.admin-command-bar {
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin:0 0 24px;padding:18px 24px;border:1px solid #376975;border-radius:13px;
  background:linear-gradient(115deg,#0c3444,#0d4b58);box-shadow:0 12px 30px #133e4517;
}
.admin-command-brand {display:flex;align-items:center;gap:18px;flex:none}
.admin-command-brand>img {width:70px;height:60px;object-fit:contain}
.admin-command-brand .eyebrow {color:#d8b775!important;font-size:8px;letter-spacing:.18em}
.admin-command-brand h1 {margin:5px 0 0;font:600 33px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;color:#fff9e9!important}
.admin-page .admin-command-bar .admin-heading-meta {
  display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px 16px;
  align-self:center;min-width:0;margin:0;padding:0;background:none;border:0;box-shadow:none;
}
.admin-page .admin-command-bar .admin-heading-meta>span:first-child {color:#9bcacb;font-size:8px}
.admin-page .admin-command-bar .admin-heading-meta strong {color:#f6f2e6!important;font-size:10px}
.admin-page .admin-command-bar .admin-heading-meta button {font-size:10px;min-height:38px;color:#cbe5e4!important}
.admin-page .admin-command-bar .admin-heading-meta a {font-size:10px;min-height:38px}
.admin-page .admin-command-bar .admin-heading-meta .ops-popout {margin:0;min-height:38px;padding:8px 12px}
.admin-command-bar .ops-window-status {font-size:8px}
.admin-guardian-sidebar {position:sticky;top:18px;min-width:0;align-self:start}
.admin-guardian-stage {position:relative;isolation:isolate;padding-top:113px;padding-bottom:14px}
.admin-guardian-stage>.poseidon-ops-scene--holding {
  position:absolute;inset:0;min-height:0;overflow:visible;isolation:auto;background:none;pointer-events:none;
}
.poseidon-ops-anchor {position:absolute;z-index:1;inset:0 auto auto 0;width:100%;aspect-ratio:1672/941;pointer-events:none}
.poseidon-ops-anchor img {display:block;width:100%;height:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 9px 12px #031d3530)}
.admin-gate .poseidon-ops-character,.admin-gate .poseidon-ops-anchor,.admin-gate .poseidon-ops-hands {inset:24px auto auto 0;width:100%}
.admin-gate .poseidon-ops-held-sign {top:45%;left:17%;right:17%;padding:24px 18px}
.admin-guardian-stage .poseidon-ops-character,.admin-guardian-stage .poseidon-ops-anchor,.admin-guardian-stage .poseidon-ops-hands {
  width:calc(100% + 40px);inset:0 auto auto -20px;aspect-ratio:1672/941;
}
.poseidon-ops-character {z-index:1;animation:poseidon-guardian-breathe 4.8s ease-in-out infinite;transform-origin:50% 53%;will-change:transform;mask-image:linear-gradient(#000 0 44%,transparent 54%)}
.poseidon-ops-anchor {mask-image:linear-gradient(transparent 0 44%,#000 54% 83%,transparent 98%)}
.poseidon-ops-hands {z-index:3;animation:none!important;transform:none!important;clip-path:polygon(9% 56%,19% 56%,19% 65%,18% 74%,15% 80%,9% 80%,9% 56%,81% 56%,90% 56%,90% 80%,85% 80%,82% 74%,81% 65%,81% 56%)}
.poseidon-ops-character,.poseidon-ops-aura {animation-duration:var(--guardian-cycle,4.8s)!important;animation-iteration-count:infinite!important}
.poseidon-ops-aura {
  position:absolute;z-index:0;inset:-12px -5px auto;height:200px;pointer-events:none;
  background:radial-gradient(ellipse at 50% 55%,#44b8c72b,transparent 69%);
  animation:poseidon-guardian-light 4.8s ease-in-out infinite;
}
.admin-page .admin-guardian-stage .commerce-admin-tabs {
  position:relative;z-index:2;top:auto;width:calc(65% + 26px);margin:0 calc(17.5% - 13px);
  padding:27px 13px 14px!important;overflow:visible;border-color:#b69861!important;
  background:linear-gradient(150deg,#103f4c,#092c3d)!important;backdrop-filter:none;
  box-shadow:0 14px 32px #12384d26,inset 0 0 0 3px #c4ac7017!important;
}
.admin-page .admin-guardian-stage .commerce-admin-tabs button {padding-left:13px;padding-right:13px}
.admin-guardian-stage .poseidon-ops-scene canvas {position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:1;border-radius:0;pointer-events:none}
.admin-content-deck {
  position:relative;isolation:isolate;min-width:0;padding:23px 24px 30px;border:1px solid #abc9c8;
  border-radius:15px;background:linear-gradient(130deg,#edf4ee,#f5f7ef);box-shadow:0 15px 35px #113e4510;
}
.admin-content-deck #commerce-admin-panel {position:relative;z-index:1;min-width:0}
.poseidon-water-frame {position:absolute;z-index:2;inset:0;overflow:hidden;border-radius:15px;pointer-events:none}
.poseidon-water-frame canvas {display:block;width:100%;height:100%;pointer-events:none}
.admin-content-deck .ops-intro,.admin-content-deck .admin-section-intro {margin-top:0}
html.admin-theme-dark .admin-content-deck {border-color:#326b79;background:linear-gradient(130deg,#103845,#082b3a)}
.poseidon-ops-scene--holding canvas {opacity:1}
.admin-gate .poseidon-ops-scene--holding canvas {z-index:2;opacity:.85}
.poseidon-ops-scene.is-paused .poseidon-ops-character,.poseidon-ops-scene.is-paused .poseidon-ops-hands,.poseidon-ops-scene.is-paused .poseidon-ops-aura {animation-play-state:paused}
@keyframes poseidon-guardian-breathe {
  0%,100% {transform:translate(var(--guardian-look-x,0px),var(--guardian-look-y,0px)) scaleY(1) rotate(-.15deg)}
  50% {transform:translate(var(--guardian-look-x,0px),calc(var(--guardian-look-y,0px) - 2px)) scaleY(1.012) rotate(.15deg)}
}
@keyframes poseidon-guardian-light {0%,100% {opacity:.4}50% {opacity:1}}
@media(max-width:1150px) {
  .admin-page {grid-template-columns:260px minmax(0,1fr)}
  .admin-command-bar {align-items:flex-start}
  .admin-command-bar .admin-heading-meta {max-width:480px}
  .admin-guardian-stage {padding-top:102px}
  .admin-content-deck {padding:20px}
  .admin-content-deck .ops-kpis {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px) {
  .admin-page {grid-template-columns:1fr;gap:0!important}
  .admin-command-bar {padding:16px;flex-wrap:wrap;margin-bottom:20px}
  .admin-command-brand h1 {font-size:29px}
  .admin-page .admin-command-bar .admin-heading-meta {justify-content:flex-start;width:100%;max-width:100%;flex:1 1 100%}
  .admin-guardian-sidebar {position:relative;top:auto;margin-bottom:18px}
  .admin-guardian-stage {padding-top:133px;padding-bottom:12px;overflow:hidden;border-radius:13px}
  .admin-guardian-stage .poseidon-ops-character,.admin-guardian-stage .poseidon-ops-anchor,.admin-guardian-stage .poseidon-ops-hands {width:380px;left:calc(50% - 190px)}
  .admin-guardian-stage .poseidon-ops-aura {height:210px;left:calc(50% - 200px);right:auto;width:400px}
  .admin-page .admin-guardian-stage .commerce-admin-tabs {display:flex;flex-direction:row;gap:6px;padding:70px 13px 10px!important;overflow-x:auto;width:100%;margin:0;scrollbar-width:thin}
  .admin-page .admin-guardian-stage .commerce-admin-tabs::before {content:'COMMAND NAVIGATION';position:absolute;top:12px;left:50%;transform:translateX(-50%);font:800 8px/1.4 'Manrope',Arial,sans-serif;letter-spacing:.15em;color:#b7d6d5;white-space:nowrap}
  .admin-page .admin-guardian-stage .commerce-admin-tabs button {width:auto!important;flex:none;min-height:42px!important}
  .admin-guardian-stage .ops-nav-group {display:none}
  .admin-content-deck {padding:19px 18px 25px}
}
@media(max-width:700px) {
  .admin-gate .poseidon-ops-character,.admin-gate .poseidon-ops-anchor,.admin-gate .poseidon-ops-hands {inset:10px auto auto 0;width:100%}
  .admin-gate .poseidon-ops-held-sign {left:17%;right:17%;padding:20px 12px}
  .admin-gate .poseidon-ops-held-sign strong {font-size:clamp(23px,6vw,29px)}
}
@media(max-width:420px) {
  .admin-command-bar {gap:13px}
  .admin-command-brand {gap:13px}
  .admin-command-brand>img {width:57px;height:49px}
  .admin-page .admin-command-bar .admin-heading-meta {gap:3px 12px}
  .admin-command-bar .admin-heading-meta strong {flex:1 1 175px;overflow-wrap:anywhere}
  .admin-guardian-stage .poseidon-ops-character,.admin-guardian-stage .poseidon-ops-anchor,.admin-guardian-stage .poseidon-ops-hands {width:440px;left:calc(50% - 220px);top:5px}
  .admin-guardian-stage {padding-top:148px}
  .admin-content-deck .ops-kpi strong {font-size:25px}
}
/* Keep the user's requested motion present, with a much gentler reduced-motion mode. */
@media(prefers-reduced-motion:reduce) {
  .poseidon-ops-scene {--guardian-cycle:9s}
  .poseidon-ops-character {animation:poseidon-guardian-gentle 9s ease-in-out infinite}
  .poseidon-ops-aura {animation:poseidon-guardian-light 9s ease-in-out infinite}
}
@keyframes poseidon-guardian-gentle {
  0%,100% {transform:translate(var(--guardian-look-x,0px),var(--guardian-look-y,0px))}
  50% {transform:translate(var(--guardian-look-x,0px),calc(var(--guardian-look-y,0px) - 1.5px)) scaleY(1.008)}
}
