@media (max-width:700px){
  html{scroll-padding-bottom:100px} input,textarea,select,#chat-input{font-size:16px!important}
  #chat-input{line-height:1.55!important;min-height:52px;overflow-wrap:anywhere}
  #message-input-container{margin-bottom:env(safe-area-inset-bottom,0px)}
  .response-content-container{font-size:16px!important;line-height:1.75!important;overflow-wrap:anywhere}
  .response-content-container table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .response-content-container pre{max-width:100%;overflow-x:auto}
  .oceano-mobile-tools{padding:10px 10px 4px;font-family:system-ui,sans-serif}
  .oceano-mobile-row{display:flex;gap:6px;align-items:center}
  .oceano-mobile-row button{flex:1;min-height:44px;font-size:14px;border:1px solid #97b8be;border-radius:12px;color:#073b46;background:#edf6f7;white-space:nowrap;padding:8px 4px}
  .oceano-mobile-row button:last-child{flex:0 0 44px;font-size:18px}
  .oceano-knowledge-row{margin-top:6px}
  .oceano-knowledge-row button:last-child{flex:1;font-size:14px}
  .oceano-mobile-tip{font-size:12px;color:#53656a;margin:5px 0 0;line-height:1.4}
  .oceano-mobile-network{position:fixed;z-index:1000;top:env(safe-area-inset-top,0px);left:8px;right:8px;padding:12px;border-radius:10px;background:#fff3cd;color:#483900;font-size:14px}
  .oceano-mobile-auth-note{max-width:360px;padding:12px 16px;margin:8px auto;font-size:14px;line-height:1.6;text-align:center;color:#53656a}
}
@media(min-width:701px){.oceano-mobile-tools,.oceano-mobile-auth-note{display:none}}
.oceano-mobile-dialog{box-sizing:border-box;max-width:calc(100vw - 24px);width:min(92vw,410px);max-height:85dvh;overflow:auto;padding:22px;border:0;border-radius:20px;background:#fff;color:#10292e;box-shadow:0 12px 45px #0004;font-family:system-ui,sans-serif}
.oceano-mobile-dialog::backdrop{background:#0008}
.oceano-mobile-dialog h2{margin:0 0 12px;font-size:21px}
.oceano-mobile-dialog p,.oceano-mobile-dialog li{font-size:15px;line-height:1.65}
.oceano-mobile-dialog input{box-sizing:border-box;width:100%;min-height:48px;font-size:16px;padding:10px;border:1px solid #9badb2;border-radius:10px;margin:8px 0 16px;color:#10292e;background:white}
.oceano-mobile-dialog textarea,.oceano-mobile-dialog select{box-sizing:border-box;width:100%;font-size:16px;padding:10px;border:1px solid #9badb2;border-radius:10px;margin:8px 0 16px;color:#10292e;background:white}
.oceano-mobile-dialog button{min-height:46px;font-size:16px;padding:10px 16px;border-radius:10px;border:1px solid #9badb2;background:#f0f6f7;color:#073b46}
.oceano-mobile-dialog .primary{background:#073b46;color:white;flex:1}
.oceano-mobile-dialog .actions{display:flex;gap:10px}
.oceano-mobile-dialog .error{color:#a02727;font-size:14px}
@media(prefers-color-scheme:dark){.oceano-mobile-tip,.oceano-mobile-auth-note{color:#bbcbd0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Oceano refinement: preserve all existing Open WebUI components and controls. */
@media(max-width:700px){
  .oceano-mobile-row{gap:7px}
  .oceano-mobile-row button{min-height:40px;font-size:12px;font-weight:500;border:1px solid #e4e7eb;border-radius:11px;background:#f8f9fa;color:#3e4b52;padding:8px 7px}
  .oceano-mobile-row button:hover{background:#eef1f3}
  .oceano-mobile-tools{padding:8px 8px 3px}
  .oceano-mobile-tip{font-size:10px;line-height:1.6;color:#7c858c;margin-top:7px}
  .oceano-mobile-dialog{border-radius:22px;padding:23px;color:#252b31;box-shadow:0 20px 70px #0003}
  .oceano-mobile-dialog h2{font-size:20px;letter-spacing:-.5px}
  .oceano-mobile-dialog button{border-radius:12px;border-color:#e0e4e7;background:#f8f9fa;color:#34444c}
  .oceano-mobile-dialog .primary{background:#172f36;color:white;border-color:#172f36}
  .response-content-container{line-height:1.8!important}
}
html.dark .oceano-mobile-row button{background:#25282d;color:#e2e7eb;border-color:#383d43}
html.dark .oceano-mobile-tip{color:#a6afb7}

body.oceano-staff-interface #model-selector-model-button{display:none!important}

/* Model choices appear only after the current administrator identity is confirmed. */
body:not(.oceano-director-interface) #model-selector-model-button{display:none!important}