/* BinYonSis NOVA V8.1 — Premium Design Tokens. Scope is additive; legacy features intact. */
:root{--bys81-ink:#132137;--bys81-bg:#f4f7fb;--bys81-card:#fff;--bys81-card2:#f8faff;--bys81-line:#e3eaf4;--bys81-muted:#596d89;--bys81-primary:#4f46e5;--bys81-primary-contrast:#fff;--bys81-shadow:0 14px 48px rgba(23,43,83,.075);--bys81-radius:18px;--bys81-font:Inter,"Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:90px}
html[data-boot-theme="dark"],html[data-boot-theme="dark"] body.bys8-page{background:#0b1220;color-scheme:dark}
html[data-boot-theme="light"] body.bys8-page{background:#f4f7fb;color-scheme:light}
body.app-body.bys81-premium{font-family:var(--bys81-font);--bys81-ink:#132137;--bys81-bg:#f4f7fb;--bys81-card:#fff;--bys81-card2:#f8faff;--bys81-line:#e3eaf4;--bys81-muted:#596d89;--bys81-primary:#514ce1;--bys81-shadow:0 14px 48px rgba(23,43,83,.075);background:var(--bys81-bg);color:var(--bys81-ink);font-feature-settings:"tnum" 1}
body.app-body.bys81-premium[data-theme="dark"]{--bys81-ink:#f0f5ff;--bys81-bg:#0b1220;--bys81-card:#17243a;--bys81-card2:#1e304b;--bys81-line:#344763;--bys81-muted:#becce0;--bys81-primary:#a6b5ff;--bys81-primary-contrast:#0f1830;--bys81-shadow:0 18px 46px rgba(0,0,0,.22)}
body.app-body.bys81-premium :is(.main-column,.content,.panel,.workspace,.table-scroll,.bys54-dashboard,.bys54-table-wrap){min-width:0;max-width:100%}
body.app-body.bys81-premium .main-column{background:var(--bys81-bg)}
body.app-body.bys81-premium .content{padding:clamp(17px,2.5vw,37px);width:100%;max-width:1720px;margin:0 auto}
body.app-body.bys81-premium :is(.page-intro,.panel,.stat-card,.mini-card,.item-card,.workspace,.card,.bys64-stat,.bys54-kpi,.v53-metric,.bys60-priority-item,.bys54-feature-grid>a){border-radius:var(--bys81-radius);min-width:0}
body.app-body.bys81-premium :is(.panel,.stat-card,.mini-card,.item-card,.workspace,.v53-metric,.bys64-stat,.bys60-priority-item){box-shadow:var(--bys81-shadow);border:1px solid var(--bys81-line);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body.app-body.bys81-premium :is(.panel,.stat-card,.mini-card,.item-card,.workspace,.v53-metric,.bys64-stat){background:var(--bys81-card);color:var(--bys81-ink)}
@media(hover:hover){body.app-body.bys81-premium :is(.item-card,.stat-card,.mini-card,.bys60-priority-item):hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(24,44,89,.11);border-color:var(--bys81-primary)}}
body.app-body.bys81-premium :is(h1,h2,h3,.stat-value,.bys64-stat strong,.v53-metric strong){letter-spacing:-.035em;text-wrap:balance}
body.app-body.bys81-premium .page-intro{display:flex;align-items:flex-start;gap:14px;padding:2px 0 18px;margin:0 0 20px;border-bottom:1px solid var(--bys81-line);background:transparent;box-shadow:none}
body.app-body.bys81-premium .page-intro h1{font-size:clamp(26px,2.6vw,38px);line-height:1.16;font-weight:850;color:var(--bys81-ink);margin:6px 0}
body.app-body.bys81-premium .page-intro p{color:var(--bys81-muted);max-width:76ch;line-height:1.65}
body.app-body.bys81-premium .page-intro .eyebrow{color:var(--bys81-primary);letter-spacing:.095em;font-size:11px}
body.app-body.bys81-premium :is(.panel-title,.toolbar,.card-header){gap:12px;flex-wrap:wrap;min-width:0}
body.app-body.bys81-premium :is(.panel-title h2,.panel h2){color:var(--bys81-ink);letter-spacing:-.025em}
body.app-body.bys81-premium :is(.muted,.meta,.hint,.panel-title p,.empty-state){color:var(--bys81-muted);line-height:1.65}
body.app-body.bys81-premium .topbar{position:sticky;top:0;z-index:80;min-height:70px;border-bottom:1px solid var(--bys81-line);background:var(--bys81-card);color:var(--bys81-ink);box-shadow:0 4px 18px rgba(18,32,60,.035);backdrop-filter:blur(13px)}
body.app-body.bys81-premium .topbar :is(.crumb,.date-pill,.user-chip){color:var(--bys81-ink)}
body.app-body.bys81-premium .sidebar{background:#101d32;border-right:1px solid #31445f;box-shadow:10px 0 35px rgba(0,0,0,.1)}
body.app-body.bys81-premium .sidebar :is(.sidebar-footer,.bys75-recent-head,.bys56-nav-heading){color:#d9e5fa}
body.app-body.bys81-premium .sidebar .nav-link{border-radius:12px;min-height:40px;line-height:1.4;transition:background .17s,border-color .17s,transform .17s}
body.app-body.bys81-premium .sidebar .nav-link:focus-visible{outline:2px solid #b2c3ff;outline-offset:1px}
body.app-body.bys81-premium .sidebar .nav-link.active{background:#263b66;color:#fff!important;border:1px solid #6478c3}
body.app-body.bys81-premium .sidebar .bys56-nav-search input{min-height:44px;background:#1c2c46;border:1px solid #496080;color:#fff}
body.app-body.bys81-premium .sidebar .bys56-nav-search input::placeholder{color:#b9c9df}
body.app-body.bys81-premium :is(.btn,.icon-btn,.bys54-quick-trigger,button:not(.nav-link)){transition:background-color .17s ease,border-color .17s ease,transform .17s ease,box-shadow .17s ease}
body.app-body.bys81-premium :is(.btn,.icon-btn,.bys54-quick-trigger){border-radius:12px}
body.app-body.bys81-premium :is(.btn.primary,button[type="submit"].primary){background:#4f46e5;color:#fff;border-color:#4f46e5}
body.app-body.bys81-premium :is(.btn.primary,button[type="submit"].primary):hover{background:#4038cb;border-color:#4038cb}
body.app-body.bys81-premium :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea){max-width:100%;min-height:44px;border-radius:12px;border:1px solid var(--bys81-line);background:var(--bys81-card);color:var(--bys81-ink)}
body.app-body.bys81-premium :is(input,select,textarea):not([type="hidden"])::placeholder{color:var(--bys81-muted)}
body.app-body.bys81-premium :is(input,textarea,select):user-invalid{border-color:#d94a65}
body.app-body.bys81-premium :is(input,textarea,select):focus-visible{border-color:var(--bys81-primary);box-shadow:0 0 0 3px rgba(101,99,255,.16)}
body.app-body.bys81-premium label{line-height:1.6}
body.app-body.bys81-premium :is(input,textarea,select,button,a,summary,[tabindex]):focus-visible{outline:3px solid var(--bys81-primary);outline-offset:3px}
body.app-body.bys81-premium :is(.table-scroll,.bys54-table-wrap){overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--bys81-line);border-radius:15px;background:var(--bys81-card)}
body.app-body.bys81-premium table{border-collapse:separate;border-spacing:0;width:100%}
body.app-body.bys81-premium table :is(td,th){padding:12px 14px;border-bottom:1px solid var(--bys81-line);vertical-align:middle;line-height:1.45}
body.app-body.bys81-premium table th{background:var(--bys81-card2);color:var(--bys81-muted);font-size:12px;font-weight:800}
body.app-body.bys81-premium table td{background:var(--bys81-card);color:var(--bys81-ink)}
body.app-body.bys81-premium table tbody tr:last-child td{border-bottom:0}
body.app-body.bys81-premium table tbody tr:hover td{background:var(--bys81-card2)}
body.app-body.bys81-premium :is(.status,.pill,.badge){font-weight:750;border-radius:999px}
body.app-body.bys81-premium :is(.alert.info,.alert.success,.alert.error){border-radius:14px;line-height:1.6}
body.app-body.bys81-premium .empty-state{border:1px dashed var(--bys81-line);background:var(--bys81-card2);padding:24px;border-radius:16px}
body.app-body.bys81-premium :is(.toast-area,.nova-notice-popover,.bys-ai-panel){z-index:130}
body.app-body.bys81-premium .toast{border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.2);animation:bys81Enter .18s ease-out}
body.app-body.bys81-premium :is(.modal,.nova-payment-dialog,.bys64-help-dialog,.bys-ai-panel){border-radius:20px;background:var(--bys81-card);color:var(--bys81-ink);border:1px solid var(--bys81-line)}
body.app-body.bys81-premium .nova-notice-popover{background:var(--bys81-card);color:var(--bys81-ink);border:1px solid var(--bys81-line);box-shadow:var(--bys81-shadow)}
body.app-body.bys81-premium .bys-ai-bubble{max-width:min(87%,600px);border-radius:18px;overflow-wrap:anywhere}
body.app-body.bys81-premium .bys-ai-messages{overscroll-behavior:contain}
body.app-body.bys81-premium .bys64-stat strong,body.app-body.bys81-premium .v53-metric strong{font-variant-numeric:tabular-nums;font-size:clamp(23px,2vw,31px)}
body.app-body.bys81-premium .bys64-meter{overflow:hidden;border-radius:999px}
body.app-body.bys81-premium :is(.item-card,.bys64-stat,.v53-metric){overflow-wrap:anywhere}
body.app-body.bys81-premium :is(.bys54-empty,.empty-state):before{content:"◌";display:inline-grid;place-items:center;margin-right:8px;width:25px;height:25px;border:1px solid var(--bys81-line);border-radius:50%;color:var(--bys81-primary)}
body.app-body.bys81-premium :is(.bys55-mobile-bottom,.bys55-bottom-nav){padding-bottom:max(0px,env(safe-area-inset-bottom));}
body.app-body.bys81-premium .bys81-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 7px;color:var(--bys81-muted);font-size:12px;font-weight:650}
body.app-body.bys81-premium .bys81-breadcrumb a{color:var(--bys81-muted);text-decoration:none}
body.app-body.bys81-premium .bys81-breadcrumb a:hover{color:var(--bys81-primary);text-decoration:underline}
body.app-body.bys81-premium .bys81-user-menu{position:relative;flex:0 0 auto}
body.app-body.bys81-premium .bys81-user-menu>summary{display:flex;align-items:center;gap:7px;cursor:pointer;min-height:42px;padding:5px 10px;border-radius:12px;background:var(--bys81-card2);border:1px solid var(--bys81-line);color:var(--bys81-ink);font-weight:750;list-style:none;font-size:12px}
body.app-body.bys81-premium .bys81-user-menu>summary::-webkit-details-marker{display:none}
body.app-body.bys81-premium .bys81-user-menu[open]>summary{border-color:var(--bys81-primary)}
body.app-body.bys81-premium .bys81-user-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;max-width:min(94vw,330px);padding:8px;background:var(--bys81-card);border:1px solid var(--bys81-line);box-shadow:var(--bys81-shadow);border-radius:14px;z-index:110}
body.app-body.bys81-premium .bys81-user-panel :is(a,button){display:flex;align-items:center;gap:8px;width:100%;min-height:41px;padding:9px 11px;text-align:left;font-size:13px;color:var(--bys81-ink);text-decoration:none;border:0;border-radius:9px;background:transparent;cursor:pointer}
body.app-body.bys81-premium .bys81-user-panel :is(a,button):hover{background:var(--bys81-card2)}
body.app-body.bys81-premium .bys81-user-panel form{margin:0}
body.app-body.bys81-premium .bys81-busy{opacity:.77;pointer-events:none}
body.app-body.bys81-premium .bys81-validation{display:block;font-size:12px;margin-top:4px;color:#c03952}
body.app-body.bys81-premium .bys81-skeleton{min-height:14px;border-radius:10px;background:linear-gradient(110deg,var(--bys81-card2) 8%,var(--bys81-line) 25%,var(--bys81-card2) 40%);background-size:200% 100%;animation:bys81Pulse 1.4s linear infinite}
body.app-body.bys81-premium .bys81-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
body.app-body.bys81-premium .bys81-profile-field{background:var(--bys81-card2);border:1px solid var(--bys81-line);border-radius:13px;padding:15px;min-width:0;overflow-wrap:anywhere}
body.app-body.bys81-premium .bys81-profile-field small{display:block;margin-bottom:8px;color:var(--bys81-muted)}
body.app-body.bys81-premium .bys81-profile-field strong{color:var(--bys81-ink)}
body.app-body.bys81-premium .bys81-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:750;border:1px solid var(--bys81-line)}
body.app-body.bys81-premium .bys81-status.is-paid{background:#dcfce7;border-color:#a7e3bf;color:#166534}
body.app-body.bys81-premium .bys81-status.is-overdue{background:#fee2e2;border-color:#f7aaaa;color:#9f1239}
body.app-body.bys81-premium .bys81-status.is-pending{background:#fef3c7;border-color:#eecb8d;color:#92400e}
body.app-body.bys81-premium .bys81-status.is-partial{background:#dbeafe;border-color:#9dc4ef;color:#1e40af}
@keyframes bys81Enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes bys81Pulse{to{background-position-x:-200%}}
@media(max-width:1050px){body.app-body.bys81-premium .topbar-actions{gap:7px}body.app-body.bys81-premium .bys81-user-menu>summary span{display:none}}
@media(max-width:970px){body.app-body.bys81-premium .sidebar{width:min(315px,89vw);max-width:89vw;height:100dvh;overflow:hidden}body.app-body.bys81-premium .sidebar .sidebar-nav{overscroll-behavior:contain}body.app-body.bys81-premium .content{padding:16px 13px 30px}body.app-body.bys81-premium .topbar{min-height:62px}body.app-body.bys81-premium .page-intro{flex-direction:column;align-items:stretch}}
@media(max-width:640px){body.app-body.bys81-premium .date-pill{display:none}body.app-body.bys81-premium .topbar .user-chip{display:none}body.app-body.bys81-premium .content :is(.panel,.item-card){padding:15px}body.app-body.bys81-premium .bys81-user-menu>summary{padding:7px 9px}body.app-body.bys81-premium .bys81-user-panel{right:-8px}body.app-body.bys81-premium :is(.modal,.nova-payment-dialog){max-width:calc(100vw - 20px);width:calc(100vw - 20px)}body.app-body.bys81-premium .bys64-stat strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.app-body.bys81-premium *,body.app-body.bys81-premium *::before,body.app-body.bys81-premium *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Guest/public and auth pages share tokens while preserving their page-specific branding. */
body.bys55-public.bys81-public,body.bys8-page.bys81-auth{font-family:var(--bys81-font);font-feature-settings:"tnum" 1}
body.bys55-public.bys81-public :is(.landing-section,.landing-hero,.landing-final-cta,.bys-home-showcase){max-width:100%;overflow-wrap:anywhere}
body.bys55-public.bys81-public :is(.landing-hero h1,.landing-section h2,.landing-final-cta h2){letter-spacing:-.045em;text-wrap:balance}
body.bys55-public.bys81-public :is(.landing-button,.landing-header a,.landing-final-cta a){transition:background .17s,border-color .17s,transform .17s}
body.bys55-public.bys81-public :is(a,button,input,summary):focus-visible,body.bys8-page.bys81-auth :is(a,button,input,select,summary):focus-visible{outline:3px solid #736aff;outline-offset:3px}
body.bys55-public.bys81-public :is(.landing-section,.landing-final-cta){scroll-margin-top:90px}
body.bys8-page.bys81-auth input{font-family:inherit}
body.bys8-page.bys81-auth :is(.bys8-login-form input,.bys8-field input){min-height:48px}
body.bys8-page.bys81-auth :is(.bys8-field input,.bys8-login-form input):focus-visible{box-shadow:0 0 0 4px rgba(92,83,235,.17)}
body.bys8-page.bys81-auth :is(.bys8-banner,.bys8-plan,.bys8-content-inner){overflow-wrap:anywhere}
@media(max-width:767px){body.bys55-public.bys81-public .bys-home-showcase{display:none!important}body.bys55-public.bys81-public :is(.landing-hero,.landing-section){min-width:0}body.bys8-page.bys81-auth{overflow-x:hidden}}
@media(prefers-reduced-motion:reduce){body.bys55-public.bys81-public *,body.bys8-page.bys81-auth *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* NOVA V8.1 — Table tools and specialized page cards */
body.app-body.bys81-premium .bys81-table-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:6px 0 13px}
body.app-body.bys81-premium .bys81-table-tools input{flex:1 1 190px;max-width:420px;padding:10px 12px}
body.app-body.bys81-premium .bys81-table-tools button{border:1px solid var(--bys81-line);background:var(--bys81-card2);border-radius:10px;color:var(--bys81-ink);padding:9px 12px;cursor:pointer}
body.app-body.bys81-premium .bys81-table-tools button:disabled{opacity:.5;cursor:not-allowed}
body.app-body.bys81-premium .bys81-table-count{color:var(--bys81-muted);font-size:12px;margin-right:auto}
body.app-body.bys81-premium .bys81-table-sort{background:transparent;border:none;padding:2px 0;color:inherit;font:inherit;cursor:pointer;text-align:left}
body.app-body.bys81-premium .bys81-table-sort:hover{color:var(--bys81-primary)}
body.app-body.bys81-premium .bys81-admin-pulse{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px}
body.app-body.bys81-premium .bys81-admin-pulse a{display:block;background:var(--bys81-card);border:1px solid var(--bys81-line);border-radius:17px;padding:18px;color:var(--bys81-ink);text-decoration:none;box-shadow:var(--bys81-shadow);min-width:0}
body.app-body.bys81-premium .bys81-admin-pulse small{display:block;color:var(--bys81-muted);margin-bottom:8px}
body.app-body.bys81-premium .bys81-admin-pulse strong{font-size:clamp(20px,2vw,29px);line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
body.app-body.bys81-premium .bys81-admin-pulse a:hover{border-color:var(--bys81-primary)}
body.app-body.bys81-premium[data-theme="dark"] .bys-admin-action-grid a{background:#172a44!important;border-color:#38587e;color:#f2f6ff!important}
body.app-body.bys81-premium[data-theme="dark"] .bys-admin-action-grid a strong{color:#f2f6ff!important}
body.app-body.bys81-premium[data-theme="dark"] .bys-admin-action-grid a span{color:#cfddf0!important}
body.app-body.bys81-premium[data-theme="dark"] .bys-admin-tool-grid a{background:#172a44!important;border-color:#38587e}
body.app-body.bys81-premium[data-theme="dark"] .bys-admin-tool-grid strong{color:#f2f6ff!important}
body.app-body.bys81-premium[data-theme="dark"] .bys-admin-tool-grid span{color:#cfddf0!important}
@media(max-width:720px){body.app-body.bys81-premium .bys81-admin-pulse{grid-template-columns:1fr}body.app-body.bys81-premium .bys81-table-tools input{max-width:none}body.app-body.bys81-premium .bys81-table-count{flex:1 1 100%}}

/* NOVA V8.1.1 | 2026-10-18 | mobile regression and overflow hotfix */
@media(max-width:970px){
 html:has(body.app-body.bys81-premium){max-width:100%;overflow-x:clip}
 body.app-body.bys75-sidebar.bys81-premium{width:100%;max-width:100%;overflow-x:clip}
 body.app-body.bys75-sidebar.bys81-premium .app-shell,
 body.app-body.bys75-sidebar.bys81-premium .main-column{min-width:0!important;width:100%!important;max-width:100%!important;margin-left:0!important}
 body.app-body.bys75-sidebar.bys81-premium .content{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0;padding:16px clamp(12px,3.5vw,24px) calc(110px + env(safe-area-inset-bottom,0px))!important}
 body.app-body.bys75-sidebar.bys81-premium .topbar{width:100%;max-width:100%;min-width:0;box-sizing:border-box;position:sticky;top:0;z-index:70;display:flex;flex-wrap:nowrap;align-items:center;gap:7px;padding:8px max(11px,env(safe-area-inset-left,0px))!important}
 body.app-body.bys75-sidebar.bys81-premium .topbar-left{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;max-width:100%}
 body.app-body.bys75-sidebar.bys81-premium .topbar-left .crumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:26vw}
 body.app-body.bys75-sidebar.bys81-premium .topbar-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;min-width:0;max-width:calc(100% - 45px);gap:6px;margin-left:auto}
 body.app-body.bys75-sidebar.bys81-premium .topbar-actions>*{flex-shrink:0}
 body.app-body.bys75-sidebar.bys81-premium #openSidebar{flex:0 0 42px;min-width:42px;min-height:42px;display:grid!important}
 body.app-body.bys75-sidebar.bys81-premium .sidebar{display:flex!important;flex-direction:column;width:min(320px,88vw)!important;max-width:min(320px,88vw)!important;height:100dvh!important;overflow:hidden!important;overscroll-behavior:contain;transform:translateX(-110%)!important;z-index:190!important}
 body.app-body.bys75-sidebar.bys81-premium .sidebar.visible{transform:translateX(0)!important}
 body.app-body.bys75-sidebar.bys81-premium .sidebar .sidebar-nav.bys56-sidebar-nav{overflow-y:auto!important;flex:1 1 auto!important;min-height:0!important;-webkit-overflow-scrolling:touch;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}
 body.app-body.bys75-sidebar.bys81-premium .mobile-overlay.visible{display:block!important;z-index:185!important}
 body.app-body.bys75-sidebar.bys81-premium.menu-open{overflow:hidden;touch-action:none}
 body.app-body.bys75-sidebar.bys81-premium.menu-open .sidebar{touch-action:pan-y}
 body.app-body.bys75-sidebar.bys81-premium .content :is(.panel,.workspace,.item-card,.card,.stat-card,.mini-card,.page-intro,.summary-grid,.stats-grid,.card-list,.form-grid,.bys64-focus,.bys54-dashboard,.bys55-dashboard){min-width:0;max-width:100%;box-sizing:border-box}
 body.app-body.bys75-sidebar.bys81-premium .content :is(.panel-title,.toolbar,.form-actions,.modal-actions,.bys64-intro-tools){display:flex;flex-wrap:wrap;gap:10px;max-width:100%;min-width:0}
 body.app-body.bys75-sidebar.bys81-premium .content :is(.summary-grid,.form-grid,.bys64-focus-stats){grid-template-columns:minmax(0,1fr);min-width:0}
 body.app-body.bys75-sidebar.bys81-premium .content :is(.table-scroll,.bys54-table-wrap,[class*="table-wrap"]){max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
 body.app-body.bys75-sidebar.bys81-premium .content .table-scroll>table{min-width:max(100%,540px)}
 body.app-body.bys75-sidebar.bys81-premium .content :is(img,svg,canvas,video){max-width:100%;height:auto}
 body.app-body.bys75-sidebar.bys81-premium .content :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){max-width:100%;min-width:0;box-sizing:border-box;font-size:max(16px,1em)}
 body.app-body.bys75-sidebar.bys81-premium .content :is(button,.btn,[role="button"]){max-width:100%;overflow-wrap:anywhere}
 body.app-body.bys75-sidebar.bys81-premium .content :is(.page-intro,.panel-title,.toolbar){overflow-wrap:anywhere}
 body.app-body.bys75-sidebar.bys81-premium :is(.toast-area,#toastArea){position:fixed;z-index:250;right:max(12px,env(safe-area-inset-right,0px));left:auto;bottom:calc(78px + env(safe-area-inset-bottom,0px));width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px)}
 body.app-body.bys75-sidebar.bys81-premium :is(.nova-notice-popover,.bys-ai-panel){position:fixed;box-sizing:border-box;max-width:calc(100vw - 24px);width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 92px - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain}
 body.app-body.bys75-sidebar.bys81-premium :is(.nova-payment-dialog,dialog.modal[open],.bys64-help-dialog[open],.bys62-quick-dialog[open]){box-sizing:border-box;width:min(620px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto;overscroll-behavior:contain}
 body.app-body.bys75-sidebar.bys81-premium .nova-payment-dialog iframe{width:100%;max-width:100%;min-width:0}
 body.app-body.bys75-sidebar.bys81-premium :is(.bys55-mobile-bottom,.bys55-bottom-nav,.bys-mobile-tabs){box-sizing:border-box;max-width:100vw;padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media(max-width:720px){
 body.app-body.bys75-sidebar.bys81-premium .topbar .bys54-global-search{display:none!important}
 body.app-body.bys75-sidebar.bys81-premium .topbar .user-chip,
 body.app-body.bys75-sidebar.bys81-premium .topbar .date-pill{display:none!important}
 body.app-body.bys75-sidebar.bys81-premium .topbar .bys54-quick-wrap{display:none}
 body.app-body.bys75-sidebar.bys81-premium .topbar-left .crumb{max-width:28vw}
 body.app-body.bys75-sidebar.bys81-premium .content :is(.stats-grid,.mini-grid,.bys55-mobile-kpis){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.app-body.bys75-sidebar.bys81-premium .content :is(.bys54-dashboard,.bys64-focus,.panel,.item-card){max-width:100%;min-width:0}
 body.app-body.bys75-sidebar.bys81-premium .page-intro{align-items:stretch}
 body.app-body.bys75-sidebar.bys81-premium .page-intro :is(h1,h2,p){overflow-wrap:anywhere}
 body.app-body.bys75-sidebar.bys81-premium .content :is(.btn,button:not([class*="close"])){min-height:40px}
 body.app-body.bys75-sidebar.bys81-premium .bys81-user-panel{max-width:min(290px,calc(100vw - 22px));right:0}
}
@media(max-width:430px){
 body.app-body.bys75-sidebar.bys81-premium .topbar .crumb{display:none}
 body.app-body.bys75-sidebar.bys81-premium .topbar-actions{max-width:calc(100% - 70px)}
 body.app-body.bys75-sidebar.bys81-premium .content :is(.stats-grid,.mini-grid,.bys64-focus-stats){grid-template-columns:minmax(0,1fr)}
 body.app-body.bys75-sidebar.bys81-premium .content{padding:13px 11px calc(112px + env(safe-area-inset-bottom,0px))!important}
 body.app-body.bys75-sidebar.bys81-premium .content :is(.panel,.item-card){padding:13px}
}
@media(max-width:767px){
 html:has(body.bys55-public.bys81-public){overflow-x:clip}
 body.bys55-public.bys81-public{max-width:100%;overflow-x:clip}
 html body.bys61-landing.bys81-public > main > section.bys-home-showcase{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important}
 body.bys55-public.bys81-public :is(.landing-hero,.landing-section,.landing-footer,.landing-final-cta,.bys61-hero-grid,.bys61-hero-content,.bys61-hero-art,.bys-home-showcase){box-sizing:border-box;max-width:100%;min-width:0}
 body.bys55-public.bys81-public .landing-header{box-sizing:border-box;width:100%;max-width:100%;padding:12px max(12px,env(safe-area-inset-left,0px));gap:9px}
 body.bys55-public.bys81-public .landing-header :is(.landing-logo,.landing-nav,.landing-ctas){min-width:0;max-width:100%}
 body.bys55-public.bys81-public .landing-logo{overflow-wrap:anywhere}
 body.bys55-public.bys81-public .landing-hero{min-height:0;padding:clamp(24px,6vw,48px) 16px}
 body.bys55-public.bys81-public .bys61-hero-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:23px}
 body.bys55-public.bys81-public .landing-section{padding-inline:16px}
 body.bys55-public.bys81-public :is(.landing-ctas,.bys61-hero-buttons){display:flex;flex-wrap:wrap;gap:10px}
 body.bys55-public.bys81-public :is(.landing-button,.landing-ctas>a){min-height:44px;max-width:100%;white-space:normal}
 body.bys55-public.bys81-public :is(.landing-hero h1,.landing-section h2){overflow-wrap:anywhere}
 body.bys55-public.bys81-public :is(img,video,canvas){max-width:100%;height:auto}
 body.bys55-public.bys81-public :is(input,textarea,select){font-size:16px;max-width:100%}
 body.bys55-public.bys81-public #bysGuestChat{max-width:calc(100vw - 20px);right:max(10px,env(safe-area-inset-right,0px))}
 body.bys55-public.bys81-public #bysGuestPanel{max-width:calc(100vw - 20px);max-height:calc(100dvh - 25px - env(safe-area-inset-bottom,0px))}
}
@media(max-width:767px){
 html:has(body.bys8-page.bys81-auth){overflow-x:clip}
 body.bys8-page.bys81-auth{max-width:100%;overflow-x:clip}
 body.bys8-page.bys81-auth :is(.bys8-layout,.bys8-content,.bys8-content-inner,.bys8-flow,.bys8-login-form,.bys8-steps,.bys8-field-grid,.bys8-plans,.bys8-buttons){min-width:0;max-width:100%;box-sizing:border-box}
 body.bys8-page.bys81-auth .bys8-layout{display:block;width:100%;min-height:calc(100dvh - 70px)}
 body.bys8-page.bys81-auth .bys8-content{width:100%;margin:0;padding:22px clamp(12px,4vw,24px) 38px}
 body.bys8-page.bys81-auth .bys8-content-inner{width:100%;margin:0 auto}
 body.bys8-page.bys81-auth .bys8-header{box-sizing:border-box;width:100%;max-width:100%;padding-inline:clamp(12px,4vw,24px)}
 body.bys8-page.bys81-auth .bys8-header-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:7px;min-width:0}
 body.bys8-page.bys81-auth .bys8-header-actions>*{min-width:0}
 body.bys8-page.bys81-auth :is(.bys8-field input,.bys8-login-form input,.bys8-field select,.bys8-password input){font-size:16px;box-sizing:border-box;max-width:100%;min-width:0}
 body.bys8-page.bys81-auth .bys8-password{display:flex;min-width:0;max-width:100%}
 body.bys8-page.bys81-auth .bys8-password input{flex:1 1 0}
 body.bys8-page.bys81-auth .bys8-step-panel{min-width:0;max-width:100%}
 body.bys8-page.bys81-auth .bys8-buttons{display:flex;flex-wrap:wrap;gap:9px}
 body.bys8-page.bys81-auth .bys8-buttons button{min-height:44px;flex:1 1 130px}
 body.bys8-page.bys81-auth :is(.bys8-plan,.bys8-review,.bys8-review dl){min-width:0;max-width:100%}
 body.bys8-page.bys81-auth .bys8-plan{gap:8px}
 body.bys8-page.bys81-auth .bys8-plan :is(.bys8-plan-body,.bys8-plan-cost){min-width:0;overflow-wrap:anywhere}
 body.bys8-page.bys81-auth :is(.bys8-login-title,.bys8-progress-heading){overflow-wrap:anywhere}
}
@media(max-width:390px){
 body.bys8-page.bys81-auth .bys8-header{gap:7px}
 body.bys8-page.bys81-auth .bys8-brand-text strong{font-size:16px}
 body.bys8-page.bys81-auth .bys8-signin{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 body.app-body.bys81-premium .sidebar,
 body.app-body.bys81-premium .sidebar .nav-link,
 body.bys55-public.bys81-public .landing-hero{animation:none!important;transition:none!important}
}



/* Bayi pages: independent portal with old CSS; safe mobile widths */
@media(max-width:767px){
 body.bys63-portal{box-sizing:border-box;width:100%;max-width:100%;overflow-x:clip}
 body.bys63-portal :is(.bys63-shell,.bys63-top,.bys63-top nav,.bys63-lead,.bys63-auth,.bys63-stack,.bys63-grid,.bys63-card){box-sizing:border-box;min-width:0;max-width:100%}
 body.bys63-portal .bys63-top{width:100%;height:auto;min-height:64px;padding:12px;flex-wrap:wrap;gap:8px}
 body.bys63-portal .bys63-top nav{flex-wrap:wrap;justify-content:flex-end;gap:8px}
 body.bys63-portal .bys63-shell{padding:18px 13px 40px;max-width:100%;margin:0}
 body.bys63-portal .bys63-auth{width:calc(100% - 26px);margin:28px auto;padding:20px 16px}
 body.bys63-portal :is(.bys63-stack input,.bys63-stack select,.bys63-stack textarea){box-sizing:border-box;width:100%;font-size:16px}
 body.bys63-portal :is(table,.bys63-table){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 body.bys63-portal :is(.bys63-btn,button){max-width:100%;min-height:44px}
}

