/* Mapolitic v19.6: accessible account entry and Stripe billing management. */
.header-actions>.mp196-header-icon{display:inline-flex!important;align-items:center;justify-content:center;width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;flex:0 0 38px;border-radius:50%!important;border:1.5px solid #afc8c6!important;background:var(--panel-surface,#fff)!important;color:var(--foreground,#244a54)!important;padding:0!important;cursor:pointer!important;box-shadow:0 1px 5px #1234}
.mp196-header-icon:hover{border-color:#24766a!important;background:#e7f3ef!important}
.mp196-header-icon:focus-visible,.mp196-close:focus-visible,.mp196-page button:focus-visible,.mp196-page input:focus-visible{outline:3px solid #4abfa2;outline-offset:2px}
.mp196-header-icon[data-premium=true]{border-color:#2b906e!important;box-shadow:0 0 0 2px #50c69c38}
html[data-theme=dark] .mp196-header-icon,html.dark .mp196-header-icon{background:#1b3240!important;border-color:#7596a7!important;color:#fff!important}
.mp196-account{position:fixed;max-width:min(470px,calc(100vw - 20px));width:470px;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #cbdbe0;border-radius:18px;background:#fff;color:#173b48;box-shadow:0 30px 90px #091e3080;overflow-y:auto;overscroll-behavior:contain;font:14px/1.45 system-ui,-apple-system,sans-serif}
.mp196-account::backdrop{background:#0a2137b8;backdrop-filter:blur(5px)}
.mp196-page{padding:25px;box-sizing:border-box}
.mp196-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:23px}
.mp196-eyebrow{font-size:10px;font-weight:850;letter-spacing:.12em;color:#2c786a}
.mp196-heading h2{font:800 27px/1.15 system-ui,sans-serif;margin:6px 0 6px;color:inherit}
.mp196-heading p{margin:0;color:#5d7784;font-size:13px}
.mp196-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border:0;border-radius:9px;background:#edf3f4;color:#355e68;font-size:28px;cursor:pointer;line-height:1}
.mp196-content{min-width:0;display:grid;gap:12px}
.mp196-loading{padding:28px 0;color:#57717a;text-align:center}
.mp196-success{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px;text-align:center;border:1px solid #c8e5d5;border-radius:13px;background:linear-gradient(145deg,#f4faf3,#e8f5ed)}
.mp196-success strong{font-size:19px;color:#205c49}.mp196-success p{margin:0;color:#517066;font-size:13px;line-height:1.5}
.mp196-check{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#218365;color:#fff;font-size:29px;box-shadow:0 6px 18px #17604730}
.mp196-success .mp196-primary{margin-top:8px}
.mp196-box,.mp196-subscription{padding:15px;border-radius:11px;background:#f1f6f6;border:1px solid #dce8e9}
.mp196-box h3,.mp196-subscription h3{font-size:15px;margin:0 0 6px;color:inherit}
.mp196-box p{margin:0;color:#5b7582;font-size:13px}
.mp196-form{display:grid;gap:9px}.mp196-form label{font-size:13px;font-weight:700}
.mp196-form input{width:100%;box-sizing:border-box;min-height:46px;border:1px solid #aac0c9;border-radius:8px;background:#fff;color:#153644;padding:11px 12px;font:16px system-ui,sans-serif}
.mp196-primary,.mp196-danger{width:100%;min-height:46px;border-radius:9px;padding:11px 13px;border:0;cursor:pointer;font:700 14px/1.3 system-ui,sans-serif}
.mp196-primary{background:#17665d;color:#fff}.mp196-primary:hover{background:#12544d}
.mp196-danger{border:1px solid #d9a2a4;background:#fff6f5;color:#992f37}.mp196-danger:hover{background:#ffe8e6}
.mp196-page button:disabled{opacity:.58;cursor:wait}
.mp196-inline,.mp196-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mp196-bottom{margin-top:8px;border-top:1px solid #d9e4e7;padding-top:12px}
.mp196-text{border:0;background:none;color:#206e65;font-size:13px;font-weight:700;cursor:pointer;padding:8px 3px}
.mp196-legal,.mp196-explain{color:#607884;font-size:12px;line-height:1.5;margin:0}
.mp196-contact{margin:18px 0 0;padding-top:13px;border-top:1px solid #d9e4e7;color:#607884;font-size:13px}
.mp196-contact a{color:#176b60;font-weight:750;text-decoration:underline;text-underline-offset:2px}
.mp196-contact a:focus-visible{outline:3px solid #4abfa2;outline-offset:3px}
.mp196-account-email{display:flex;align-items:center;gap:13px;padding:12px 13px;border:1px solid #cbdcdb;border-radius:10px}
.mp196-account-email>svg{flex:none;width:34px;height:34px;border-radius:50%;background:#e7f2ef;padding:7px;color:#226759}
.mp196-account-email span{min-width:0;display:grid;gap:3px}.mp196-account-email small{font-size:11px;color:#617b85}.mp196-account-email strong{overflow-wrap:anywhere;font-size:14px}
.mp196-sub-header{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.mp196-sub-header h3{margin:0}.mp196-badge{font-size:11px;font-weight:800;padding:5px 9px;border-radius:30px;background:#e0e9eb;color:#385962}.mp196-badge.active{background:#d8eee4;color:#19634e}.mp196-badge.scheduled{background:#fff2d8;color:#876017}
.mp196-fact{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid #dce7e8;font-size:13px}.mp196-fact span{color:#556f7b}.mp196-fact strong{text-align:right}
.mp196-feedback{margin:15px 0 0;padding:12px;border-radius:9px;background:#e8f3ef;color:#1b6455;font-size:13px;overflow-wrap:anywhere}.mp196-feedback[data-error=true]{background:#fff0f0;color:#9b2934}
html[data-theme=dark] .mp196-account,html.dark .mp196-account{background:#142934;color:#f7fbfd;border-color:#4e707f}
html[data-theme=dark] .mp196-box,html[data-theme=dark] .mp196-subscription,html.dark .mp196-box,html.dark .mp196-subscription{background:#203b47;border-color:#45616d}
html[data-theme=dark] .mp196-contact,html.dark .mp196-contact{color:#c1d0d9;border-color:#506c77}
html[data-theme=dark] .mp196-contact a,html.dark .mp196-contact a{color:#88e2d1}
html[data-theme=dark] .mp196-heading p,html[data-theme=dark] .mp196-box p,html[data-theme=dark] .mp196-explain,html[data-theme=dark] .mp196-legal,html[data-theme=dark] .mp196-account-email small,html.dark .mp196-heading p,html.dark .mp196-box p,html.dark .mp196-explain,html.dark .mp196-legal,html.dark .mp196-account-email small{color:#c1d0d9}
html[data-theme=dark] .mp196-close,html.dark .mp196-close{background:#334b57;color:#fff}
html[data-theme=dark] .mp196-form input,html.dark .mp196-form input{background:#10242f;color:#fff;border-color:#65808c}
html[data-theme=dark] .mp196-account-email,html.dark .mp196-account-email{border-color:#5c7580}
html[data-theme=dark] .mp196-account-email>svg,html.dark .mp196-account-email>svg{background:#294e51;color:#c8f0e4}
html[data-theme=dark] .mp196-fact,html[data-theme=dark] .mp196-bottom,html.dark .mp196-fact,html.dark .mp196-bottom{border-color:#506c77}
html[data-theme=dark] .mp196-fact span,html.dark .mp196-fact span{color:#cadbe2}
html[data-theme=dark] .mp196-danger,html.dark .mp196-danger{background:#422c35;border-color:#93525d;color:#ffe0e2}
html[data-theme=dark] .mp196-badge.active,html.dark .mp196-badge.active{background:#234e45;color:#ccf7e3}
html[data-theme=dark] .mp196-text,html.dark .mp196-text{color:#88e2d1}
html[data-theme=dark] .mp196-feedback,html.dark .mp196-feedback{background:#23453f;color:#dcfff2}
html[data-theme=dark] .mp196-feedback[data-error=true],html.dark .mp196-feedback[data-error=true]{background:#542c38;color:#ffe2e4}
html[data-theme=dark] .mp196-success,html.dark .mp196-success{background:linear-gradient(145deg,#224137,#162d31);border-color:#3d6f5a}
html[data-theme=dark] .mp196-success strong,html.dark .mp196-success strong{color:#d7f3e2}
html[data-theme=dark] .mp196-success p,html.dark .mp196-success p{color:#bdd4c9}
.app-shell.map-fullscreen .mp196-fullscreen-icon{flex:0 0 40px!important;min-width:40px!important;padding:8px!important}
@media(max-width:580px){.mp196-account{max-width:100vw;width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:0;margin:0}.mp196-page{padding:calc(20px + env(safe-area-inset-top)) 19px calc(20px + env(safe-area-inset-bottom))}.mp196-heading h2{font-size:25px}.header-actions>.mp196-header-icon{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex:0 0 34px}.header-actions>.mp196-header-icon svg{width:17px;height:17px}}
