:root{
  --bg-dark:#0b1115;
  --hud-line:#1a3943;
  --text-main:#cbd5df;
  --link:#7fd5db;
  --link-hover:#b9f6ff;
  --accent:#9ad1de;
  --success:#39b54a;

  --panel:#0f1418;
  --glass:rgba(10,21,26,.82);
  --neon:#b9f6ff;
  --neon-dim:rgba(185,246,255,.35);
  --warn:#e53935;
  --memo-cyan:#56e0f2;
  --memo-bottom-clear:140px;
}

/* -------- Base / Nav -------- */
html,body{height:100%}
body{background:var(--bg-dark);display:flex;flex-direction:column;min-height:100vh}
main{flex:1 0 auto}
footer.footer{margin-top:auto;position:static!important}

.navbar.cyber-header,.navbar.navbar-dark{
  background:linear-gradient(180deg,rgba(11,17,21,.98),rgba(11,17,21,.92));
  border-bottom:2px solid var(--hud-line);
  box-shadow:0 2px 0 rgba(26,57,67,.35) inset;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}
.navbar .navbar-brand{color:var(--accent)!important;font-weight:700;letter-spacing:.06em;height:50px;text-shadow:0 0 10px rgba(154,209,222,.25),0 0 2px rgba(154,209,222,.6)}
.navbar .nav-link{color:var(--link)!important;text-shadow:0 0 6px rgba(127,213,219,.18);transition:color .15s,text-shadow .15s,opacity .15s;font-weight:600;letter-spacing:.02em}
.navbar .nav-link:hover,.navbar .nav-link:focus{color:var(--link-hover)!important;text-shadow:0 0 10px rgba(185,246,255,.35)}
.navbar .nav-link.active,.navbar .nav-item.active>.nav-link{color:var(--success)!important;text-shadow:0 0 10px rgba(57,181,74,.35)}
.navbar-dark .navbar-toggler{border-color:rgba(207,239,255,.35)}
.navbar-dark .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(207,239,255,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
@media (max-width:767.98px){.navbar .collapse{display:none}.navbar .collapse.show{display:block}}
.navbar-brand{font-size:30px}

.header-hud{height:12px;background:
  linear-gradient(#1a3943,#1a3943) bottom/100% 2px no-repeat,
  repeating-linear-gradient(90deg,transparent 0 98px,#1a3943 98px 100px);
  opacity:.9}

/* -------- Jumbotron -------- */
.jumbotron.cyber-jumbo{
  background:var(--bg-dark);color:var(--text-main);margin-bottom:1.5rem;padding:1.75rem 0;
  border:2px solid var(--hud-line);border-radius:10px;
  box-shadow:0 0 0 1px rgba(26,57,67,.35) inset,0 10px 24px rgba(0,0,0,.35);
  position:relative;overflow:hidden
}
.jumbotron.cyber-jumbo::before{
  content:"";position:absolute;inset:0;opacity:.75;pointer-events:none;
  background:
    linear-gradient(180deg,transparent 50%,rgba(255,255,255,.03) 50%) 0 0/100% 8px,
    repeating-linear-gradient(90deg,transparent 0 19px,rgba(10,22,27,.85) 19px 20px),
    repeating-linear-gradient(0deg,transparent 0 19px,rgba(10,22,27,.85) 19px 20px),
    repeating-linear-gradient(90deg,transparent 0 99px,rgba(14,32,39,.9) 99px 100px),
    repeating-linear-gradient(0deg,transparent 0 99px,rgba(14,32,39,.9) 99px 100px)
}
.jumbotron.cyber-jumbo .container{position:relative;z-index:2}
.jumbotron.cyber-jumbo h1{
  margin:0;color:var(--accent);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  font-weight:800;letter-spacing:.06em;
  text-shadow:0 0 14px rgba(154,209,222,.25),0 0 2px rgba(154,209,222,.6)
}
.jumbotron.cyber-jumbo::before,.jumbotron.cyber-jumbo::after{content:none!important}

/* -------- Panels / Tables -------- */
.ctf-panel{
  background:rgba(10,21,26,.82);border:1px solid #24313a;border-radius:10px;
  box-shadow:0 8px 28px rgba(0,0,0,.35),inset 0 0 0 1px rgba(26,57,67,.35);
  padding:12px 14px
}
.spinner{color:#9ad1de}
.hud-hr{border:0;border-top:1px solid var(--hud-line);opacity:.7}
.table.ctf-table{color:#cbd5df;background:transparent;border-collapse:separate;border-spacing:0}
.table.ctf-table thead tr{background:#0f1418}
.table.ctf-table thead td{color:#9ad1de;border-bottom:1px solid var(--hud-line)}
.table.ctf-table tbody tr{background:rgba(26,57,67,.12);border-bottom:1px solid rgba(26,57,67,.35);transition:background .15s,box-shadow .15s,transform .15s}
.table.ctf-table tbody tr:nth-child(2n){background:rgba(26,57,67,.18)}
.table.ctf-table tbody tr:hover{background:rgba(73,146,173,.15);box-shadow:inset 2px 0 0 #7fd5db}
.table.ctf-table td,.table.ctf-table th{border-top:none;vertical-align:middle}
.ctf-table .ctf-link{color:#7fd5db;text-decoration:none}
.ctf-table .ctf-link:hover{color:#b9f6ff;text-decoration:none}
.badge-primary{background-color:#1f6b78;border:1px solid #3a9cac}
.ctf-panel h1,.ctf-panel h2,.ctf-panel h3{color:var(--text-main)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!important;text-shadow:none}
main h1,main h2,main h3{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  font-weight:800;letter-spacing:.04em;color:#cfefff;
  text-shadow:0 0 2px #b9f6ff,0 0 8px var(--neon-dim),0 0 22px rgba(127,213,219,.2)
}
.row.min-vh-25 h3,.col-md-12>h3{margin-bottom:.75rem;padding-bottom:.25rem;border-bottom:1px solid var(--hud-line)}

/* -------- HUD Console -------- */
.hud-console{
  position: absolute; right: 1px; bottom: 1px;
  width: 520px; max-width: calc(100% - 48px); height: 160px;
  background: rgba(10, 21, 26, 0.82);
  border: 1px solid #24313a; border-radius: 10px;
  box-shadow: 0 8px 28px rgba(0,0,0,.35), inset 0 0 0 1px rgba(26,57,67,.35);
  padding: 10px 12px 8px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  color: #b9f6ff; overflow: hidden; backdrop-filter: blur(2px);
}
.hud-title{color:#9ad1de;font-weight:700;font-size:12px;letter-spacing:.08em;margin-bottom:6px;text-shadow:0 0 8px rgba(154,209,222,.25)}
.hud-stream{margin:0;padding:0;height:calc(100% - 18px);overflow:auto;white-space:pre;line-height:1.1;font-size:12px;color:#b9f6ff;mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.9) 14px,#000 28px)}
.hud-stream::-webkit-scrollbar{height:8px;width:8px}
.hud-stream::-webkit-scrollbar-thumb{background:#2a3c45;border-radius:8px}
.hud-stream::-webkit-scrollbar-track{background:transparent}

#hud-console{position:fixed;right:16px;bottom:16px;width:420px;max-width:calc(100vw - 24px);max-height:40vh;overflow:hidden;border-radius:8px;z-index:1050}
#hud-console .hud-stream{max-height:calc(40vh - 28px);overflow:auto}
@media (max-width:576px){
  #hud-console{right:8px;bottom:8px;width:86vw;max-height:28vh;font-size:12px}
  #hud-console .hud-title{padding:6px 10px}
  #hud-console.is-collapsed{max-height:28px}
  #hud-console.is-collapsed .hud-stream{display:none}
  #hud-console{display:none!important}
}

/* -------- Map / Markers -------- */
#map-wrapper{position:relative}
#ctf-ui{display:block;width:100%;height:auto}
#ctf-ui .wm-frame{stroke:#1a3943;stroke-width:1}
#ctf-ui .wm-ticks path{stroke:#1a3943;stroke-width:1}

#ctf-ui g.marker{cursor:pointer;transform-box:fill-box;transform-origin:center}
#ctf-ui g.marker.none{color:#9aa4ad}
#ctf-ui g.marker.unsolved{color:#e53935}
#ctf-ui g.marker.solved{color:#39b54a}

/* Only the animated rings use currentColor stroke. We do NOT set fill/stroke on .icon. */
#ctf-ui g.marker .ring{fill:none;stroke:currentColor;stroke-width:2;opacity:.35}
#ctf-ui g.marker .pulse-group{display:none}
#ctf-ui g.marker.unsolved .pulse-group{display:inline}
#ctf-ui g.marker .solved-aura circle{stroke:currentColor}
#ctf-ui g.marker.solved .icon{filter:drop-shadow(0 0 10px rgba(57,181,74,.65))}

/* -------- Memo UI -------- */
#user-hud{
  position:absolute;z-index:1032;left:16px;top:16px;display:flex;gap:10px;align-items:center;
  background:linear-gradient(135deg,rgba(10,21,26,.88),rgba(10,21,26,.72));
  border:1px solid #27414b;border-radius:12px;padding:10px 12px;
  box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 0 0 1px rgba(26,57,67,.35);
  backdrop-filter:blur(2px);color:#cfefff;font-family:ui-monospace,Menlo,Consolas,monospace
}
#user-hud .uh-chip{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:rgba(17,34,40,.66);border:1px solid #27414b;box-shadow:inset 0 0 0 1px rgba(26,57,67,.35)}
#user-hud .uh-label{opacity:.75;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
#user-hud .uh-value{font-weight:800;color:var(--neon);text-shadow:0 0 8px var(--neon-dim)}

#memo-btn{
  position:absolute;z-index:1062;left:16px;top:76px;display:block;border:0;background:transparent;cursor:pointer;width:128px;height:46px;padding:0
}
#memo-btn .hex{
  width:128px;height:46px;border-radius:12px;border:1.5px solid rgba(86,224,242,.85);
  background:
    radial-gradient(140% 120% at 10% 0%,rgba(127,213,219,.22) 0,rgba(127,213,219,0) 60%),
    linear-gradient(180deg,rgba(21,37,43,.92),rgba(14,28,33,.92));
  box-shadow:0 8px 24px rgba(0,0,0,.45),inset 0 0 0 1px rgba(26,57,67,.45),0 0 18px rgba(127,213,219,.22);
  display:flex;align-items:center;justify-content:center;gap:10px;position:relative;padding:0 14px
}
#memo-btn .glint{display:none}
#memo-btn .icon{display:flex;align-items:center;gap:10px;font:800 13px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;color:#e7fbff;text-transform:uppercase}
#memo-btn .icon::before{
  content:"";width:20px;height:16px;display:inline-block;background-repeat:no-repeat;background-size:20px 16px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b9f6ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2' ry='2'/><polyline points='3,7 12,13 21,7'/></svg>");
  filter:drop-shadow(0 0 6px rgba(185,246,255,.35))
}
#memo-btn .hex::before{content:"";position:absolute;left:8px;top:6px;width:10px;height:10px;border-radius:50%;background:#39b54a;box-shadow:0 0 8px rgba(57,181,74,.85)}
#memo-btn.memo-hidden,#memo-drawer.memo-hidden{display:none!important}

#memo-drawer{
  position:absolute;z-index:1062;left:16px;top:16px;width:560px;max-width:calc(100% - 32px);
  height:auto;max-height:calc(100dvh - var(--memo-bottom-clear));bottom:auto;
  background:rgba(10,21,26,.94);border:1px solid #27414b;border-radius:12px;
  box-shadow:10px 10px 32px rgba(0,0,0,.45),inset 0 0 0 1px rgba(26,57,67,.35);
  transform:translateX(-106%);transition:transform .36s cubic-bezier(.22,1,.36,1);
  display:grid;grid-template-rows:auto 1fr auto;color:#cfefff;font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden
}
#memo-drawer.is-open{transform:translateX(0)}
.memo-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #27414b;background:rgba(12,24,28,.7)}
.memo-title{font-weight:800;color:#b9f6ff;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.memo-body{padding:16px;overflow:auto;min-height:0}
.memo-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-top:1px solid #27414b}
.btn-ghost{background:transparent;border:1px solid #27414b;color:#cfefff;border-radius:8px;padding:6px 10px}
.btn-danger-ghost{background:transparent;border:1px solid var(--warn);color:var(--warn);border-radius:8px;padding:6px 10px}
@media (max-width:640px){
  #memo-drawer{left:0;top:0;width:100vw;height:100dvh;max-height:none;border-radius:0;grid-template-rows:auto 1fr auto}
}

/* -------- Challenge Window -------- */
#challengeModal .modal-content,#challenge-window .modal-content{
  background:#0f1418!important;border:1px solid #24313a!important;border-radius:10px!important;
  color:#e6edf3!important;box-shadow:0 12px 28px rgba(0,0,0,.35),inset 0 0 0 1px rgba(26,57,67,.35)!important
}
#challengeModal .modal-header,#challenge-window .modal-header{border-bottom:1px solid #24313a!important;position:relative;align-items:center}
#challengeModal .close,#challenge-window .close{color:#c9d1d9!important;opacity:1!important}
#challengeModal .modal-dialog,#challenge-window .modal-dialog{width:calc(100vw - 2rem)!important;max-width:560px!important;margin:1.75rem auto!important}
#challengeModal .modal-body,#challenge-window .modal-body{max-height:calc(100vh - 160px)!important;overflow:auto!important;padding:1.25rem 1.5rem 1.5rem}

#challengeModal .challenge-name,#challenge-window .challenge-name{color:#cfefff!important;font-family:ui-monospace,Menlo,Consolas,monospace!important;letter-spacing:.04em!important;margin:0!important}
#challengeModal .challenge-value,#challenge-window .challenge-value{color:#9ad1de!important;font-weight:700!important}
#challengeModal .nav-tabs,#challenge-window .nav-tabs{border-bottom:1px solid var(--hud-line)!important;justify-content:center;margin-bottom:.5rem}
#challengeModal .nav-tabs .nav-link,#challenge-window .nav-tabs .nav-link{border:0!important;color:#7fd5db!important;background:transparent!important}
#challengeModal .nav-tabs .nav-link.active,#challenge-window .nav-tabs .nav-link.active{color:#b9f6ff!important;border-bottom:2px solid #7fd5db!important}
#challengeModal .challenge-tags .badge-info.challenge-tag,#challenge-window .challenge-tags .badge-info.challenge-tag{
  background:#1f6b78!important;border:1px solid #3a9cac!important;color:#d8f8ff!important;margin:0 .25rem .25rem 0!important;font-weight:600!important
}

#challengeModal .challenge-desc,#challenge-window .challenge-desc{max-width:560px!important;margin:0 auto!important;display:block}
#challengeModal .challenge-desc img,
#challengeModal .challenge-desc video,
#challengeModal .challenge-desc canvas,
#challengeWindow .challenge-desc img,
#challenge-window .challenge-desc img,
#challenge-window .challenge-desc video,
#challenge-window .challenge-desc canvas{
  display:block!important;max-width:100%!important;width:100%!important;height:auto!important;object-fit:contain!important;margin:.5rem auto!important;max-height:calc(100vh - 220px)!important;border-radius:8px
}
#challenge-window .challenge-desc p{margin-bottom:.75rem}

#challengeModal .challenge-connection-info code,#challenge-window .challenge-connection-info code{
  background:#0b1115!important;color:#cbd5df!important;border:1px solid #24313a!important;padding:.25rem .5rem!important;border-radius:6px!important
}
#challengeModal .challenge-connection-info a,#challenge-window .challenge-connection-info a{color:#7fd5db!important}
#challengeModal .challenge-connection-info a:hover,#challenge-window .challenge-connection-info a:hover{color:#b9f6ff!important}

#challengeModal .btn-info.btn-hint,#challenge-window .btn-info.btn-hint,
#challengeModal .btn-info.btn-file,#challenge-window .btn-info.btn-file{background:#1f6b78!important;border:1px solid #3a9cac!important;color:#e6f8ff!important}
#challengeModal .btn-info.btn-hint:hover,#challenge-window .btn-info.btn-hint:hover,
#challengeModal .btn-info.btn-file:hover,#challenge-window .btn-info.btn-file:hover{background:#278598!important;border-color:#54b5c7!important;color:#fff!important}

#challengeModal .challenge-input,#challenge-window .challenge-input{background:#0b1115!important;color:#e6edf3!important;border:1px solid #24313a!important}
#challengeModal .challenge-input:focus,#challenge-window .challenge-input:focus{border-color:#3a9cac!important;box-shadow:0 0 0 .2rem rgba(58,156,172,.25)!important}
#challengeModal .challenge-submit,#challenge-window .challenge-submit{background:#2a9d8f!important;border-color:#3eb7aa!important;color:#0b1115!important;font-weight:700!important}
#challengeModal .challenge-submit:hover,#challenge-window .challenge-submit:hover{background:#36b3a3!important;border-color:#5fd3c7!important}

#challenge-window .submit-row{display:flex!important;justify-content:center;align-items:center;gap:.75rem;margin-top:.75rem;padding-bottom:1.25rem!important}
#challenge-window .submit-row .col-md-9,#challenge-window .submit-row .col-md-3{flex:0 0 auto;max-width:none;width:auto;padding:0}
#challenge-window .challenge-input{width:min(420px,72vw);padding:.6rem .8rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#e8f3ef}
#challenge-window .challenge-input::placeholder{color:rgba(255,255,255,.45)}
#challenge-window .key-submit{display:flex;align-items:center;justify-content:center}
#challenge-window .key-submit .challenge-submit{white-space:nowrap;padding:.55rem 1rem}
#challenge-window #hints .btn-hint{max-width:720px;margin:.25rem auto}
#challenge-window #hints .hint-content{max-width:720px;margin:.5rem auto 1rem;text-align:left;padding:.75rem .9rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px}
#challenge-window #solves .table{max-width:720px;margin:0 auto}
#challenge-window #solves table{margin-bottom:0}

/* Keep the memo elements above nav */
.navbar,.navbar-dark{z-index:1030!important}
#memo-btn,#memo-drawer{z-index:1062!important}
/* Selector / preview modal (no tabs) */
#challengeModal .modal-content{
  background:#0f1418;border:1px solid #24313a;border-radius:12px;
  color:#e6edf3;box-shadow:0 12px 28px rgba(0,0,0,.35),inset 0 0 0 1px rgba(26,57,67,.35)
}
#challengeModal .modal-header{border-bottom:1px solid #24313a;align-items:center}
#challengeModal .modal-title{
  color:#cfefff;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:800;letter-spacing:.06em
}
#challengeModal .close{color:#c9d1d9;opacity:1}

#challengeModal #ch-meta{
  color:#9aa8b3;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px
}
#challengeModal #ch-description{color:#cbd5df}

#challengeModal #ch-list.list-group{
  background:transparent;border:1px solid #24313a;border-radius:12px;overflow:hidden
}
#challengeModal #ch-list .list-group-item{
  background:rgba(255,255,255,.035);border-color:#24313a;color:#e6edf3;
  display:flex;justify-content:space-between;align-items:center;gap:.75rem;
  padding:.6rem .85rem;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s
}
#challengeModal #ch-list .list-group-item strong{color:#d8f8ff}
#challengeModal #ch-list .list-group-item small{color:#9aa8b3}
#challengeModal #ch-list .list-group-item:hover{
  background:rgba(127,213,219,.08);border-color:#54b5c7;box-shadow:inset 2px 0 0 #7fd5db
}
#challengeModal #ch-list .list-group-item:active,
#challengeModal #ch-list .list-group-item.active{
  background:rgba(127,213,219,.14);border-color:#7fd5db;box-shadow:inset 2px 0 0 #7fd5db
}

#challengeModal #ch-form{
  display:flex;gap:.6rem;justify-content:center;align-items:center;margin-top:.5rem
}
#challengeModal #ch-form #ch-flag{
  background:#0b1115;color:#e6edf3;border:1px solid #24313a;border-radius:10px;
  padding:.55rem .8rem;min-width:min(420px,72vw)
}
#challengeModal #ch-form #ch-flag::placeholder{color:rgba(255,255,255,.45)}
#challengeModal #ch-form #ch-submit{
  background:#2a9d8f;border-color:#3eb7aa;color:#0b1115;font-weight:700;
  padding:.55rem 1rem;border-radius:10px
}
#challengeModal #ch-form #ch-submit:hover{background:#36b3a3;border-color:#5fd3c7}

#challengeModal #ch-result{
  margin-left:.5rem;font-weight:700
}
#map-wrapper{ position:relative; }
/* 1) Force the action buttons to be visible */
.edit-team,
.edit-captain,
.invite-members,
.disband-team {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-right: .5rem;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Make the icons readable */
.btn-fa {
  display: inline-block !important;
  color: #008f11 !important;          /* matches your navbar green */
}

/* Give them a button look (optional) */
.edit-captain,
.invite-members,
.disband-team {
  background: rgba(0, 143, 17, 0.08);
  border: 1px solid #008f11;
  border-radius: 12px;
  padding: .25rem .5rem;
}

/* 2) Your markup nests <a> tags (invalid); neutralize the outer wrapper so inner links work */
a.edit-team {
  display: contents;                   /* removes its box so inner <a> are clickable */
}
/* Fallback if display:contents isn't supported */
a.edit-team { pointer-events: none; }
a.edit-team .edit-captain,
a.edit-team .invite-members,
a.edit-team .disband-team { pointer-events: auto; }

/* 3) Ensure no responsive rule hides them on small screens */
@media (max-width: 767.98px) {
  .edit-team,
  .edit-captain,
  .invite-members,
  .disband-team {
    display: inline-flex !important;
  }
}

/* 4) If Font Awesome isn't loaded, show text labels so something is visible */
a.edit-team > i.btn-fa::before      { content: " Edit Team";   font-style: normal; }
.edit-captain  i.btn-fa::before     { content: " Captain";     font-style: normal; }
.invite-members i.btn-fa::before    { content: " Invite";      font-style: normal; }
.disband-team   i.btn-fa::before    { content: " Disband";     font-style: normal; }
/* Cyan accent */
:root {
  --action-cyan: #00d5ff;                 /* tweak this to taste */
  --action-cyan-bg: rgba(0, 213, 255, .12);
  --action-cyan-bg-hover: rgba(0, 213, 255, .2);
  --action-cyan-ring: rgba(0, 213, 255, .25);
}

/* Icon color */
.btn-fa {
  color: var(--action-cyan) !important;
}

/* Button styling */
.edit-captain,
.invite-members,
.disband-team {
  background: var(--action-cyan-bg) !important;
  border: 1px solid var(--action-cyan) !important;
  border-radius: 12px;
  padding: .25rem .5rem;
  transition: background .15s ease, box-shadow .15s ease, transform .05s ease;
}

.edit-captain:hover,
.invite-members:hover,
.disband-team:hover {
  background: var(--action-cyan-bg-hover) !important;
  box-shadow: 0 0 0 .2rem var(--action-cyan-ring);
  transform: translateY(-1px);
}

.edit-captain:active,
.invite-members:active,
.disband-team:active {
  transform: translateY(0);
}

/* If you showed text labels via ::before, they'll inherit the cyan automatically */
a.edit-team { 
  pointer-events: auto !important;
  display: inline-flex !important;      /* not contents */
  align-items: center;
}

/* make the cog itself a clear hit target */
a.edit-team > i.btn-fa {
  pointer-events: auto;
  cursor: pointer;
}