.tce-panel {
    --tce-accent: #235e51;
    --tce-ink: #20322d;
    box-sizing: border-box;
    position: fixed;
    inset: auto 24px 24px auto;
    z-index: 9998;
    width: 382px;
    max-width: calc(100vw - 32px);
    padding: 22px;
    border: 1px solid #dedfd6;
    border-radius: 18px;
    background: #fcfcf7;
    color: var(--tce-ink);
    box-shadow: 0 10px 45px #1b30241a, 0 2px 8px #1b302408;
    font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-align: start;
    animation: tce-arrive .25s ease-out;
}
.tce-panel *, .tce-panel *::before, .tce-panel *::after { box-sizing: border-box; }
.tce-panel[hidden], .tce-panel [hidden] { display: none !important; }
.tce-panel .tce-top { display: flex; align-items: center; gap: 10px; margin-bottom: 17px; }
.tce-panel .tce-symbol { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: #e8eee5; color: var(--tce-accent); }
.tce-panel svg { width: 19px; height: 19px; }
.tce-panel .tce-eyebrow { font-size: 10px; letter-spacing: .14em; font-weight: 700; color: #55665c; }
.tce-panel .tce-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--tce-accent); margin-inline-start: auto; }
.tce-panel .tce-main { display: flex; gap: 18px; align-items: flex-start; }
.tce-panel .tce-title { margin: 0 0 7px; padding: 0; font: 600 18px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -.025em; color: var(--tce-ink); text-transform: none; }
.tce-panel .tce-description { margin: 0; color: #616b62; font: inherit; font-size: 12px; line-height: 1.65; }
.tce-panel .tce-time { flex-shrink: 0; font-size: 27px; font-weight: 500; line-height: 1.2; letter-spacing: -.06em; font-variant-numeric: tabular-nums; color: var(--tce-ink); }
.tce-panel .tce-track { height: 3px; margin: 20px 0; border-radius: 8px; overflow: hidden; background: #e5e8df; }
.tce-panel .tce-track span { display: block; width: 100%; height: 100%; background: var(--tce-accent); transform-origin: left; transition: transform 1s linear; }
.tce-panel .tce-action { display: flex; justify-content: space-between; align-items: center; min-height: 44px; padding: 11px 15px; background: #203e34; color: #fff; border: 1px solid transparent; border-radius: 9px; text-decoration: none; font-size: 12px; font-weight: 600; box-shadow: none; }
.tce-panel .tce-action:hover { background: #122b22; color: #fff; text-decoration: none; }
.tce-panel .tce-action:focus-visible, .tce-panel .tce-close:focus-visible { outline: 3px solid #bc7134; outline-offset: 3px; }
.tce-panel .tce-checkout-note { margin: 0; font-size: 12px; color: #506056; }
.tce-panel .tce-connection { font-size: 11px; margin: 10px 0 0; color: #71531e; }
.tce-panel .tce-close { display: grid; place-items: center; margin: -7px -8px -7px auto; padding: 0; min-width: 44px; min-height: 44px; border: 0; border-radius: 8px; background: transparent; color: #526056; font: 24px/1 sans-serif; cursor: pointer; box-shadow: none; }
.tce-panel .tce-close:hover { background: #ebece5; }
.tce-panel .tce-minimize { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; margin: -7px -8px -7px 0; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #526056; font: 24px/1 sans-serif; cursor: pointer; box-shadow: none; }
.tce-panel .tce-minimize:hover { background: #ebece5; }
.tce-panel .tce-minimize:focus-visible, .tce-panel .tce-compact:focus-visible { outline: 3px solid #bc7134; outline-offset: 3px; }
.tce-panel.tce-is-minimized { width: auto; padding: 0; inset-inline-start: auto; border-radius: 14px; }
.tce-panel .tce-compact { display: grid; place-items: center; min-width: 94px; min-height: 48px; margin: 0; padding: 10px 16px; border: 0; border-radius: inherit; background: transparent; color: var(--tce-ink); font: 500 24px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-variant-numeric: tabular-nums; letter-spacing: -.04em; cursor: pointer; box-shadow: none; }
.tce-panel .tce-compact:hover { background: #20322d08; }
.tce-panel[data-mode="warning"] .tce-compact { color: #91491e; }
.tce-panel[data-mode="warning"] { --tce-accent: #a15324; background: #fffaf2; border-color: #e8d5ba; }
.tce-panel[data-mode="warning"] .tce-symbol { background: #f5e8d5; }
.tce-panel[data-mode="warning"] .tce-time { color: #91491e; }
.tce-panel[data-mode="expired"] .tce-dot { display: none; }
.tce-panel[data-mode="expired"] .tce-action { margin-top: 20px; }
.tce-panel .tce-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@keyframes tce-arrive { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 480px) { .tce-panel { inset: auto 16px max(16px, env(safe-area-inset-bottom)) 16px; width: auto; padding: 18px; } .tce-panel .tce-title { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { .tce-panel { animation: none; } .tce-panel .tce-track span { transition: none; } }
@media print { .tce-panel { display: none !important; } }