/* PalPanel Command Center — UI polish patch v1.1
   Purely visual. No backend actions or data handling are changed. */

/* 1) Hero/world card: remove the distracting bright outline */
.world-card{
  border:1px solid rgba(73,173,214,.12)!important;
  outline:0!important;
  box-shadow:
    0 30px 90px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 0 1px rgba(4,12,25,.5)!important;
}
.world-card::before{
  border-radius:inherit;
}

/* 2) Server controls: larger, cleaner and more game-console-like */
.control-card{
  padding:24px!important;
  border:1px solid rgba(91,188,235,.14)!important;
  box-shadow:0 28px 75px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.control-grid{
  gap:12px!important;
}
.control-grid button{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  height:64px!important;
  min-height:64px;
  padding:0 18px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  text-shadow:0 1px 8px rgba(0,0,0,.35);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -18px 30px rgba(0,0,0,.10),
    0 12px 26px rgba(0,0,0,.22)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.control-grid button::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.22) 45%,transparent 72%);
  transform:translateX(-125%);
  transition:transform .48s ease;
}
.control-grid button::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:7px;
  height:1px;
  opacity:.65;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);
}
.control-grid button:hover{
  transform:translateY(-3px) scale(1.012)!important;
  filter:saturate(1.12) brightness(1.06)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    0 18px 36px rgba(0,0,0,.32),
    0 0 26px rgba(61,211,255,.12)!important;
}
.control-grid button:hover::before{transform:translateX(125%)}
.control-grid button:active{transform:translateY(0) scale(.99)!important}
.control-grid .start{
  background:linear-gradient(135deg,#087447 0%,#19bd69 52%,#2ee88e 100%)!important;
}
.control-grid .stop{
  background:linear-gradient(135deg,#8f1737 0%,#cf274f 52%,#ff4c72 100%)!important;
}
.control-grid .restart{
  background:linear-gradient(135deg,#5221df 0%,#7435ff 48%,#a34cff 100%)!important;
}
.control-grid .save{
  background:linear-gradient(135deg,#1555b8 0%,#188bd8 50%,#27c9ef 100%)!important;
}

/* 3) Quick modules: fix clipped footer text and improve visual hierarchy */
.quick-modules{
  gap:14px!important;
  align-items:stretch!important;
  overflow:visible!important;
}
.quick-modules .module{
  position:relative;
  height:224px!important;
  min-height:224px!important;
  padding:18px 18px 16px!important;
  overflow:hidden!important;
  border:1px solid rgba(92,164,224,.14)!important;
  border-radius:20px!important;
  background:
    linear-gradient(155deg,rgba(13,29,54,.88),rgba(5,13,27,.95))!important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.quick-modules .module::before{
  content:"";
  position:absolute;
  left:-15%;
  right:-15%;
  bottom:-86px;
  height:150px;
  opacity:.52;
  pointer-events:none;
  filter:blur(18px);
}
.quick-modules .module::after{
  top:16px!important;
  right:16px!important;
  width:7px!important;
  height:7px!important;
}
.quick-modules .module span{
  width:56px!important;
  height:56px!important;
  flex:0 0 56px!important;
  margin:0 0 13px!important;
  border-radius:15px!important;
  font-size:32px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 11px 25px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.quick-modules .module b{
  min-height:0!important;
  font-size:12px!important;
  line-height:1.25!important;
  letter-spacing:.045em!important;
  white-space:normal!important;
}
.quick-modules .module small{
  min-height:34px!important;
  margin:9px 0 10px!important;
  font-size:11px!important;
  line-height:1.42!important;
  color:#8298b5!important;
}
.quick-modules .module em{
  position:relative;
  display:flex!important;
  align-items:center;
  min-height:28px;
  margin-top:auto!important;
  padding:10px 0 0!important;
  border-top:1px solid rgba(255,255,255,.055);
  color:#69def8!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1!important;
  z-index:2;
}
.quick-modules .module:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(86,220,255,.30)!important;
  box-shadow:0 26px 68px rgba(0,0,0,.38),0 0 30px rgba(35,216,255,.09)!important;
}
.quick-modules .module:hover em{transform:translateX(4px)}

/* Individual module glow identities */
.quick-modules .module.console::before{background:radial-gradient(circle,rgba(32,238,151,.42),transparent 66%)!important}
.quick-modules .module.backups::before{background:radial-gradient(circle,rgba(147,91,255,.40),transparent 66%)!important}
.quick-modules .module.settings::before{background:radial-gradient(circle,rgba(228,92,255,.33),transparent 66%)!important}
.quick-modules .module.automation::before{background:radial-gradient(circle,rgba(35,209,255,.42),transparent 66%)!important}
.quick-modules .module.updater::before{background:radial-gradient(circle,rgba(28,123,255,.44),transparent 66%)!important}
.quick-modules .module.files::before{background:radial-gradient(circle,rgba(43,238,213,.38),transparent 66%)!important}

@media(max-width:1700px){
  .quick-modules{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .quick-modules .module{height:210px!important;min-height:210px!important}
}
@media(max-width:900px){
  .control-grid{grid-template-columns:1fr!important}
  .quick-modules{grid-template-columns:1fr!important}
  .quick-modules .module{height:auto!important;min-height:202px!important}
}