/* © Marcher Lab. – marcherlab.com | access-widget.css
   Styles für die Vue-Insel marcher-li-vue/src/components/AccessWidget.vue (main-access.ts).
   Ausgelagert statt als <style>-Block im SFC: marcher-li-vue haelt sich sonst durchgehend an
   die Konvention "Komponenten bringen keine eigenen <style>-Bloecke mit, Styling kommt aus den
   bestehenden globalen Stylesheets" (siehe Kopfkommentar in marcher-li-vue/vite.config.ts). Die
   Klassen/IDs hier sind identisch zu shared/vue/islands/AccessWidget.vue auf starterkit.li und
   finanzbuch.li (gleiches Widget, gleiches Markup). */
#ml-access-widget{position:fixed;bottom:24px;left:24px;z-index:2147483647;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;}
#ml-access-fab{width:50px;height:50px;border-radius:50%;background:#1E2A4A;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px rgba(30,42,74,.3);transition:background .2s,transform .15s;}
#ml-access-fab:hover{background:#2D3F6B;transform:scale(1.08);}
.ml-a-panel{display:none;position:absolute;bottom:62px;left:0;width:280px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 12px 40px rgba(30,42,74,.18);overflow:hidden;}
.ml-a-panel.open{display:block;animation:mlaPanelIn .2s cubic-bezier(.16,1,.3,1);}
@keyframes mlaPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ml-a-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#1E2A4A;}
.ml-a-title{font-size:.8rem;font-weight:700;color:#fff;letter-spacing:.04em;text-transform:uppercase;}
.ml-a-close{background:none;border:none;color:rgba(255,255,255,.6);font-size:1.3rem;line-height:1;cursor:pointer;padding:0 2px;transition:color .15s;}
.ml-a-close:hover{color:#F5C518;}
.ml-a-body{padding:.75rem .9rem;display:flex;flex-direction:column;gap:.65rem;}
.ml-a-label{font-size:.72rem;font-weight:700;color:#1A1A2E;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.4rem;}
.ml-a-sublabel{font-size:.68rem;color:#6B7280;margin-top:1px;}
.ml-a-row{display:flex;align-items:center;gap:.4rem;}
.ml-a-row--3 .ml-a-btn{flex:1;}
.ml-a-val{font-size:.8rem;font-weight:700;color:#1E2A4A;min-width:36px;text-align:center;}
.ml-a-btn{flex:1;padding:.38rem .5rem;border:1.5px solid #E5E7EB;border-radius:6px;background:none;cursor:pointer;font-size:.78rem;font-weight:600;color:#6B7280;transition:all .15s;white-space:nowrap;}
.ml-a-btn:hover{border-color:#1E2A4A;color:#1E2A4A;}
.ml-a-btn.active{background:#1E2A4A;border-color:#1E2A4A;color:#fff;}
.ml-a-btn--big{font-size:.95rem;}
.ml-a-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem 0;}
.ml-a-toggle{width:42px;height:24px;border-radius:999px;border:none;background:#E5E7EB;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;}
.ml-a-toggle::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .2s;}
.ml-a-toggle.on{background:#F5C518;}
.ml-a-toggle.on::after{transform:translateX(18px);}
.ml-a-footer{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-top:1px solid #E5E7EB;background:#F8F9FA;}
.ml-a-reset{background:none;border:none;font-size:.72rem;font-weight:600;color:#6B7280;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s;}
.ml-a-reset:hover{color:#1E2A4A;}
.ml-a-hide{background:none;border:none;font-size:.72rem;font-weight:600;color:#9CA3AF;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s;padding:0;}
.ml-a-hide:hover{color:#6B7280;}
.ml-a-footer-left{display:flex;gap:.75rem;align-items:center;}
.ml-a-brand{font-size:.65rem;color:#9CA3AF;}
#ml-access-root.ml-dyslexia-active *{font-family:"OpenDyslexic",sans-serif !important;}
#ml-access-root.ml-links-active a{text-decoration:underline !important;text-underline-offset:3px !important;}
#ml-access-widget.ml-hidden{display:none;}
@media(max-width:480px){#ml-access-widget{bottom:16px;left:16px;}.ml-a-panel{width:calc(100vw - 32px);}}