.form-layer { pointer-events: auto; }
.app-grid {
  grid-template-columns: repeat(auto-fill, 112px);
  align-content: start;
  gap: 22px 18px;
}
.app-icon {
  min-height: 112px;
  padding: 8px 4px;
  border-color: transparent;
  background: transparent;
  text-align: center;
  backdrop-filter: none;
}
.app-icon:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.14);
  background: rgba(8,16,25,.38);
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}
.app-icon .icon-tile[class*="icon-"] {
  width: 72px;
  height: 72px;
  margin: 0 auto 7px;
  filter: drop-shadow(0 8px 10px rgba(0,0,0,.35));
}
.app-icon b {
  margin: 0;
  color: #f4f7fb;
  font-size: 11px;
  line-height: 1.25;
  text-shadow: 0 2px 4px #000;
}
.app-icon small { display: none; }
.drop-zone.dragging {
  border-color: var(--accent) !important;
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}
.plate-history {
  margin-top: 22px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #101b27;
}
.plate-history summary {
  padding: 13px 15px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
}
.plate-history > div {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  border-top: 1px solid var(--line);
  font-size: 10px;
}
.plate-history small { color: #718297; }
.admin-actions { display: flex; gap: 8px; }
.admin-actions .outline-button { margin: 0; }
.member-form-actions { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:8px; }
.member-form-actions .primary-button { width:auto; margin:0; }
.danger-button {
  border:1px solid #8d3d45;
  border-radius:7px;
  background:rgba(170,45,57,.13);
  color:#ff8f99;
  padding:11px 16px;
  font-weight:700;
  cursor:pointer;
}
.danger-button:hover { background:rgba(190,48,61,.26); color:#fff; }
.rank-chips > span { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.rank-chips > span > span:first-child { display:flex; flex-direction:column; }
.rank-actions { display:flex; gap:6px; }
.rank-actions button {
  border:1px solid #34475a;
  border-radius:6px;
  background:transparent;
  color:#9cabbc;
  padding:7px 9px;
  font-size:9px;
  cursor:pointer;
}
.rank-actions .rank-delete { border-color:#71383e; color:#ff8993; }
.rank-actions button:hover { background:rgba(255,255,255,.07); color:#fff; }
@media (max-width: 650px) {
  .app-grid { grid-template-columns: repeat(3, minmax(84px,1fr)); gap: 14px 5px; }
  .app-icon { min-height: 100px; }
  .app-icon .icon-tile[class*="icon-"] { width: 62px; height: 62px; }
  .settings-page { grid-template-columns: 1fr; }
  .settings-page aside { display: flex; gap: 4px; overflow-x: auto; }
  .settings-page aside h3 { display: none; }
  .app-window { min-width: 0; width: calc(100% - 20px); height: calc(100% - 20px); }
  .member-form-actions { align-items:stretch; flex-direction:column-reverse; }
  .member-form-actions .primary-button,.danger-button { width:100%; }
}