/* Mumyeong 2026 visual polish layer. Loaded last on every shared shell. */
:root{
  --my-action-a:#7b1016;
  --my-action-b:#b52028;
  --my-action-c:#d33a42;
}

body.monochrome-theme :is(.btn.primary,button.primary,.btn.warning,button.warning,.btn.success,button.success,.rank-save-all,.rank-add button,.apply-submit,.of-btn.primary){
  background:linear-gradient(135deg,var(--my-action-a) 0%,var(--my-action-b) 55%,var(--my-action-c) 100%)!important;
  border:1px solid rgba(255,117,124,.3)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(107,10,16,.3),inset 0 1px 0 rgba(255,255,255,.15)!important;
}
body.monochrome-theme :is(.btn.primary,button.primary,.btn.warning,button.warning,.btn.success,button.success,.rank-save-all,.rank-add button,.apply-submit,.of-btn.primary):hover{
  filter:brightness(1.1)!important;
  transform:translateY(-1px)!important;
}

/* Compact, fully scrollable desktop navigation. */
body.app-admin .side{
  overflow:hidden!important;
  padding:10px 9px 12px!important;
}
body.app-admin .side-head{margin-bottom:7px!important}
body.app-admin .brand{gap:9px!important;margin:0!important}
body.app-admin .brand-torii{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  border-radius:14px!important;
  background:#090a0d url(asset.php?f=assets/mumyeong-seal.png) center/92% no-repeat!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.38)!important;
  filter:saturate(.72) contrast(1.08)!important;
}
body.app-admin .brand b,
body.app-mobile .m-brand-text b{
  font-family:"Pretendard Variable","Pretendard","SUIT","Noto Sans KR","Malgun Gothic",sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
body.app-admin .brand small,
body.app-mobile .m-brand-text small{
  color:#9a9da5!important;
  letter-spacing:.07em!important;
}
body.app-admin .user.user-card{
  min-height:48px!important;
  margin:8px 0 7px!important;
  padding:9px 11px!important;
  border-radius:13px!important;
}
body.app-admin .user.user-card b{font-size:13px!important}
body.app-admin .user.user-card span{font-size:10px!important}
body.app-admin .nav{
  height:calc(100dvh - 118px)!important;
  padding:0 2px 18px 0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.19) transparent!important;
}
body.app-admin .nav-section{margin-bottom:4px!important}
body.app-admin .nav-section-title{
  padding:4px 7px 3px!important;
  color:#858890!important;
  font-size:9px!important;
  line-height:1.25!important;
}
body.app-admin .nav a{
  min-height:32px!important;
  grid-template-columns:29px minmax(0,1fr)!important;
  margin:1px 0!important;
  padding:0 8px 0 5px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
body.app-admin .nav a svg{
  width:24px!important;
  height:24px!important;
  padding:5px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.035)!important;
  color:#d8d9dd!important;
}
body.app-admin .nav a.active svg{
  border-color:rgba(217,54,64,.28)!important;
  background:rgba(167,25,31,.2)!important;
  color:#fff!important;
}
body.app-admin .side::after{opacity:.045!important;bottom:0!important;height:210px!important}

body.app-mobile .m-logo-wolf{
  object-fit:contain!important;
  background:#090a0d!important;
  filter:saturate(.72) contrast(1.08)!important;
}

@media(max-width:900px){
  body.app-admin .mobile-drawer .nav{height:auto!important;padding-bottom:28px!important}
  body.app-admin .mobile-drawer-panel{overflow-y:auto!important}
}

/* phase 2+3 common action buttons */
button[type="submit"]:not(.danger):not(.btn-danger),input[type="submit"],.btn.primary,.btn.warning,.btn.save,.action-primary,.phase-red{background:linear-gradient(135deg,#7b1016 0%,#b52028 55%,#d33a42 100%)!important;color:#fff!important;border-color:rgba(255,117,124,.34)!important;box-shadow:0 10px 24px rgba(181,32,40,.18)!important}
button[type="submit"]:not(.danger):not(.btn-danger):hover,input[type="submit"]:hover,.btn.primary:hover,.btn.warning:hover,.action-primary:hover,.phase-red:hover{filter:brightness(1.1)!important;transform:translateY(-1px)}