/* Mada phase 5 - modern side drawer and settings. */
.mada-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(3px);z-index:500;opacity:0;transition:opacity .22s ease}.mada-drawer-backdrop.open{opacity:1}.mada-drawer{position:fixed;top:0;right:0;width:min(390px,92vw);height:100dvh;background:var(--card,#fff);z-index:501;box-shadow:-18px 0 50px rgba(15,23,42,.18);transform:translateX(105%);transition:transform .25s ease;display:flex;flex-direction:column;overflow:auto}.mada-drawer.open{transform:translateX(0)}.mada-drawer-head{padding:20px 18px 16px;border-bottom:1px solid rgba(148,163,184,.18);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:inherit;z-index:2}.mada-drawer-brand{display:flex;align-items:center;gap:11px}.mada-drawer-logo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2574df,#6c63ff);color:#fff;font-weight:900;font-size:20px}.mada-drawer-brand b{display:block;font-size:18px}.mada-drawer-brand small{display:block;color:#667085;margin-top:2px}.mada-drawer-close{width:40px;height:40px;border:0;border-radius:13px;background:rgba(148,163,184,.12);font-size:24px;cursor:pointer}.mada-drawer-body{padding:14px}.mada-menu-section{margin:8px 0 18px}.mada-menu-section-title{font-size:12px;font-weight:800;color:#98a2b3;padding:0 10px 7px}.mada-menu-item{width:100%;border:0;background:transparent;border-radius:15px;padding:13px 12px;display:flex;align-items:center;gap:12px;text-align:right;cursor:pointer;color:inherit;font:inherit}.mada-menu-item:hover{background:rgba(37,116,223,.08)}.mada-menu-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(37,116,223,.10);font-size:20px;flex:0 0 40px}.mada-menu-copy{flex:1}.mada-menu-copy b{display:block;font-size:14px}.mada-menu-copy small{display:block;color:#98a2b3;margin-top:2px}.mada-menu-chevron{color:#98a2b3;font-size:18px}.mada-settings{display:grid;gap:10px}.mada-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid rgba(148,163,184,.16);border-radius:16px}.mada-setting-row b{font-size:14px}.mada-setting-row small{display:block;color:#98a2b3;margin-top:3px}.mada-switch{width:48px;height:28px;border:0;border-radius:20px;background:#d0d5dd;position:relative;cursor:pointer;flex:0 0 auto}.mada-switch:after{content:"";position:absolute;width:22px;height:22px;top:3px;right:23px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.2s}.mada-switch.on{background:#2574df}.mada-switch.on:after{right:3px}.mada-drawer-footer{margin-top:auto;padding:16px;color:#98a2b3;font-size:12px;text-align:center}@media(max-width:600px){.mada-drawer{width:94vw}.mada-drawer-head{padding:16px 14px}.mada-drawer-body{padding:10px}}body.dark .mada-drawer{--card:#101a2d;background:#101a2d;color:#e6edf7}.dark .mada-drawer-brand small,.dark .mada-menu-copy small,.dark .mada-drawer-footer,.dark .mada-setting-row small{color:#8b9bb2}.dark .mada-drawer-close{background:rgba(100,116,139,.18);color:#e6edf7}.dark .mada-setting-row{border-color:rgba(100,116,139,.22)}