/* AsadWebs App Mode — active only when the site runs as an installed app / TWA
   (html.aw-app, set by the inline detector). Normal website visitors never see it. */
#awApp{display:none}
.aw-bottomnav{display:none}
html.aw-app .aw-bottomnav{display:flex}
html.aw-app body{padding-bottom:74px}
/* Layout pages in app mode: hide website chrome */
html.aw-app header.nav{display:none!important}
html.aw-app body>footer{display:none!important}
/* Hub in app mode: show only the app view */
html.aw-app #awApp{display:block}
html.aw-onhub.aw-app body>*:not(#awApp):not(script):not(style){display:none!important}
html.aw-onhub.aw-app body{padding-bottom:0}

/* ---------- bottom navigation (shared) ---------- */
.aw-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:1200;background:#fff;border-top:1px solid #e6e6f2;padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px rgba(23,23,46,.06)}
.aw-bottomnav a{flex:1;text-align:center;font-size:11px;color:#8a8aa0;font-weight:600;text-decoration:none}
.aw-bottomnav a .ni{font-size:21px;display:block;margin-bottom:2px;line-height:1.15}
.aw-bottomnav a.on{color:#4f46e5}
[data-theme="dark"] .aw-bottomnav{background:#17172a;border-top-color:#2c2c48}

/* ---------- app home (hub) ---------- */
#awApp{background:#f4f4fa;color:#17172e;min-height:100vh;padding-bottom:92px;font-family:system-ui,'Segoe UI',Roboto,Arial,sans-serif}
#awApp *{box-sizing:border-box}
.aw-topbar{display:flex;align-items:center;gap:10px;padding:16px 18px 10px;max-width:640px;margin:0 auto}
.aw-logo{width:40px;height:40px;border-radius:10px;background:#4f46e5;color:#fff;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;flex:none}
.aw-appname{font-size:21px;font-weight:800;line-height:1.1}
.aw-appname span{color:#4f46e5}
.aw-appsub{font-size:12px;color:#6b6b82;margin-top:1px}
.aw-themebtn{margin-left:auto;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #e3e3f0;font-size:17px;cursor:pointer;flex:none}
.aw-search{margin:8px auto 0;max-width:604px;padding:0 18px}
.aw-search-in{background:#fff;border:1px solid #e3e3f0;border-radius:14px;padding:4px 6px 4px 16px;display:flex;align-items:center;gap:9px}
.aw-search-in input{border:0;outline:0;font-size:15px;flex:1;background:transparent;color:inherit;padding:10px 0}
.aw-scan{display:flex;align-items:center;gap:14px;margin:16px auto 0;max-width:604px;width:calc(100% - 36px);background:#4f46e5;border-radius:20px;padding:20px;color:#fff;text-decoration:none}
.aw-scan h2{font-size:20px;margin:0 0 4px}
.aw-scan p{font-size:13px;color:#cfccff;line-height:1.45;margin:0}
.aw-cambtn{background:#fff;color:#4f46e5;font-weight:700;font-size:14px;border-radius:10px;padding:11px 14px;white-space:nowrap}
.aw-sec{display:flex;align-items:center;margin:22px auto 12px;max-width:604px;padding:0 18px}
.aw-sec h3{font-size:17px;font-weight:800;margin:0}
.aw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:604px;margin:0 auto;padding:0 18px}
.aw-tile{background:#fff;border:1px solid #e8e8f2;border-radius:16px;padding:13px 4px 10px;text-align:center;text-decoration:none;color:inherit}
.aw-tile .ic{width:44px;height:44px;border-radius:12px;margin:0 auto 7px;display:flex;align-items:center;justify-content:center;font-size:21px;background:color-mix(in srgb,var(--c) 15%,#fff)}
.aw-tile b{display:block;font-size:11.5px;line-height:1.25;font-weight:600}
.aw-chips{display:flex;gap:8px;max-width:604px;margin:0 auto;padding:0 18px;overflow-x:auto;scrollbar-width:none}
.aw-chips::-webkit-scrollbar{display:none}
.aw-chip{background:#fff;border:1px solid #e3e3f0;border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:600;white-space:nowrap;text-decoration:none;color:inherit}
.aw-list{max-width:604px;margin:0 auto;padding:0 18px}
.aw-list-in{background:#fff;border:1px solid #e8e8f2;border-radius:16px;overflow:hidden}
.aw-row{display:flex;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid #f0f0f7;text-decoration:none;color:inherit;font-size:14.5px;font-weight:600}
.aw-row:last-child{border-bottom:0}
.aw-row .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:19px;flex:none;background:color-mix(in srgb,var(--c) 15%,#fff)}
.aw-row small{display:block;font-weight:400;color:#8a8aa0;font-size:12px;margin-top:1px}
.aw-row .chev{margin-left:auto;color:#b9b9cc;font-size:18px;flex:none}
.aw-star{margin-left:auto;color:#c9a227;font-size:19px;padding:4px 2px;cursor:pointer;flex:none}
.aw-star+.chev{margin-left:2px}
.aw-cat-label{max-width:604px;margin:18px auto 10px;padding:0 18px;font-size:14px;font-weight:800;color:#55556e;text-transform:uppercase;letter-spacing:.04em}
.aw-noresults{max-width:604px;margin:14px auto 0;padding:0 18px;color:#8a8aa0;font-size:14px}
/* dark theme */
[data-theme="dark"] #awApp{background:#10101c;color:#eceaf6}
[data-theme="dark"] .aw-tile,[data-theme="dark"] .aw-list-in,[data-theme="dark"] .aw-search-in,[data-theme="dark"] .aw-chip,[data-theme="dark"] .aw-themebtn{background:#1b1b2e;border-color:#2c2c48;color:#eceaf6}
[data-theme="dark"] .aw-row{border-bottom-color:#262640}
[data-theme="dark"] .aw-appsub,[data-theme="dark"] .aw-row small{color:#9a97b5}
[data-theme="dark"] .aw-tile .ic,[data-theme="dark"] .aw-row .ic{background:color-mix(in srgb,var(--c) 26%,#1b1b2e)}