@media(max-width:767px){
 .dcc-app .dcc-mobile-header{justify-content:flex-start!important;gap:5px!important}
 .dcc-app .dcc-mobile-header [data-dcc-menu-toggle]{order:0}
 .dcc-app .dcc-mobile-header .dcc-theme-toggle{order:1;margin:0!important}
 .dcc-app .dcc-mobile-header .dcc-mobile-brand{order:2;min-width:0;margin-left:3px}
 .dcc-app .dcc-mobile-header .dcc-region-chip{order:3;margin-left:auto!important}
 .dcc-app .dcc-mobile-header .dcc-profile-shortcut{order:4;margin:0!important}
 .dcc-mobile-chips{align-items:center;gap:4px!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;pointer-events:auto;touch-action:pan-x}
 .dcc-mobile-chips::-webkit-scrollbar{display:none}
 .dcc-app .dcc-mobile-chips button{flex:0 0 auto;padding:7px 8px;font-size:11px;white-space:nowrap}
 .dcc-app .dcc-mobile-chips .dcc-style-chip{position:relative;display:block;margin:0!important;flex:0 0 94px;min-width:0;pointer-events:auto;border-radius:24px}
 .dcc-app .dcc-style-chip .dcc-style-face{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;height:35px;padding:7px 9px;border:1px solid #d8e5dd;border-radius:24px;background:#fffffff5;color:#536d5f;font-family:inherit;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;pointer-events:none;box-shadow:0 2px 7px #193f250e}
 .dcc-app .dcc-style-face svg{display:block;flex:0 0 12px}
 .dcc-app .dcc-style-chip select{box-sizing:border-box;position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;font-family:inherit;font-size:16px!important;cursor:pointer;z-index:1}
 .dcc-app .dcc-style-chip:focus-within{outline:2px solid #168447;outline-offset:2px}
}
html[data-dcc-theme=dark] .dcc-app .dcc-style-chip .dcc-style-face{background:var(--dcc-night-panel);color:var(--dcc-night-text);border-color:var(--dcc-night-line)}
@media(max-width:360px){
 .dcc-app .dcc-mobile-chips{gap:2px!important}
 .dcc-app .dcc-mobile-chips button{padding:7px 2px;font-size:10px;min-width:44px}
 .dcc-app .dcc-mobile-chips .dcc-style-chip{flex-basis:94px}
 .dcc-app .dcc-style-chip .dcc-style-face{font-size:10px}
}
