/* Shared ALGOGENE corner mark for embed iframes (text logo; theme via color). */
@font-face {
    font-family: 'AR DESTINE';
    src: url('/static/css/font-ARDestine/ARDestine.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.ag-brand-logo{
    position:absolute;
    right:8px;
    bottom:4px;
    z-index:4;
    font-family:'AR DESTINE','Ar Destine',Impact,sans-serif !important;
    font-size:10px;
    font-weight:normal;
    line-height:1;
    letter-spacing:0.04em;
    text-decoration:none !important;
    color:#0f172a;
    -webkit-font-smoothing:antialiased;
}
.ag-brand-logo.fixed{position:fixed;right:10px;bottom:8px}
html[data-theme="dark"] .ag-brand-logo{color:#ffffff}
html[data-theme="light"] .ag-brand-logo{color:#0f172a}
.ag-brand-logo:hover{opacity:0.85;text-decoration:none !important}

/* Soft upgrade watermark CTA (near-quota / expired / upgrade) — never blanks the embed */
.ag-widget-cta{
    position:fixed;
    left:8px;
    right:8px;
    bottom:28px;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:6px 10px;
    border-radius:6px;
    background:rgba(15,23,42,.82);
    color:#f1f5f9;
    font-family:'Saira Semi Condensed',Arial,sans-serif;
    font-size:11px;
    line-height:1.3;
    pointer-events:auto;
}
.ag-widget-cta-msg{flex:1;opacity:.95}
.ag-widget-cta-btn{
    flex-shrink:0;
    padding:4px 10px;
    border-radius:4px;
    background:linear-gradient(to right,#3b82f6,#6366f1);
    color:#fff !important;
    text-decoration:none !important;
    font-weight:700;
    font-size:11px;
}
.ag-widget-cta-btn:hover{opacity:.9}
/* Single Quote card — charcoal panel, flags + title, price/change on one row */
.ag-sq{
  box-sizing:border-box;
  font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:14px 16px 16px;
  min-height:100%;
  background:linear-gradient(180deg,#2a2a2e 0%,#1c1c1f 55%,#141416 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}
html[data-theme="light"] .ag-sq{
  background:linear-gradient(180deg,#ffffff 0%,#f4f4f5 100%);
  border-color:rgba(0,0,0,.08);
  color:#111;
}
.ag-sq-head{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding-right:44px}
.ag-flags{position:relative;width:48px;height:30px;flex:0 0 48px}
.ag-flag{
  position:absolute;top:1px;width:28px;height:28px;border-radius:50%;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  border:2px solid #1c1c1f;box-shadow:0 1px 3px rgba(0,0,0,.45);
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:#e4e4e7;background-color:#3f3f46;
}
html[data-theme="light"] .ag-flag{border-color:#fff;color:#111;background-color:#e4e4e7}
.ag-flag-a{left:0;z-index:2}
.ag-flag-b{left:16px;z-index:1}
.ag-flag.is-letter{background-image:none !important;font-size:10px;letter-spacing:-.02em}
.ag-sq-titles{min-width:0;flex:1}
.ag-sq .sym{
  font-size:17px;font-weight:700;letter-spacing:.01em;line-height:1.2;
  color:#fff;margin:0 0 2px;
}
html[data-theme="light"] .ag-sq .sym{color:#111}
.ag-sq .name{
  font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:#9a9a9a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html[data-theme="light"] .ag-sq .name{color:#71717a}
.ag-sq-row{display:flex;align-items:baseline;flex-wrap:nowrap;gap:12px}
.ag-sq .price{font-size:26px;font-weight:700;margin:0;line-height:1.1;letter-spacing:-.01em;color:inherit}
.ag-sq .chg{
  display:inline-flex;align-items:center;gap:3px;font-size:13px;font-weight:600;
  padding:0;border-radius:0;background:transparent !important;box-shadow:none !important;
  white-space:nowrap;
}
.ag-sq .chg .arrow{font-size:11px;line-height:1;font-weight:700}
.ag-sq .chg .abs{opacity:.95;font-weight:600}
.ag-sq .pos{color:#00b894}
.ag-sq .neg{color:#ff6b6b}
html[data-theme="light"] .ag-sq .pos{color:#00a884}
html[data-theme="light"] .ag-sq .neg{color:#e03131}
.ag-sq .ag-live{
  position:absolute;right:12px;top:10px;font-size:10px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:#00b894;display:inline-flex;align-items:center;gap:5px;
}
html[data-theme="light"] .ag-sq .ag-live{color:#00a884}
.ag-sq .ag-live i{
  width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block;
  box-shadow:0 0 0 0 currentColor;animation:ag-sq-pulse 2s infinite;
}
@keyframes ag-sq-pulse{
  0%{box-shadow:0 0 0 0 rgba(0,184,148,.45)}
  70%{box-shadow:0 0 0 6px rgba(0,184,148,0)}
  100%{box-shadow:0 0 0 0 rgba(0,184,148,0)}
}

html[data-theme="light"] .ag-widget-cta{
    background:rgba(15,23,42,.78);
}
