/* actionbar.css - Verify / Upload / Connect buttons, board dropdown, font size control */

/* ── BAR ── */
.actionbar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--panel);border-bottom:1px solid var(--border);flex:none;flex-wrap:wrap}
.sep{width:1px;height:26px;background:var(--border2);margin:0 4px}
.field{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11.5px;font-weight:600}

/* ── UPLOAD (main button) ── */

/* ── VERIFY / CONNECT / SMALL BUTTONS ── */
.pbtn{
  display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;
  border:1.5px solid var(--border2);border-radius:16px;background:var(--panel2);color:var(--text);
  font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;transition:all .15s;flex-shrink:0;
}
.pbtn:hover:not(:disabled){border-color:var(--brand-dk);color:var(--brand-dk);background:rgba(109,165,26,.12)}
.pbtn:disabled{opacity:.45;cursor:not-allowed}
.pbtn.linked{border-color:var(--brand-dk);background:rgba(109,165,26,.18);color:var(--brand-dk)}

/* spinner shown while compiling / uploading */
.busy::after{content:"";width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}

/* ── FONT SIZE CONTROL ── */
.fc{display:flex;align-items:center;gap:4px}
.fc button{width:24px;height:24px;background:var(--panel2);border:1px solid var(--border2);border-radius:5px;color:var(--text);font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;font-family:inherit;line-height:1}
.fc button:hover{background:rgba(109,165,26,.14);color:var(--brand-dk);border-color:var(--brand-dk)}
.fc-label{font-size:11.5px;color:var(--text);min-width:22px;text-align:center;font-weight:700}

/* ── BOARD DROPDOWN ── */
.custom-dropdown{position:relative;display:inline-block}
.custom-dropdown .selected{
  display:flex;align-items:center;height:32px;min-width:210px;padding:0 30px 0 14px;
  border:1.5px solid var(--border2);border-radius:16px;
  background:var(--panel2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23909090' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;
  color:var(--text);font-size:12.5px;font-weight:600;cursor:pointer;user-select:none;white-space:nowrap;transition:all .15s;
}
.custom-dropdown .selected:hover{border-color:var(--brand-dk);color:var(--brand-dk)}
.dropdown-list{display:none;position:absolute;left:0;top:calc(100% + 8px);min-width:100%;max-height:340px;overflow:auto;background:var(--panel);border:1px solid var(--border2);border-radius:14px;box-shadow:var(--shadow);padding:8px 0;z-index:60}
.dropdown-list.show{display:block;animation:fIn .15s ease}
.dropdown-list .group-title{padding:6px 18px 4px;font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.dropdown-list .item{padding:9px 18px;cursor:pointer;white-space:nowrap;font-size:13px;color:var(--text);transition:background .12s}
.dropdown-list .item:hover{background:rgba(109,165,26,.16);color:var(--brand-dk)}
.dropdown-list .item.disabled{opacity:.45;cursor:not-allowed;font-style:italic}
.dropdown-list .item.disabled:hover{background:none;color:var(--text)}