/* v0.7.7：右栏减负、行动区 Buff 横栏、技能替换弹窗。 */

body.dungeon-fullscreen .ui76-toolbar-detail{
  display:none !important;
}

body.dungeon-fullscreen .ui77-right-panel{
  grid-template-rows:auto minmax(72px,94px) minmax(92px,126px) minmax(150px,1fr) 54px !important;
  gap:6px !important;
  height:100% !important;
  max-height:none !important;
  overflow:hidden !important;
  align-content:stretch !important;
}
body.dungeon-fullscreen .ui77-right-panel>.ui63-card{
  min-height:0 !important;
  padding:8px 9px !important;
}
body.dungeon-fullscreen .ui77-right-panel .ui72-side-title{
  min-height:19px !important;
  margin-bottom:4px !important;
}
body.dungeon-fullscreen .ui77-right-panel .ui72-potion-list,
body.dungeon-fullscreen .ui77-right-panel .ui72-skill-list,
body.dungeon-fullscreen .ui77-right-panel .ui72-equip-list{
  min-height:0 !important;
  height:100% !important;
  max-height:none !important;
  overflow:auto !important;
  scrollbar-gutter:stable !important;
}
body.dungeon-fullscreen .ui77-right-panel .ui72-equip-card{
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) !important;
}
body.dungeon-fullscreen .ui77-right-panel .ui72-equip-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  align-content:start !important;
  gap:4px !important;
}

.ui77-detail-dock{
  min-width:0;
  min-height:0;
}
.ui77-detail-button.v073-detail-fab{
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  width:100% !important;
  height:54px !important;
  min-height:54px !important;
  margin:0 !important;
  padding:7px 13px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  border-color:rgba(117,190,255,.36) !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,rgba(21,39,57,.95),rgba(8,13,20,.98)) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.24) !important;
  color:#e9f5ff !important;
  text-align:left !important;
}
.ui77-detail-button>span{display:grid;gap:1px;min-width:0}
.ui77-detail-button b{font-size:14px;line-height:1.15;color:#f4e3ad}
.ui77-detail-button small{font-size:10px;line-height:1.2;color:#aebed0;font-weight:500}
.ui77-detail-button>em{font-size:27px;line-height:1;color:#8ecbff;font-style:normal}
.ui77-detail-button:hover{
  border-color:rgba(117,190,255,.66) !important;
  background:linear-gradient(135deg,rgba(29,57,82,.98),rgba(10,18,28,.99)) !important;
}

body.dungeon-fullscreen .ui77-actions{
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  gap:7px !important;
  overflow:hidden !important;
}
body.dungeon-fullscreen .ui77-actions>.ui72-action-list{
  min-height:0 !important;
  height:auto !important;
  overflow:auto !important;
}
.ui77-action-buffbar{
  min-width:0;
  min-height:43px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:stretch;
  gap:8px;
  padding:5px 7px;
  border:1px solid rgba(201,164,91,.22);
  border-radius:12px;
  background:linear-gradient(90deg,rgba(29,23,14,.88),rgba(7,10,14,.9));
  overflow:hidden;
}
.ui77-action-buff-title{
  min-width:76px;
  display:grid;
  align-content:center;
  padding:0 8px 0 4px;
  border-right:1px solid rgba(201,164,91,.18);
}
.ui77-action-buff-title strong{font-size:12px;color:#f3d796;white-space:nowrap}
.ui77-action-buff-title span{font-size:9px;color:#a99d84;white-space:nowrap}
.ui77-action-buff-track{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  overflow:auto hidden;
  scrollbar-width:thin;
  scrollbar-color:rgba(201,164,91,.36) transparent;
}
.ui77-action-buff{
  flex:0 0 auto;
  max-width:230px;
  min-height:29px;
  display:grid;
  align-content:center;
  gap:1px;
  padding:4px 8px;
  border:1px solid rgba(201,164,91,.18);
  border-radius:9px;
  background:rgba(255,255,255,.035);
}
.ui77-action-buff b,
.ui77-action-buff em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui77-action-buff b{font-size:11px;line-height:1.1;color:#eedda9}
.ui77-action-buff em{font-size:9px;line-height:1.1;color:#b7ad96;font-style:normal}
.ui77-action-buff.buff{border-color:rgba(91,215,145,.36);background:rgba(42,122,74,.18)}
.ui77-action-buff.buff b{color:#baf2c9}
.ui77-action-buff.debuff{border-color:rgba(239,97,97,.38);background:rgba(133,36,36,.2)}
.ui77-action-buff.debuff b{color:#ffc0c0}
.ui77-action-buff.empty{border-style:dashed;opacity:.76}

.ui63-skill[data-ui63-skill]:not(:disabled),
.ui53-profile-skill[data-ui53-profile-skill]:not(:disabled){cursor:pointer}
.ui63-skill[data-ui63-skill]:not(.selected):hover,
.ui53-profile-skill[data-ui53-profile-skill]:not(.selected):hover{
  border-color:rgba(120,199,255,.55) !important;
  box-shadow:0 0 0 1px rgba(120,199,255,.12),0 8px 22px rgba(0,0,0,.2) !important;
}

.ui77-skill-replace-modal{
  position:fixed;
  inset:0;
  z-index:3400;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.ui77-replace-backdrop{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:rgba(0,0,0,.79) !important;
  backdrop-filter:blur(5px);
}
.ui77-skill-replace-panel{
  position:relative;
  width:min(900px,95vw) !important;
  max-height:90vh;
  overflow:auto;
  padding:20px !important;
  border:1px solid rgba(116,190,255,.35) !important;
  border-radius:19px !important;
  background:linear-gradient(180deg,rgba(19,27,38,.99),rgba(6,9,14,.995)) !important;
  box-shadow:0 28px 100px rgba(0,0,0,.7) !important;
}
.ui77-skill-replace-panel>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.ui77-skill-replace-panel header span{font-size:11px;color:#86bfe9}
.ui77-skill-replace-panel h2{margin:4px 0 0;font-size:23px;color:#f3dda5}
.ui77-skill-replace-panel header p{margin:6px 0 0;color:#aeb9c7}
.ui77-replace-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.ui77-replace-skill{
  min-width:0;
  min-height:112px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"head action" "desc action";
  align-items:center;
  gap:7px 12px;
  padding:13px !important;
  border:1px solid rgba(201,164,91,.24) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.035) !important;
  color:#eadfca !important;
  text-align:left !important;
}
.ui77-replace-skill>span{grid-area:head;display:grid;gap:3px;min-width:0}
.ui77-replace-skill b{color:#f1d996;font-size:14px}
.ui77-replace-skill em{font-size:10px;color:#9eb3c4;font-style:normal}
.ui77-replace-skill>small{grid-area:desc;color:#b9b2a3;line-height:1.4}
.ui77-replace-skill>strong{grid-area:action;color:#92d4ff;white-space:nowrap;font-size:11px}
.ui77-replace-skill:hover{border-color:rgba(116,190,255,.6) !important;background:rgba(62,110,151,.16) !important}

@media (max-width:1100px){
  body.dungeon-fullscreen .ui77-right-panel{
    grid-template-rows:auto minmax(76px,auto) minmax(94px,auto) minmax(170px,260px) 54px !important;
    height:auto !important;
  }
  body.dungeon-fullscreen .ui77-actions{min-height:220px !important}
}

@media (max-width:700px){
  .ui77-action-buffbar{grid-template-columns:1fr;gap:4px}
  .ui77-action-buff-title{display:flex;justify-content:space-between;border:0;border-bottom:1px solid rgba(201,164,91,.16);padding:0 2px 4px}
  .ui77-action-buff{max-width:190px}
  .ui77-replace-grid{grid-template-columns:1fr}
  .ui77-skill-replace-modal{padding:7px}
  .ui77-skill-replace-panel{padding:14px !important;max-height:95vh}
  .ui77-skill-replace-panel>header{gap:8px}
  .ui77-skill-replace-panel h2{font-size:19px}
}