/* Shared navigation and music only; does not restyle application forms/tables. */
html.rg-shell-active { overflow:hidden!important }
.rg-shell-active body { overflow:hidden!important; margin:0!important }
.rg-shell-active body > :not(#rg-page-frame):not(#ss2-music-player):not(.rg-navigation-status):not(script):not(style) { display:none!important }
#rg-page-frame { position:fixed; inset:0; width:100%; height:100%; height:100dvh; border:0; background:#f8f5eb; z-index:9990 }
.rg-navigation-status { position:fixed; top:16px; left:50%; transform:translateX(-50%); z-index:10002; padding:14px 24px; border-radius:18px; background:#fff9e8; color:#173d32; box-shadow:0 6px 28px #0002; font:16px sans-serif; max-width:90vw }
.rg-navigation-status[hidden] { display:none }
body { padding-bottom:max(108px,env(safe-area-inset-bottom)) }
.rg-music-child body { padding-bottom:max(118px,env(safe-area-inset-bottom)) }
#ss2-music-player.rg-persistent-player { position:fixed!important; inset:auto 18px calc(12px + env(safe-area-inset-bottom)) auto!important; z-index:10000!important; display:grid; grid-template-columns:52px minmax(0,1fr) auto; gap:10px; align-items:center; width:min(500px,calc(100% - 36px)); padding:12px; border:1px solid #d9c994; border-radius:24px; background:#fffbee; color:#173d32; box-shadow:0 8px 35px #09271d26; font:14px/1.45 "Noto Sans Thai",sans-serif; box-sizing:border-box }
.rg-persistent-player img { width:52px;height:52px;object-fit:cover;border-radius:12px }
.rg-track { min-width:0;display:flex;flex-direction:column }
.rg-track small { font-size:9px;letter-spacing:.08em;color:#806329 }
.rg-track strong { white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
#ss2-music-status { display:block; font-size:11px }
.rg-controls { display:flex;align-items:center }
#ss2-music-player button:not(.music-collapse) { cursor:pointer;border:0;background:transparent;color:#173d32;min-width:36px;min-height:44px;border-radius:50%;font-size:23px }
#ss2-music-player #ss2-music-toggle { background:#173d32;color:#fff9e8;width:44px;font-size:17px }
.rg-progress { height:3px;background:#dce3d8;margin-top:5px;overflow:hidden;border-radius:9px }
.rg-progress i { display:block;height:100%;background:#be8750;width:0 }
#ss2-music-player .music-collapse { display:none!important }
#ss2-music-player.rg-persistent-player[hidden] { display:none!important }
#ss2-music-player.rg-persistent-player #ss2-music-prev,#ss2-music-player.rg-persistent-player #ss2-music-next { display:inline-block!important }
:where(a,button,input,textarea,select):focus-visible { outline:3px solid #ca8e31;outline-offset:4px }
@media(max-width:550px) { #ss2-music-player.rg-persistent-player { right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:calc(100% - 16px);grid-template-columns:40px minmax(0,1fr) auto;gap:7px;padding:9px 10px;border-radius:20px } .rg-persistent-player img { width:40px;height:40px } #ss2-music-player button:not(.music-collapse) { min-width:30px } .rg-track strong {font-size:12px} .rg-track small {font-size:8px} }
@media(prefers-reduced-motion:reduce) { .rg-persistent-player * { animation:none!important;transition:none!important } }