/* AURONIS V6 | Live TCP Port Status | Login + CH1–CH4 */
.my2-body .my2-login-card{
  position:relative;display:flex;align-items:center;gap:13px;
  min-height:64px;padding:11px 15px;margin-bottom:12px;
  border:1px solid rgba(213,151,82,.25);
  background:linear-gradient(100deg,rgba(99,32,35,.38),rgba(25,7,12,.95));
  box-shadow:inset 0 1px rgba(255,220,153,.05);
  transition:border-color .25s ease,box-shadow .25s ease;
}
.my2-body .my2-login-card:before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,#ffdd98,#9e4b35);opacity:.8;
}
.my2-body .my2-login-icon{font-size:24px;line-height:1;color:#edbd7c;filter:drop-shadow(0 0 10px rgba(235,140,65,.38));animation:my3SymbolGlow 4s ease-in-out infinite}
.my2-body .my2-login-label{display:flex;flex-direction:column;gap:5px;min-width:0}
.my2-body .my2-login-label strong{font:800 11px Arial,sans-serif;letter-spacing:.13em;color:#ffe1aa}
.my2-body .my2-login-label small,.my2-body .my2-channel-port{font:700 9px Arial,sans-serif;letter-spacing:.08em;color:#b38b6b}
.my2-body .my2-login-status{display:flex;align-items:center;gap:8px;margin-left:auto;white-space:nowrap;font:700 11px Arial,sans-serif;color:#bca18a}
.my2-body .my2-login-card.is-online{border-color:rgba(117,203,139,.45)}
.my2-body .my2-login-card.is-offline{border-color:rgba(199,72,66,.55)}
.my2-body .my2-login-card.is-online .my2-login-status{color:#a7e6b5}
.my2-body .my2-login-card.is-offline .my2-login-status{color:#ed9784}
.my2-body .my2-channel-port{display:block;margin-top:7px;font-size:9px}
.my2-body .my2-channel-card{min-height:130px}
@media(max-width:1000px){.my2-body .my2-channel-card{min-height:118px}}
@media(max-width:600px){.my2-body .my2-channel-card{min-height:105px}.my2-body .my2-login-card{padding:11px 12px;min-height:58px}}
@media(prefers-reduced-motion:reduce){.my2-body .my2-login-icon{animation:none}}


/* Auronis Live Status Update v3
   goal: closer to website style, subtle premium animation, status color only on text */
.my2-body .my2-live-channel-box{
  position:relative;
  box-shadow:0 18px 42px rgba(0,0,0,.45), inset 0 1px rgba(255,230,180,.06);
}
.my2-body .my2-live-channel-box:before{
  box-shadow:0 0 14px rgba(241,169,84,.46);
}

.my2-body .my2-login-card,
.my2-body .my2-channel-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(216,154,83,.26) !important;
  background:
    radial-gradient(circle at 82% 16%, rgba(255,190,99,.10), transparent 18%),
    linear-gradient(160deg, rgba(76,20,24,.34), rgba(27,9,13,.90) 72%, rgba(17,6,9,.96)) !important;
  box-shadow:inset 0 1px rgba(255,225,170,.05), 0 10px 26px rgba(0,0,0,.22);
  transition:transform .32s ease, border-color .32s ease, box-shadow .32s ease;
}
.my2-body .my2-login-card:hover,
.my2-body .my2-channel-card:hover{
  transform:translateY(-3px);
  border-color:rgba(244,192,116,.52) !important;
  box-shadow:inset 0 1px rgba(255,225,170,.06), 0 14px 32px rgba(0,0,0,.30), 0 0 18px rgba(184,90,47,.12);
}
.my2-body .my2-login-card:after,
.my2-body .my2-channel-card:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(115deg, transparent 0 38%, rgba(255,228,171,.09) 48%, transparent 58%);
  background-size:220% 100%;
  animation:my2LiveSweepSoft 10s linear infinite;
  pointer-events:none;
}
.my2-body .my2-login-card:before,
.my2-body .my2-channel-card:before{
  content:'';
  position:absolute;
  inset:10px;
  border:1px solid rgba(230,178,104,.10);
  background:none !important;
  opacity:1 !important;
  pointer-events:none;
}

.my2-body .my2-login-card{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:82px;
  padding:14px 16px;
  margin-bottom:12px;
}
.my2-body .my2-login-emblem{
  position:relative;
  z-index:1;
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(242,192,113,.38);
  background:linear-gradient(180deg, rgba(103,36,39,.55), rgba(34,12,15,.92));
  box-shadow:inset 0 1px rgba(255,230,180,.06), 0 0 12px rgba(180,85,42,.10);
}
.my2-body .my2-login-icon{
  font-size:16px;
  line-height:1;
  color:#f0c57d;
  filter:drop-shadow(0 0 8px rgba(240,167,88,.30));
  animation:my3SymbolGlow 4.8s ease-in-out infinite;
}
.my2-body .my2-login-copy,
.my2-body .my2-channel-copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.my2-body .my2-login-kicker,
.my2-body .my2-channel-kicker{
  font:700 9px/1 Arial,sans-serif;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:#a98264;
}
.my2-body .my2-login-label strong{
  font:normal 18px/1.03 MythosEason, Georgia, serif;
  letter-spacing:.05em;
  color:#ffe2af;
  text-shadow:0 0 12px rgba(0,0,0,.35);
}

.my2-body .my2-login-status,
.my2-body .my2-channel-state{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  padding:7px 12px;
  min-height:32px;
  border:1px solid rgba(232,180,103,.26);
  background:linear-gradient(180deg, rgba(44,15,18,.72), rgba(21,8,11,.94));
  box-shadow:inset 0 1px rgba(255,230,180,.04), 0 6px 14px rgba(0,0,0,.16);
  white-space:nowrap;
  font:800 11px Arial,sans-serif;
  letter-spacing:.02em;
  color:#d8ba99 !important;
}
.my2-body .my2-channel-state{margin-left:0;margin-top:14px;align-self:flex-start}
.my2-body .my2-channel-led{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#f0c57d !important;
  box-shadow:0 0 0 3px rgba(240,197,125,.10), 0 0 10px rgba(240,167,88,.32) !important;
  animation:my2StatusDotPulse 2.8s ease-in-out infinite;
}
.my2-body .my2-channel-state-text{color:inherit;transition:color .25s ease,text-shadow .25s ease}
.my2-body .my2-login-card.is-online .my2-channel-state,
.my2-body .my2-login-card.is-offline .my2-channel-state,
.my2-body .my2-channel-card.is-online .my2-channel-state,
.my2-body .my2-channel-card.is-offline .my2-channel-state{
  border-color:rgba(232,180,103,.26) !important;
  background:linear-gradient(180deg, rgba(44,15,18,.72), rgba(21,8,11,.94)) !important;
  box-shadow:inset 0 1px rgba(255,230,180,.04), 0 6px 14px rgba(0,0,0,.16) !important;
  color:#d8ba99 !important;
}
.my2-body .my2-login-card.is-online .my2-channel-state-text,
.my2-body .my2-channel-card.is-online .my2-channel-state-text{
  color:#67e89f !important;
  text-shadow:0 0 10px rgba(63,224,142,.22);
}
.my2-body .my2-login-card.is-offline .my2-channel-state-text,
.my2-body .my2-channel-card.is-offline .my2-channel-state-text{
  color:#ff837a !important;
  text-shadow:0 0 10px rgba(255,110,103,.20);
}
.my2-body .my2-login-card.is-online,
.my2-body .my2-login-card.is-offline,
.my2-body .my2-channel-card.is-online,
.my2-body .my2-channel-card.is-offline{
  border-color:rgba(216,154,83,.26) !important;
}

.my2-body .my2-channel-grid{gap:10px}
.my2-body .my2-channel-card{
  min-height:148px !important;
  padding:13px 12px 12px;
}
.my2-body .my2-channel-top{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
  color:#dfae6b;
}
.my2-body .my2-channel-glyph{
  font-size:14px;
  color:#efc278;
  filter:drop-shadow(0 0 8px rgba(236,160,80,.24));
  animation:my3SymbolGlow 5s ease-in-out infinite;
}
.my2-body .my2-channel-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:26px;
  padding:0 8px;
  border:1px solid rgba(230,178,104,.22);
  background:linear-gradient(180deg, rgba(103,31,34,.40), rgba(43,13,17,.16));
  color:#f0c57d;
  font:800 16px/1 Georgia, serif;
  opacity:1;
}
.my2-body .my2-channel-copy strong{
  display:block;
  font:normal 15px/1.05 MythosEason, Georgia, serif;
  letter-spacing:.04em;
  color:#ffe1af;
  white-space:normal;
  text-shadow:0 0 12px rgba(0,0,0,.35);
}

@keyframes my2LiveSweepSoft{
  0%{background-position:170% 0}
  100%{background-position:-80% 0}
}
@keyframes my2StatusDotPulse{
  0%,100%{transform:scale(1); opacity:.92}
  50%{transform:scale(1.12); opacity:1}
}
@media(max-width:1000px){
  .my2-body .my2-channel-card{min-height:138px !important}
}
@media(max-width:600px){
  .my2-body .my2-login-card{min-height:72px;padding:12px 12px;gap:12px}
  .my2-body .my2-login-emblem{width:36px;height:36px;flex-basis:36px}
  .my2-body .my2-login-label strong{font-size:16px}
  .my2-body .my2-channel-card{min-height:128px !important;padding:11px 10px 10px}
  .my2-body .my2-channel-copy strong{font-size:13px}
  .my2-body .my2-channel-number{min-width:30px;height:24px;font-size:14px}
  .my2-body .my2-login-status,.my2-body .my2-channel-state{padding:6px 10px;min-height:30px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .my2-body .my2-login-card:after,
  .my2-body .my2-channel-card:after,
  .my2-body .my2-channel-led,
  .my2-body .my2-login-icon,
  .my2-body .my2-channel-glyph{animation:none}
}


/* Auronis Live Icons v4 – engraved fantasy icons; no external icon fonts. */
.my2-body .my2-login-emblem,
.my2-body .my2-channel-glyph {
  color:#eab875;
  flex-shrink:0;
  transition:color .32s ease, border-color .32s ease, box-shadow .32s ease;
}
.my2-body .my2-login-emblem {
  border-color:rgba(235,185,105,.35);
  background:radial-gradient(circle at 50% 25%,rgba(169,91,53,.22),transparent 68%),
             linear-gradient(155deg,rgba(95,30,32,.5),rgba(30,10,14,.86));
}
.my2-body .my2-channel-glyph {
  display:inline-flex;
  width:28px;
  height:28px;
  justify-content:center;
  align-items:center;
  line-height:1;
  padding:5px;
  border:1px solid rgba(230,178,104,.21);
  background:linear-gradient(140deg,rgba(106,35,37,.36),rgba(34,9,14,.48));
  box-shadow:inset 0 1px rgba(255,220,162,.06);
}
.my2-body .my2-fantasy-icon {
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  color:inherit;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 1px 3px rgba(231,155,65,.18));
  transform:translateY(0);
  animation:my2IconWarmth 5.5s ease-in-out infinite;
}
.my2-body .my2-icon-login {
  width:25px;
  height:25px;
  animation-duration:6.5s;
}
.my2-body [data-my2-channel="2"] .my2-fantasy-icon{animation-delay:-1.4s}
.my2-body [data-my2-channel="3"] .my2-fantasy-icon{animation-delay:-2.8s}
.my2-body [data-my2-channel="4"] .my2-fantasy-icon{animation-delay:-4.2s}
.my2-body .my2-login-card:hover .my2-login-emblem,
.my2-body .my2-channel-card:hover .my2-channel-glyph {
  color:#ffdda1;
  border-color:rgba(255,206,136,.52);
  box-shadow:inset 0 1px rgba(255,231,187,.08), 0 0 14px rgba(222,143,73,.16);
}
.my2-body .my2-login-card:hover .my2-fantasy-icon,
.my2-body .my2-channel-card:hover .my2-fantasy-icon {
  animation:my2IconHover .55s ease-out both;
}
@keyframes my2IconWarmth {
  0%,100%{opacity:.87;filter:drop-shadow(0 1px 2px rgba(220,141,70,.10))}
  50%{opacity:1;filter:drop-shadow(0 0 6px rgba(236,169,90,.34))}
}
@keyframes my2IconHover {
  0%{transform:translateY(1px) scale(.95)}
  70%{transform:translateY(-1px) scale(1.1)}
  100%{transform:translateY(-1px) scale(1.055)}
}
@media(max-width:600px){
  .my2-body .my2-channel-glyph{width:25px;height:25px;padding:4px}
  .my2-body .my2-icon-login{width:21px;height:21px}
}
@media(prefers-reduced-motion:reduce){
  .my2-body .my2-fantasy-icon,
  .my2-body .my2-login-card:hover .my2-fantasy-icon,
  .my2-body .my2-channel-card:hover .my2-fantasy-icon{animation:none;transform:none}
}