/* Independent mobile-admin layout, desktop stays unchanged. */
@media(max-width:767px){
:root{font-size:15px}
body{overflow-x:clip}
.shell{padding:15px 16px max(36px,env(safe-area-inset-bottom))!important}
.top{align-items:flex-start;gap:10px;padding-bottom:15px}
.brand{font-size:13px;line-height:1.5;letter-spacing:.015em}
.top>a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;text-align:right;font-size:13px}
h1{font-size:clamp(27px,7vw,33px);line-height:1.16;margin:25px 0 11px}
.panel{padding:20px 17px;border-radius:13px}
.login{margin:33px auto 0;max-width:520px}
.login input[type=password]{min-width:0;width:100%;height:50px;font-size:16px}
.login button{min-height:50px}
.login .remember-option{display:flex;gap:10px;font-size:13px;line-height:1.45;align-items:flex-start}
.login .remember-option input{width:18px;height:18px;flex:0 0 18px;margin-top:2px}
#dashboard>.row{gap:14px}
#dashboard>.row h1{margin-top:18px}
#logout{min-height:44px}
.toolbar{align-items:stretch;gap:14px;margin:19px 0}
.tabs{width:100%;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.tabs button{white-space:nowrap;min-height:45px;flex:0 0 auto;padding:10px 12px}
.toolbar>.row{justify-content:space-between;gap:10px}
#refresh{min-height:44px}
#order{min-height:44px;font-size:16px}
.card{padding:17px;border-radius:12px}
.cardhead{gap:8px;align-items:flex-start}
.card h3{font-size:17px;overflow-wrap:anywhere}
.card p{font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.card .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.card .row button{width:100%;min-width:0;min-height:46px;padding:9px 11px;line-height:1.3;font-size:13px}
.notice{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
}
@media(max-width:355px){.card .row{grid-template-columns:1fr}.brand{font-size:12px}}

/* Pulido de panel de reseñas en celular */
@media(max-width:767px){
  .shell{padding-inline:clamp(14px,4vw,19px)!important}
  .top{align-items:center}
  .panel{box-shadow:0 5px 19px rgba(9,30,55,.04)}
  .tabs{scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tabs button{min-height:44px;border-radius:9px}
  .toolbar{gap:11px}
  .card{margin-bottom:12px;padding:16px!important;box-shadow:0 4px 15px rgba(9,30,55,.04)}
  .card .row button{min-height:46px;line-height:1.4}
  .card h3{line-height:1.3}
  #refresh,#logout{min-height:44px}
  input,select{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.tabs{scroll-behavior:auto}}

/* Quitar resaltado táctil azul en moderación móvil. */
@media(max-width:767px){
  html,body,body *{-webkit-tap-highlight-color:transparent!important}
  button,a,summary,[role="button"],[role="tab"]{-webkit-user-select:none;user-select:none;touch-action:manipulation}
  button:focus-visible,a:focus-visible,[role="button"]:focus-visible{outline:3px solid #d39427;outline-offset:3px}
}

@media (max-width:767px) and (hover:none){html,body,body *,body *::before,body *::after{-webkit-tap-highlight-color:rgba(0,0,0,0)!important}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none!important}}