/* inoMenü 0.8.0 — onboarding, menu wizard, API guidance and mobile app navigator */
.fq-actions-inline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}

/* Branch status: explicit controlled switch */
.fq-switch-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e6eaf0;border-radius:12px;background:#fbfcfe;cursor:pointer}
.fq-switch-row>input{position:absolute;opacity:0;pointer-events:none}
.fq-switch-ui{width:42px;height:24px;border-radius:999px;background:#cbd5e1;position:relative;flex:0 0 auto;transition:.18s ease}
.fq-switch-ui:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.18);transition:.18s ease}
.fq-switch-row>input:checked+.fq-switch-ui{background:#255CFF}
.fq-switch-row>input:checked+.fq-switch-ui:after{transform:translateX(18px)}
.fq-switch-row>span:last-child{display:flex;flex-direction:column;gap:2px}.fq-switch-row b{font-size:13px;color:#172033}.fq-switch-row small{font-size:11px;color:#7b8798;line-height:1.4}

/* Menu wizard */
.fq-menu-wizard{max-width:980px;margin:0 auto}.fq-menu-wizard-themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.fq-menu-wizard-themes>button{appearance:none;border:1px solid #e4e8ef;background:#fff;border-radius:14px;padding:12px;text-align:left;display:flex;flex-direction:column;gap:7px;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.fq-menu-wizard-themes>button:hover{border-color:#b9c8ff;box-shadow:0 8px 22px rgba(15,23,42,.06);transform:translateY(-1px)}
.fq-menu-wizard-themes>button.on{border-color:#255CFF;box-shadow:0 0 0 2px rgba(37,92,255,.08)}
.fq-menu-wizard-themes b{font-size:13px;color:#162033}.fq-menu-wizard-themes small{font-size:11px;line-height:1.45;color:#7b8798}
.fq-theme-swatch{height:86px;border:1px solid;border-radius:11px;display:flex;align-items:flex-end;gap:7px;padding:10px;overflow:hidden}.fq-theme-swatch i{display:block;border-radius:7px;height:24px;flex:1}.fq-theme-swatch i:last-child{height:43px}
.fq-wizard-list{display:flex;flex-direction:column;gap:9px}.fq-wizard-list>div{display:grid;grid-template-columns:34px minmax(0,1fr) 38px;align-items:center;gap:8px}.fq-wizard-list>div>span{width:30px;height:30px;border-radius:9px;background:#f0f4ff;color:#255CFF;display:grid;place-items:center;font-size:11px;font-weight:800}.fq-wizard-list>div>button{width:36px;height:36px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;color:#a0a8b5;display:grid;place-items:center;cursor:pointer}.fq-wizard-list>div>button:hover{color:#dc2626;border-color:#fecaca;background:#fff7f7}
.fq-menu-wizard-review{display:grid;grid-template-columns:1.2fr 1fr 1.5fr;gap:12px}.fq-menu-wizard-review>div{border:1px solid #e5e9f0;border-radius:13px;padding:15px;background:#fafbfd;display:flex;flex-direction:column;gap:5px}.fq-menu-wizard-review small{font-size:9px;font-weight:800;letter-spacing:.08em;color:#9aa4b2}.fq-menu-wizard-review b{font-size:14px;color:#182033}.fq-menu-wizard-review span{font-size:11px;color:#758193;line-height:1.5}

/* AI API guide */
.fq-api-guide{margin:0 0 16px;border:1px solid #dce5ff;border-radius:14px;background:#f8faff;overflow:hidden}.fq-api-guide summary{list-style:none;display:grid;grid-template-columns:40px 1fr 22px;align-items:center;gap:11px;padding:14px 16px;cursor:pointer}.fq-api-guide summary::-webkit-details-marker{display:none}.fq-api-guide summary>span{width:38px;height:38px;border-radius:11px;background:#e9efff;color:#255CFF;display:grid;place-items:center}.fq-api-guide summary>span .fq-ico{width:19px;height:19px}.fq-api-guide summary>div{display:flex;flex-direction:column;gap:2px}.fq-api-guide summary b{font-size:13px;color:#172033}.fq-api-guide summary small{font-size:11px;color:#798699}.fq-api-guide summary>.fq-ico{width:16px;height:16px;color:#8d99aa;transform:rotate(-90deg);transition:.18s ease}.fq-api-guide[open] summary>.fq-ico{transform:rotate(90deg)}
.fq-api-guide-body{border-top:1px solid #e3eaff;padding:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#fff}.fq-api-guide-body article{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px;border:1px solid #e7eaf0;border-radius:12px}.fq-api-guide-body article>span{width:28px;height:28px;border-radius:8px;background:#f0f4ff;color:#255CFF;display:grid;place-items:center;font-size:11px;font-weight:800}.fq-api-guide-body article div{display:flex;flex-direction:column;gap:5px}.fq-api-guide-body article b{font-size:12px;color:#182033}.fq-api-guide-body article p{margin:0;font-size:11px;color:#6f7b8d;line-height:1.55}.fq-api-guide-body article a{font-size:10.5px;font-weight:700;color:#255CFF;text-decoration:none}.fq-api-guide-body article a:hover{text-decoration:underline}.fq-api-guide-note{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;background:#f8fafc;color:#687386;font-size:10.5px;line-height:1.5}.fq-api-guide-note .fq-ico{width:16px;height:16px;color:#255CFF;flex:0 0 auto}

/* First-use onboarding */
.fq-onboarding-shell{min-height:100dvh;background:#f7f9fc;color:#172033;font-family:Inter,system-ui,sans-serif;display:flex;flex-direction:column}.fq-onboarding-shell>header{height:64px;min-height:64px;background:#fff;border-bottom:1px solid #e8ebf0;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.fq-onboarding-shell>header>div{display:flex;align-items:center;gap:9px}.fq-onboarding-shell>header .fq-app-mark{width:30px;height:30px}.fq-onboarding-shell>header>span{font-size:12px;font-weight:600;color:#7a8697}.fq-onboarding-shell>main{flex:1;display:flex;align-items:center;justify-content:center;padding:38px 20px 48px}.fq-onboarding-welcome{max-width:670px;text-align:center;display:flex;flex-direction:column;align-items:center}.fq-onboarding-logo{width:76px;height:76px;border:1px solid #dfe6f6;border-radius:20px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 32px rgba(37,92,255,.09);margin-bottom:23px}.fq-onboarding-logo .fq-app-mark{width:52px;height:52px}.fq-onboarding-welcome>small,.fq-onboarding-step>small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#255CFF}.fq-onboarding-welcome h1{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:8px 0 10px}.fq-onboarding-welcome p{max-width:590px;margin:0;color:#718095;font-size:13px;line-height:1.7}.fq-onboarding-start{display:flex;gap:10px;margin-top:26px}.fq-onboarding-start .fq-btn{min-height:43px;padding-inline:18px}
.fq-onboarding-card{width:min(760px,100%);background:#fff;border:1px solid #e3e7ed;border-radius:18px;box-shadow:0 14px 42px rgba(15,23,42,.06);overflow:hidden}.fq-onboarding-progress{height:4px;background:#eef1f5}.fq-onboarding-progress span{height:100%;display:block;background:#255CFF;transition:width .24s ease}.fq-onboarding-step{min-height:390px;padding:28px 32px}.fq-onboarding-step>h2,.fq-onboarding-q h2{font-size:21px;letter-spacing:-.018em;margin:8px 0 6px}.fq-onboarding-step>p,.fq-onboarding-q p{font-size:12.5px;color:#718095;line-height:1.6;margin:0 0 24px}.fq-onboarding-card>footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #edf0f4;background:#fbfcfd}.fq-onboarding-fields{margin-top:22px;padding-top:20px;border-top:1px solid #edf0f4}.fq-onboarding-choice{display:flex;flex-direction:column}.fq-yesno{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.fq-yesno button{border:1px solid #e1e6ed;background:#fff;border-radius:14px;padding:20px 14px;display:flex;align-items:center;justify-content:center;gap:9px;color:#556174;cursor:pointer;font:inherit}.fq-yesno button .fq-ico{width:19px;height:19px}.fq-yesno button b{font-size:13px}.fq-yesno button.on{border-color:#255CFF;background:#f4f7ff;color:#255CFF;box-shadow:0 0 0 2px rgba(37,92,255,.07)}.fq-onboarding-skipstep,.fq-onboarding-finish{text-align:center;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center}.fq-onboarding-skipstep>.fq-ico,.fq-onboarding-finish>span{width:54px;height:54px;border-radius:15px;background:#f0f4ff;color:#255CFF;display:grid;place-items:center;margin-bottom:14px}.fq-onboarding-finish>span .fq-ico{width:25px;height:25px}.fq-onboarding-skipstep h2,.fq-onboarding-finish h2{font-size:20px;margin:0 0 7px}.fq-onboarding-skipstep p,.fq-onboarding-finish p{font-size:12px;color:#778397;max-width:480px;line-height:1.6;margin:0}.fq-onboarding-finish>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(500px,100%);margin-top:20px}.fq-onboarding-finish>div b{font-size:10.5px;font-weight:650;padding:9px 10px;border:1px solid #e6eaf0;border-radius:9px;background:#fafbfd;color:#5d697b}

/* Mobile navigator — app launcher / bottom sheet, never a desktop left sidebar */
@media(max-width:980px){
 .fq-mobile-nav-layer{position:fixed!important;inset:0!important;z-index:96!important;display:none!important;visibility:visible!important;pointer-events:none!important}
 .fq-mobile-nav-layer.open{display:block!important;pointer-events:auto!important}
 .fq-mobile-nav-backdrop{position:absolute!important;inset:0!important;border:0!important;background:rgba(15,23,42,.46)!important;backdrop-filter:blur(2px);opacity:1!important}
 .fq-mobile-nav-panel{position:absolute!important;top:auto!important;left:10px!important;right:10px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;max-height:min(70dvh,650px)!important;border:1px solid #e1e6ed!important;border-radius:24px!important;background:#fff!important;box-shadow:0 20px 60px rgba(15,23,42,.24)!important;transform:translateY(22px) scale(.985)!important;transform-origin:bottom center!important;transition:transform .2s ease,opacity .2s ease!important;opacity:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;touch-action:auto!important}
 .fq-mobile-nav-layer.open .fq-mobile-nav-panel{transform:translateY(0) scale(1)!important;opacity:1!important}
 .fq-mobile-nav-handle{display:block!important;width:38px!important;height:4px!important;border-radius:99px!important;background:#dbe0e8!important;margin:8px auto 0!important;flex:0 0 auto!important}
 .fq-mobile-nav-head{height:49px!important;min-height:49px!important;padding:0 14px!important;border-bottom:1px solid #f0f2f5!important}.fq-mobile-nav-head .inomenu-word{font-size:16px!important}.fq-mobile-nav-close{width:32px!important;height:32px!important;border-radius:10px!important;background:#f5f7fa!important}
 .fq-mobile-nav-scroll{flex:1!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:11px 11px 14px!important;overscroll-behavior:contain!important}
 .fq-mobile-nav-context{padding:10px!important;border-radius:12px!important;background:#f7f9fc!important;border:1px solid #edf0f4!important;margin-bottom:12px!important}.fq-mobile-nav-context-icon{width:34px!important;height:34px!important;border-radius:10px!important}
 .fq-mobile-nav-section{margin-top:12px!important}.fq-mobile-nav-section>small{display:block!important;margin:0 4px 6px!important;font-size:9px!important;letter-spacing:.1em!important;color:#a0a9b6!important}
 .fq-mobile-nav-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .fq-mobile-nav-item{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;min-height:58px!important;padding:8px!important;border:1px solid #e9edf2!important;border-radius:13px!important;background:#fff!important;text-decoration:none!important}
 .fq-mobile-nav-item.on{background:#f3f6ff!important;border-color:#d7e1ff!important}.fq-mobile-nav-item.fq-mobile-nav-ai{background:#255CFF!important;border-color:#255CFF!important;color:#fff!important}.fq-mobile-nav-item.fq-mobile-nav-ai .fq-mobile-nav-icon{background:rgba(255,255,255,.14)!important;color:#fff!important}.fq-mobile-nav-item.fq-mobile-nav-ai small{color:rgba(255,255,255,.72)!important}
 .fq-mobile-nav-icon{width:34px!important;height:34px!important;border-radius:9px!important;background:#f3f5f8!important}.fq-mobile-nav-item b{font-size:11px!important}.fq-mobile-nav-item small{font-size:9px!important;margin-top:2px!important;line-height:1.25!important;color:#8b96a6!important}
 .fq-mobile-nav-footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;margin-top:13px!important;padding:11px 4px 0!important;border-top:1px solid #eef1f4!important}.fq-mobile-nav-user>div b{font-size:10.5px!important}.fq-mobile-nav-user>div small{font-size:8.5px!important}.fq-mobile-nav-logout{height:37px!important;padding:0 11px!important;border-radius:10px!important}
 .fq-mobile-dock .fq-mobile-fab{border-radius:17px!important}
 .fq-mobile-dock .fq-mobile-fab:after{content:"Menü";position:absolute;top:100%;margin-top:2px;color:#8f99a7;font-size:8px;font-weight:600;white-space:nowrap}
 .fq-menu-wizard-themes{grid-template-columns:1fr 1fr}.fq-menu-wizard-review{grid-template-columns:1fr}.fq-api-guide-body{grid-template-columns:1fr}.fq-api-guide-note{grid-column:auto}
 .fq-onboarding-shell>header{padding:0 16px}.fq-onboarding-shell>main{align-items:flex-start;padding:22px 12px 36px}.fq-onboarding-welcome{padding-top:6vh}.fq-onboarding-welcome h1{font-size:25px}.fq-onboarding-start{width:100%;flex-direction:column}.fq-onboarding-start .fq-btn{width:100%}.fq-onboarding-card{border-radius:16px}.fq-onboarding-step{padding:22px 18px;min-height:420px}.fq-onboarding-card>footer{position:sticky;bottom:0;z-index:2}.fq-yesno{grid-template-columns:1fr 1fr}.fq-onboarding-finish>div{grid-template-columns:1fr}.fq-actions-inline{width:100%}.fq-actions-inline .fq-btn{flex:1;justify-content:center}
}
@media(max-width:420px){.fq-mobile-nav-grid{grid-template-columns:1fr 1fr!important}.fq-mobile-nav-item{grid-template-columns:30px minmax(0,1fr)!important;min-height:54px!important;padding:7px!important}.fq-mobile-nav-icon{width:30px!important;height:30px!important}.fq-mobile-nav-panel{left:7px!important;right:7px!important;bottom:calc(75px + env(safe-area-inset-bottom))!important;max-height:72dvh!important;border-radius:21px!important}.fq-menu-wizard-themes{grid-template-columns:1fr}.fq-yesno{grid-template-columns:1fr 1fr}}