/* DTC Progressive Web App UI */
:root{--dtc-pwa-primary:#3157e5;--dtc-pwa-text:#17223b;--dtc-pwa-muted:#667085}
.dtc-pwa-network{position:fixed;z-index:10050;left:50%;top:max(10px,env(safe-area-inset-top));transform:translate(-50%,-140%);display:flex;align-items:center;gap:9px;max-width:calc(100vw - 24px);padding:10px 14px;border:1px solid #f6d18a;border-radius:13px;background:#fff8e8;color:#80540a;box-shadow:0 12px 35px rgba(66,45,7,.16);font:700 12px/1.35 Inter,Arial,sans-serif;opacity:0;pointer-events:none;transition:.22s ease}.dtc-pwa-network.show{transform:translate(-50%,0);opacity:1}.dtc-pwa-network::before{content:"";width:8px;height:8px;border-radius:50%;background:#d98a0a;box-shadow:0 0 0 4px rgba(217,138,10,.14)}
.dtc-pwa-install-floating{position:fixed;z-index:10020;right:max(16px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 18px));display:none;align-items:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:linear-gradient(135deg,#2445c4,#7657f6);color:#fff;box-shadow:0 16px 38px rgba(36,69,196,.28);font:800 12px Inter,Arial,sans-serif;cursor:pointer}.dtc-pwa-install-floating.show{display:flex}.dtc-pwa-install-floating svg{width:17px;height:17px}
.dtc-pwa-update{position:fixed;z-index:10060;right:max(16px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 16px));width:min(390px,calc(100vw - 32px));display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #dbe4ff;border-radius:16px;background:#fff;color:var(--dtc-pwa-text);box-shadow:0 20px 55px rgba(34,58,120,.22);font:600 12px/1.45 Inter,Arial,sans-serif}.dtc-pwa-update strong{display:block;font-size:13px}.dtc-pwa-update span{display:block;color:var(--dtc-pwa-muted);margin-top:2px}.dtc-pwa-update button{margin-left:auto;min-height:38px;padding:0 14px;border:0;border-radius:10px;background:var(--dtc-pwa-primary);color:#fff;font:800 12px Inter,Arial,sans-serif;cursor:pointer}
.dtc-pwa-modal{position:fixed;z-index:10080;inset:0;display:grid;place-items:center;padding:20px;background:rgba(10,20,47,.48);backdrop-filter:blur(6px)}.dtc-pwa-modal-card{width:min(430px,100%);padding:25px;border:1px solid #e2e8f3;border-radius:22px;background:#fff;color:var(--dtc-pwa-text);box-shadow:0 28px 80px rgba(15,32,75,.28);font-family:Inter,Arial,sans-serif}.dtc-pwa-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dtc-pwa-modal h3{margin:0;font-size:20px;letter-spacing:-.03em}.dtc-pwa-modal p{margin:9px 0 0;color:var(--dtc-pwa-muted);font-size:13px;line-height:1.6}.dtc-pwa-modal ol{margin:18px 0;padding-left:22px;color:#344054;font-size:13px;line-height:1.8}.dtc-pwa-modal-close{width:34px;height:34px;border:0;border-radius:10px;background:#f1f4f9;color:#526078;font-size:20px;cursor:pointer}
.portal-account-menu .dtc-pwa-menu-install[hidden]{display:none!important}.portal-account-menu .dtc-pwa-menu-install .portal-menu-icon{background:#eef2ff;color:#3157e5}
@media(display-mode:standalone){html,body{min-height:100%;overscroll-behavior-y:none}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.dtc-pwa-install-floating,.dtc-pwa-menu-install{display:none!important}.browser-only{display:none!important}.pwa-only{display:initial!important}}
@media(max-width:640px){.dtc-pwa-install-floating{right:12px;bottom:max(78px,calc(env(safe-area-inset-bottom) + 78px));min-height:42px;padding:0 14px}.dtc-pwa-update{right:12px;bottom:max(78px,calc(env(safe-area-inset-bottom) + 78px));width:calc(100vw - 24px)}}