/* ===========================
   Action Center
   v3.0.0 - Polish
=========================== */

.actionCenterTools{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:end;
}

.actionHiddenSelect{ display:none; }

.actionFilterChips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.actionFilterChip{
  border:1px solid #dbe5f2;
  background:#fff;
  color:#253244;
  border-radius:999px;
  padding:8px 12px;
  font-weight:1000;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:7px;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}

.actionFilterChip:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(15,23,42,.08);
  background:#f8fbff;
}

.actionFilterChip.active{
  background:#102542;
  color:#fff;
  border-color:#102542;
  box-shadow:0 10px 20px rgba(16,37,66,.18);
}

.actionCenterUtilityRow{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e8eef7;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.actionCenterUtilityRow b{ display:block; }
.actionUtilityButtons{ display:flex; gap:8px; flex-wrap:wrap; }

.actionGroupHeader{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-bottom:12px;
}

.actionGroupHeader h3{ margin:0; }

.actionGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:10px;
}

.actionCard{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:10px;
  text-align:left;
  border:1px solid #e0e6ef;
  background:#fff;
  border-radius:16px;
  padding:13px;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
  width:100%;
  color:#07111f;
  overflow:hidden;
}

.actionCard::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  opacity:.85;
  background:#64748b;
}

.actionCard.is-board::before{ background:#2563eb; }
.actionCard.is-league::before{ background:#7c3aed; }
.actionCard.is-players::before{ background:#16a34a; }
.actionCard.is-game::before{ background:#ea580c; }
.actionCard.is-system::before{ background:#475569; }

.actionCard:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(0,0,0,.11);
  border-color:#c6d7f2;
  background:#f8fbff;
}

.actionCard.pinned{
  border-color:#f4c542;
  box-shadow:0 10px 22px rgba(244,197,66,.16);
}

.actionIcon{
  width:36px;
  height:36px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eef4ff;
  flex:0 0 auto;
  font-size:18px;
  margin-left:2px;
}

.actionText{
  display:block;
  flex:1;
  min-width:0;
}

.actionText b{
  display:block;
  font-size:14px;
  font-weight:1000;
  margin-bottom:4px;
}

.actionText small{
  display:block;
  color:#68778a;
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}

.actionMetaStack{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  flex:0 0 auto;
}

.actionCard kbd{
  background:#f1f5f9;
  color:#475569;
  border:1px solid #d7e0ec;
  border-radius:8px;
  padding:3px 6px;
  font-size:11px;
  font-weight:1000;
  white-space:nowrap;
}

.actionPinBtn{
  width:30px;
  height:30px;
  border-radius:999px;
  border:1px solid #d7e0ec;
  background:#fff;
  color:#64748b;
  cursor:pointer;
  font-size:15px;
  line-height:1;
}

.actionPinBtn:hover,
.actionPinBtn.active{
  background:#fff8d8;
  border-color:#f4c542;
  color:#9a6a00;
}

.actionPinnedGroup{
  background:linear-gradient(180deg,#fffdf3,#ffffff);
  border-color:#f7df8a;
}

.actionActivityPanel{ margin-top:14px; }

.actionActivityList{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.actionActivityDate{
  font-size:12px;
  font-weight:1000;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin:8px 0 2px;
}

.actionActivityItem{
  display:grid;
  grid-template-columns:34px 1fr auto;
  gap:10px;
  align-items:center;
  border:1px solid #edf2f7;
  background:#fff;
  border-radius:14px;
  padding:10px;
}

.actionActivityItem.is-board{ border-left:4px solid #2563eb; }
.actionActivityItem.is-league{ border-left:4px solid #7c3aed; }
.actionActivityItem.is-players{ border-left:4px solid #16a34a; }
.actionActivityItem.is-game{ border-left:4px solid #ea580c; }
.actionActivityItem.is-system{ border-left:4px solid #475569; }

.actionActivityIcon{
  width:34px;
  height:34px;
  border-radius:999px;
  background:#f1f5f9;
  display:flex;
  align-items:center;
  justify-content:center;
}

.actionActivityContent b{
  display:block;
  font-size:13px;
  font-weight:1000;
}

.actionActivityContent span{
  display:block;
  color:#6b7a90;
  font-size:12px;
  font-weight:800;
  margin-top:2px;
}

.actionActivityItem time{
  color:#748195;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.actionEmptyState{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  min-height:130px;
  color:#64748b;
  gap:4px;
}

.actionEmptyState div{ font-size:34px; }
.actionEmptyState b{ color:#1f2a3a; font-size:16px; }
.actionEmptyState span{ font-size:13px; font-weight:800; }

@media(max-width:750px){
  .actionGrid{ grid-template-columns:1fr; }
  .actionGroupHeader{ flex-direction:column; }
  .actionActivityItem{ grid-template-columns:34px 1fr; }
  .actionActivityItem time{ grid-column:2; }
}