/* Same floating island geometry as admin navigation, in cabinet colours. */
@media(min-width:761px){
  #cabinet.app{grid-template-columns:234px minmax(0,1fr)}
  #cabinet>.rail{position:sticky;top:16px;height:calc(100dvh - 32px);width:202px;margin:16px 0 16px 16px;padding:20px 12px 12px;border:1px solid #91b8a333!important;border-radius:24px;background:linear-gradient(160deg,#1c3027eb,#101e18f2)!important;box-shadow:0 18px 48px #00000035,0 2px 8px #00000024,inset 0 1px 0 #ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;min-height:0}
  #cabinet>.rail .brand{flex-shrink:0;padding:0 8px}
  #cabinet .rail-nav{flex:1;min-height:0;align-content:start;overflow-y:auto;overflow-x:hidden;margin-top:30px;padding-right:2px;scrollbar-width:thin;scrollbar-color:#486655 transparent}
  #cabinet .rail .nav{min-height:42px;padding:11px 10px;border:1px solid transparent;border-radius:12px;box-shadow:none;transform:none}
  #cabinet .rail .nav:hover{background:#ffffff08}
  #cabinet .rail .nav.active{background:#355348!important;border-color:#bad9c51a;box-shadow:inset 0 1px 0 #ffffff08}
  #cabinet .rail-bottom{flex-shrink:0;margin-top:12px;padding:12px 0 0;border-top:1px solid #8ead9b26}
  #cabinet .rail-bottom .nav{padding:10px;min-height:38px}
}
@media(max-width:760px){
  body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  #cabinet>#mobile-nav{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:8px 6px;border:1px solid #91b8a333;border-radius:22px;background:linear-gradient(160deg,#1c3027ed,#101e18f5);box-shadow:0 12px 36px #00000040,inset 0 1px 0 #ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  #cabinet>#mobile-nav .nav{min-height:45px;border-radius:14px;transform:none}
  #cabinet>#mobile-nav .nav.active{background:#355348;color:#e4f5ec}
  #toast{bottom:calc(100px + env(safe-area-inset-bottom,0px))}
}