/* CATNARA V117 · independently themed CLASSIC mobile web. Desktop and
   administrator CMS are untouched. The standard CLASSIC layout stays native. */
@media(max-width:820px){
 html[data-mobile-experience="classic"][data-view-mode="public"][data-catnara-web-theme="independent"] body{
  --ui-bg:var(--catweb-bg);
  --ui-surface:var(--catweb-surface);
  --ui-soft:color-mix(in srgb,var(--catweb-accent) 9%,var(--catweb-surface));
  --ui-accent:var(--catweb-accent);
  --ui-accent-text:var(--catweb-on-accent);
  --ui-text:var(--catweb-text);
  --ui-muted:var(--catweb-muted);
  --ui-line:var(--catweb-line);
  background:var(--catweb-bg)!important;color:var(--catweb-text)!important;
 }
 html[data-mobile-experience="classic"][data-view-mode="public"][data-catnara-web-theme="independent"] body :is(.public-header,.mobile-site-bar,.mobile-menu-drawer,.mobile-bottom-nav){
  background:var(--catweb-surface)!important;border-color:var(--catweb-line)!important;
 }
 html[data-mobile-experience="classic"][data-view-mode="public"][data-catnara-web-theme="independent"] body :is(.section,.page-hero,.crew-portal-shell){
  color:var(--catweb-text);
 }
 html[data-mobile-experience="classic"][data-view-mode="public"][data-catnara-web-theme="independent"] body :is(.btn:not(.secondary):not(.danger),button.primary){
  background:var(--catweb-accent)!important;color:var(--catweb-on-accent)!important;
  border-color:var(--catweb-accent)!important;
 }
 html[data-mobile-experience="classic"][data-view-mode="public"][data-catnara-web-theme="independent"] body :is(.btn.secondary,.mobile-bottom-nav button.active){
  background:color-mix(in srgb,var(--catweb-accent) 11%,var(--catweb-surface))!important;
  color:var(--catweb-text)!important;
 }
 html[data-mobile-experience="classic"][data-view-mode="public"][data-catnara-web-theme="independent"] body :is(input,select,textarea):focus-visible{
  outline:2px solid var(--catweb-accent);outline-offset:2px;
 }
}