/* azc1 My AZ hub. Mobile first; the card grids use the shared .az-cards component (pkg17c) with a fallback until it's installed. */
.azc { color: #eef3fb; margin: 0 0 32px; }
.azc .azc-title { font-size: clamp(26px, 5vw, 36px); margin: 0 0 12px; }
.azc-nav { display: flex; gap: 8px; overflow-x: auto; padding: 4px 0 12px; scrollbar-width: thin; position: sticky; top: 0; z-index: 3; background: linear-gradient(180deg, #050b19 70%, rgba(5, 11, 25, 0)); }
.azc-nav a { flex: none; min-height: 44px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(70, 100, 170, .5); color: #cfe0ff; text-decoration: none; font-size: 14px; }
.azc-nav a:hover, .azc-nav a:focus-visible { border-color: #5ee7ff; color: #fff; }
.azc-bar { display: grid; grid-template-columns: 1fr; gap: 12px; padding: 16px; border-radius: 18px; border: 1px solid rgba(94, 231, 255, .35); background: linear-gradient(180deg, rgba(16, 28, 60, .95), rgba(9, 17, 38, .95)); margin-bottom: 18px; }
@media (min-width: 640px) { .azc-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .azc-bar { grid-template-columns: 1.3fr 1fr 1fr 1.2fr auto; align-items: center; } }
.azc-k { display: block; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: #8fa6c8; }
.azc-big { display: block; font-size: clamp(24px, 6vw, 32px); line-height: 1.15; }
.azc-dim { color: #9fb2cf; font-size: 13px; }
.azc-stat span:last-child { font-size: 15px; }
.azc-meter { display: block; height: 10px; border-radius: 6px; background: rgba(255, 255, 255, .08); overflow: hidden; margin: 6px 0 4px; }
.azc-meter-fill { display: block; height: 100%; width: 0; background: #39d98a; transition: width .4s; }
.azc-meter-fill.warn { background: #ffb547; } .azc-meter-fill.over { background: #ff5d6c; }
.azc-top { justify-self: start; min-height: 44px; }
.azc-sec { margin: 26px 0; scroll-margin-top: 64px; }
.azc-h { font-size: clamp(20px, 4vw, 26px); margin: 0 0 6px; }
.azc-h3 { font-size: 16px; margin: 18px 0 10px; color: #cfe0ff; }
.azc-sub { color: #9fb2cf; margin: 0 0 12px; font-size: 14px; }
.azc .azc-grid:not([data-cols]) { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 14px; }
.azc .az-card { min-height: 0; }
.azc-price { margin: 0; font-size: 18px; font-weight: 700; color: #ffd27a; }
.azc-chip { display: inline-block; font-size: 12px; padding: 2px 9px; border-radius: 999px; border: 1px solid; vertical-align: middle; }
.azc-live { color: #39d98a; border-color: #39d98a; } .azc-demo { color: #5ee7ff; border-color: #5ee7ff; } .azc-not-yet { color: #ffb547; border-color: #ffb547; }
.azc-list { display: grid; gap: 8px; }
.azc-row { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; align-items: center; font-size: 14px; }
.azc-row .azc-track { grid-column: 1 / -1; order: 3; height: 6px; border-radius: 4px; background: rgba(255, 255, 255, .07); overflow: hidden; }
.azc-row .azc-track i { display: block; height: 100%; background: #6b8cff; }
@media (min-width: 720px) { .azc-row { grid-template-columns: 200px 1fr 110px 140px; } .azc-row .azc-track { grid-column: auto; order: 0; } }
.azc-chart { max-width: 640px; } .azc-spark { width: 100%; height: auto; fill: #6b8cff; }
.azc-scroll { overflow-x: auto; }
.azc-table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 420px; }
.azc-table th, .azc-table td { text-align: left; padding: 8px 6px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.azc-table .num, .azc .num { font-variant-numeric: tabular-nums; }
.azc-forms { display: grid; gap: 14px; grid-template-columns: 1fr; }
@media (min-width: 900px) { .azc-forms { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.azc-form { display: grid; gap: 8px; align-content: start; }
.azc-form input, .azc-form select, .azc-ask input { min-height: 44px; padding: 8px 12px; border-radius: 10px; border: 1px solid rgba(70, 100, 170, .6); background: #0b1630; color: #eef3fb; font: inherit; width: 100%; box-sizing: border-box; }
.azc-check { display: flex; gap: 8px; align-items: center; min-height: 44px; } .azc-check input { width: 22px; min-height: 22px; }
.azc-caps { display: grid; gap: 6px; grid-template-columns: 1fr; padding-top: 8px; } @media (min-width: 560px) { .azc-caps { grid-template-columns: 1fr 1fr; } }
.azc-cap { display: grid; gap: 4px; font-size: 13px; }
.azc-msg { margin: 4px 0; font-size: 14px; color: #a9f0c8; } .azc-msg.bad { color: #ffb0b8; }
.azc-run { padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(70, 100, 170, .45); font-size: 14px; }
.azc-notices { display: grid; gap: 8px; margin: 0 0 16px; }
.azc-notice { margin: 0; padding: 10px 12px; border-radius: 12px; border-left: 4px solid #5ee7ff; background: rgba(94, 231, 255, .08); }
.azc-notice.warn { border-color: #ffb547; background: rgba(255, 181, 71, .08); } .azc-notice.stop { border-color: #ff5d6c; background: rgba(255, 93, 108, .08); }
.azc-links { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; font-size: 14px; }
.azc-links a, .azc-row-links a { color: #5ee7ff; }
.azc-row-links { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.azc-mini { margin: 4px 0 0; padding-left: 18px; font-size: 13px; color: #b9c7dc; }
.azc-ask { display: flex; gap: 8px; } .azc-ask input { flex: 1; }
.azc-answer { margin: 10px 0 0; color: #cfe0ff; min-height: 1.4em; }
.azc-checkout-box { margin: 12px 0; } #azc-checkout { background: #fff; border-radius: 12px; padding: 8px; }
.azc a:focus-visible, .azc button:focus-visible, .azc input:focus-visible, .azc select:focus-visible { outline: 2px solid #5ee7ff; outline-offset: 2px; }
.azc-spend { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px; border-radius: 999px; border: 1px solid rgba(94, 231, 255, .45); color: #eef3fb; font-size: 13px; text-decoration: none; white-space: nowrap; }
/* fallback card look until the shared cards.css (pkg17c) is installed; identical values, so nothing changes once it is */
.azc .az-card { min-width: 0; display: flex; flex-direction: column; gap: 8px; padding: 18px; border-radius: 16px; border: 1px solid rgba(70, 100, 170, .45); background: linear-gradient(180deg, rgba(16, 28, 60, .92), rgba(9, 17, 38, .92)); color: #eef3fb; box-sizing: border-box; }
.azc .az-card-title { margin: 0; font-size: 17px; line-height: 1.3; }
.azc .az-card-text { margin: 0; font-size: 14px; line-height: 1.45; color: #b9c7dc; }
.azc .az-card-foot { margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; padding-top: 6px; }
.azc .btn.sm, .azc .btn { min-height: 44px; height: auto; }
#ac-in > .acct[hidden] { display: none !important; }