/* ============================================================
   Bedrock proprietary icon system (v8.9)
   Signature treatment: deep-green gradient squircle, gold keyline,
   white glyph with a single gold accent. No emoji, no clip art.
   ============================================================ */
.picon{
  width:58px;height:58px;border-radius:19px;flex:none;
  display:inline-flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;color:#fff;
  background:radial-gradient(130% 130% at 22% 12%, #1e8c4e 0%, #0e5a30 48%, #073a1f 100%);
  box-shadow:
    inset 0 0 0 1.5px rgba(232,185,60,.65),
    inset 0 3px 8px rgba(255,255,255,.22),
    inset 0 -8px 14px rgba(0,0,0,.30),
    0 12px 26px rgba(7,58,31,.30);
}
.picon::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg, transparent 32%, rgba(255,255,255,.16) 46%, transparent 62%);
}
.picon svg{width:30px;height:30px;position:relative;z-index:1}
.picon .au{stroke:#F2C14E}
.picon-sm{width:42px;height:42px;border-radius:14px}
.picon-sm svg{width:22px;height:22px}
.picon-xs{width:27px;height:27px;border-radius:9px;vertical-align:-6px;margin:0 3px}
.picon-xs svg{width:16px;height:16px}

/* plain glyph: no container, inherits surrounding color (ticks, stars, buttons) */
.bcs-glyph{width:1.12em;height:1.12em;flex:none;vertical-align:-.18em}
.bcs-glyph .au{stroke:#F2C14E}
.tick{display:inline-flex;align-items:center;justify-content:center;color:var(--green-700)}
.tick .bcs-glyph{width:1.05em;height:1.05em}
.star{display:inline-flex;color:var(--gold)}
.star .bcs-glyph{width:1.05em;height:1.05em}
.do-check .bcs-glyph{width:18px;height:18px}
.covmap-item .ci{display:inline-flex;color:var(--green-800)}
.covmap-item .ci .bcs-glyph{width:28px;height:28px}
.speak-toggle .bcs-glyph{width:20px;height:20px}
.send-btn .bcs-glyph{width:20px;height:20px}
.quiz-back .bcs-glyph{width:16px;height:16px;vertical-align:-3px;margin-right:6px}
.iupload-btn .bcs-glyph{width:20px;height:20px;vertical-align:-4px;margin-right:8px}
.float-card .bcs-glyph{width:22px;height:22px;vertical-align:-4px;margin-right:6px}

/* quest cards: icon sits above the label */
.q-emoji{display:block;margin-bottom:12px}
/* restore the picon's own flex centering (its inline-flex was overridden by .q-emoji{display:block}),
   so the glyph sits centered in the green tile instead of the upper corner */
.q-emoji.picon{display:inline-flex;margin-left:0}

/* recording / live dot (replaces 🔴) */
.rec-dot{display:inline-block;width:.72em;height:.72em;border-radius:50%;background:#e5484d;
  box-shadow:0 0 0 0 rgba(229,72,77,.55);animation:recpulse 1.6s infinite;vertical-align:baseline;margin-right:.35em}
@keyframes recpulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.5)}70%{box-shadow:0 0 0 9px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}}

/* card icon rows that previously held bare emoji */
.card .picon{margin-bottom:12px}
.center .picon{margin-left:auto;margin-right:auto}