/* CreekBite refactor v1 polish layer
   Purpose: reduce clutter without rewriting all HTML yet. */

:root{
  --panel-soft:rgba(12,18,10,.82);
  --glass:rgba(15,22,12,.76);
}

body{padding-bottom:76px;}

/* Make main sections feel more premium and less boxed-in */
.section,.access-panel,.saved-trips-panel,.catch-log-list,.catch-form,.gear-section{padding:1rem clamp(.9rem,3vw,1.5rem);}
.card,.advice-card,.lure-card,.sp-score-card,.access-row,.catch-row,.str-row,.shop-card,.gear-card{
  border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}

/* Reduce dense dashboard feeling on small screens */
@media(max-width:700px){
  #topbar{padding:.65rem .85rem;}
  .tb-logo{font-size:1.15rem;}
  #tb-clock{display:none;}
  #refresh-btn{padding:.42rem .65rem;font-size:.55rem;}

  #bite-hero{
    margin:.75rem .75rem .5rem;
    border:1px solid rgba(106,174,212,.14);
    border-radius:16px;
    padding:1rem;
    background:linear-gradient(135deg,rgba(74,127,165,.13),rgba(74,92,58,.10));
  }
  .bite-meter{width:108px;height:108px;}
  .bite-info h2{font-size:1.25rem;}
  .bite-info p{font-size:.63rem;}

  #tab-nav{
    position:fixed;
    top:auto;
    bottom:0;
    left:0;
    right:0;
    z-index:1600;
    border-top:1px solid rgba(200,223,232,.12);
    border-bottom:none;
    background:rgba(15,22,12,.94);
    backdrop-filter:blur(14px);
    padding-bottom:env(safe-area-inset-bottom);
  }
  .tab-btn{
    padding:.88rem .25rem .75rem;
    font-size:.58rem;
    letter-spacing:.06em;
    border-bottom:none;
    border-top:2px solid transparent;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.18rem;
    line-height:1.2;
  }
  .tab-btn.active{border-top-color:var(--riffle);border-bottom-color:transparent;}

  #map{height:calc(100vh - 190px);min-height:430px;}
  .layer-bar,.map-legend,.trip-toolbar,.map-style-bar,.ww-search-bar{
    overflow-x:auto;
    flex-wrap:nowrap;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .layer-bar::-webkit-scrollbar,.map-legend::-webkit-scrollbar,.trip-toolbar::-webkit-scrollbar,.map-style-bar::-webkit-scrollbar,.ww-search-bar::-webkit-scrollbar{display:none;}
  .layer-toggle,.trip-btn,.style-btn{white-space:nowrap;}

  #ww-panel{
    top:auto;
    left:10px;
    right:10px;
    bottom:76px;
    width:auto;
    max-height:42vh;
    border-radius:16px;
  }

  .stat-grid{
    display:flex;
    overflow-x:auto;
    gap:.6rem;
    background:transparent;
    border-top:none;
    padding:.65rem .75rem .85rem;
    scrollbar-width:none;
  }
  .stat-grid::-webkit-scrollbar{display:none;}
  .stat-grid .card{
    min-width:132px;
    border:1px solid rgba(200,223,232,.07);
    background:rgba(255,255,255,.025);
  }
  .card-val{font-size:1.38rem;}

  .species-scores,.advice-grid,.lure-grid,.catch-grid,.override-grid,.shop-grid,.gear-grid{
    grid-template-columns:1fr;
  }
}

/* Hide less-important status noise unless the user needs it */
#fetch-row{font-size:.55rem;}
#last-updated{opacity:.55;}

/* Make dialogs feel more app-like */
.gate-card,.auth-modal,.profile-prompt-inner,.admin-modal,.shop-modal-inner,.prod-modal-inner,.order-modal-inner{
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.42);
}