/* Public connection controls; no external icons, fonts or assets. */
.pth-low-data-panel{margin:16px;padding:8px;border:1px solid #d6e2f2;border-radius:24px;background:#edf3fb;color:#24466f;font:14px/1.55 Manrope,system-ui,sans-serif}
.pth-connectivity-cards{display:grid;gap:8px}
.pth-connectivity-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px;border:1px solid #e2eaf4;border-radius:18px;background:#fff}
.pth-low-data-panel h3{margin:0;color:#153b70;font-size:17px;font-weight:800;line-height:1.4}
.pth-connectivity-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.pth-data-saving-state{padding:4px 9px;border:1px solid #d3dfef;border-radius:999px;background:#f0f4fa;color:#52627a;font-size:12px;font-weight:700;line-height:1.4}
.pth-data-saving-state[data-enabled=true]{border-color:#abe0d0;background:#eaf9f3;color:#166349}
.pth-low-data-panel p{margin:0;color:#52627a;overflow-wrap:anywhere}
.pth-connectivity-action{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border:1px solid #1a4789;border-radius:12px;font:800 14px/1.4 Manrope,system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation}
.pth-data-saving-action{margin-top:auto;background:#1a4789;color:#fff}
.pth-data-saving-action:hover{background:#153b70}
.pth-saved-catalog-action{background:#f3f7fc;color:#1a4789}
.pth-saved-catalog-action:hover{background:#e5eefb}
.pth-low-data-panel :is(button,a):focus-visible{outline:3px solid #a64b08;outline-offset:3px}
.pth-low-data-panel .pth-saved-catalog-date{font-size:12px;font-weight:700;color:#24466f}
.pth-low-data-panel .pth-saved-catalog-warning{padding-top:10px;border-top:1px solid #e2eaf4;font-size:12px;color:#52627a}
.pth-connectivity-status:empty{display:none}
.pth-low-data-panel>button{min-height:44px;margin:8px;padding:10px 14px;border:1px solid #bdd0e9;border-radius:12px;background:#fff;color:#1a4789;font:700 14px/1.4 Manrope,system-ui,sans-serif;cursor:pointer}
.pth-photo-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:44px;border:1px dashed #bdd0e9;border-radius:12px;color:#1a4789;background:#eff5ff;font:bold 12px Arial,sans-serif;padding:10px}
.pth-cart-draft-note{padding:12px;margin-bottom:10px;background:#eff5ff;border-radius:12px;font:13px/1.5 Arial,sans-serif;color:#1a4789}
@media(min-width:640px){.pth-connectivity-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pth-connectivity-card{padding:22px}}
html.dark .pth-low-data-panel{border-color:#344a66;background:#0f1e35;color:#e5efff}
html.dark .pth-connectivity-card{border-color:#344a66;background:#172b46}
html.dark .pth-low-data-panel h3{color:#edf4ff}
html.dark .pth-low-data-panel p{color:#bdcde2}
html.dark .pth-data-saving-state{border-color:#50657f;background:#203850;color:#d0dced}
html.dark .pth-data-saving-state[data-enabled=true]{border-color:#438875;background:#173f34;color:#b8f3df}
html.dark .pth-data-saving-action{border-color:#80a8dd;background:#245caa}
html.dark .pth-saved-catalog-action,html.dark .pth-low-data-panel>button{border-color:#80a8dd;background:#203e62;color:#edf4ff}
html.dark .pth-low-data-panel .pth-saved-catalog-date{color:#d3e5ff}
html.dark .pth-low-data-panel .pth-saved-catalog-warning{border-color:#344a66;color:#bdcde2}
html.dark .pth-low-data-panel :is(button,a):focus-visible{outline-color:#fbbf24}

.pth-connectivity-card[hidden],.pth-connectivity-action[hidden]{display:none!important}
.pth-pending-card{color:#233851}
.pth-pending-card>section{padding-top:16px;border-top:1px solid #dce5ef}
.pth-pending-card :is(h3,h4){margin:0;font-weight:800;color:#123968}
.pth-pending-card p{margin:8px 0;line-height:1.5}
html.dark .pth-pending-card{color:#d3e5ff}
html.dark .pth-pending-card :is(h3,h4){color:#edf4ff}
html.dark .pth-pending-card>section{border-color:#344a66}
html.dark .pth-pending-card .pth-connectivity-action{color:#edf4ff;border-color:#80a8dd;background:#203e62}