@import url('./auth.css');
/* Phone browser is the primary workplace; no installation is required. */
.mobile-nav{display:none}
@media(max-width:700px){
  html{scroll-padding-bottom:100px}
  body{min-height:100dvh}
  aside{padding:16px 18px;border-bottom:1px solid var(--line)}
  aside nav{display:none}
  .brand{padding:0;letter-spacing:1.5px}
  .logo{width:34px;height:38px;font-size:25px;border-radius:10px}
  .brand small{letter-spacing:.8px;margin-top:4px}
  main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  header{height:45px}
  .page-heading{margin:20px 0}
  .eyebrow{display:none}
  h1{font-size:26px}
  #subtitle{line-height:1.5}
  input,select,textarea{font-size:16px;min-height:48px}
  button,.primary{min-height:48px;padding:14px 18px}
  .buttons{gap:10px}
  .buttons>*{flex:1;text-align:center}
  .panel{border-radius:12px}
  .mobile-nav{position:fixed;z-index:20;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#091a28f5;backdrop-filter:blur(14px);border-top:1px solid #385369;gap:2px}
  .mobile-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:55px;padding:6px 0;color:var(--muted);border:0;border-radius:8px;font-size:10px;white-space:nowrap}
  .mobile-nav a b{font-size:22px;line-height:22px;width:auto}
  .mobile-nav a.active{color:var(--cyan);background:#163c4b;box-shadow:none}
  #toast{bottom:calc(90px + env(safe-area-inset-bottom));right:16px;left:16px;max-width:none;font-size:13px}
  .camera-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
  .camera-actions label{min-height:76px;border:1px solid #326479;border-radius:10px;align-content:center;text-align:center;background:#123649;color:var(--cyan);font-weight:600;font-size:14px;padding:14px}
}
.camera-actions input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.camera-actions label:focus-within{outline:2px solid var(--cyan);outline-offset:2px}
@media(min-width:701px){.camera-actions{display:flex;gap:15px;margin-top:20px}.camera-actions label{padding:18px;border:1px dashed #3c6277;border-radius:8px;cursor:pointer}}