.mobile-only{display:none}
.owner-page .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.owner-content{display:flex;flex-direction:column;gap:18px}
.owner-content>.page-header{margin-bottom:0}
.owner-content>.stat-grid{gap:16px}
.owner-content>.service-grid{gap:16px}
.owner-content>.category-grid{gap:16px}
.owner-content>.chart-grid{gap:18px}
.owner-content>.panel,
.owner-content>.toolbar,
.owner-content>.table-panel{margin:0}
.owner-sidebar{gap:6px}

.owner-page .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.owner-page .category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.owner-page .chart-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)}
.owner-page .stat-card,.owner-page .service-card,.owner-page .category-card,.owner-page .panel,.owner-page .toolbar{min-width:0;max-width:100%}
.owner-page .stat-card strong,.owner-page .service-card h3,.owner-page .service-card p,.owner-page .category-card span,.owner-page .category-card small{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.owner-page .section-header>div,.owner-page .page-header>div,.owner-page .service-card>div,.owner-page .panel>div{min-width:0;max-width:100%}
.owner-page .setting-row>div,.owner-page .setting-row small{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.owner-page .setting-row small{display:block}
.owner-page .button,.owner-page .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.owner-page .chart-wrap{min-width:0;max-width:100%;overflow:hidden}
.owner-page canvas{max-width:100%!important}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,1fr)}.app-shell{grid-template-columns:200px minmax(0,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.owner-layout{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:860px){
.owner-page .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.owner-page .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.owner-page .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.owner-page .chart-grid{grid-template-columns:minmax(0,1fr)}
.site-header{padding:0 14px}.mobile-only{display:grid}.site-header .brand{margin-right:auto}.header-search{display:none}.sidebar{position:fixed;left:0;top:var(--header);bottom:0;height:auto;width:280px;transform:translateX(-105%);transition:transform .2s ease;z-index:var(--z-drawer);background:var(--bg);box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.drawer-backdrop{position:fixed;inset:var(--header) 0 0 0;background:rgba(0,0,0,.55);z-index:calc(var(--z-drawer) - 1);display:none}.drawer-backdrop.open{display:block}.app-shell{display:block}.main-content{padding-bottom:0}.bottom-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:var(--nav);display:grid;;background:var(--deep);border-top:1px solid var(--border);padding:6px 6px env(safe-area-inset-bottom)}.bottom-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:10px;min-height:44px}.bottom-item.active{color:var(--action)}
.bottom-item svg{width:32px;height:32px;max-width:32px;max-height:32px;min-width:32px;min-height:32px;flex:0 0 32px;display:block;transform:scale(.8);transform-origin:center}.site-footer{grid-template-columns:1fr;gap:22px;margin-top:0;padding:20px 14px calc(88px + env(safe-area-inset-bottom));border-top:1px solid var(--border);box-sizing:border-box}.two-column,.product-detail,.cart-layout,.checkout-layout,.chart-grid{grid-template-columns:1fr}.owner-layout{display:block}.owner-sidebar{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:16px}.form-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .button{grid-column:1/-1}.content-list{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero-stat{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){
.owner-page .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.owner-page .service-grid,.owner-page .category-grid{grid-template-columns:minmax(0,1fr)}
.owner-page .page-header,.owner-page .section-header{min-width:0;max-width:100%}
.owner-page .filter-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}
.owner-page .filter-bar>*{min-width:0;max-width:100%}

.owner-page,.owner-layout,.owner-content,.owner-sidebar{min-width:0;max-width:100%}
.owner-content .panel,.owner-content .toolbar,.owner-content .table-panel{min-width:0;max-width:100%}

.table-scroll{overflow:visible;min-width:0;max-width:100%;width:100%}.table-scroll table{min-width:0!important;width:100%!important;max-width:100%!important;table-layout:fixed}.table-scroll table,.table-scroll thead,.table-scroll tbody,.table-scroll tr,.table-scroll th,.table-scroll td{display:block;width:100%;max-width:100%;min-width:0}.table-scroll thead{position:absolute;left:-9999px;top:-9999px}.table-scroll tr{margin-bottom:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:10px}.table-scroll td{border:0;padding:8px 4px;display:grid;grid-template-columns:minmax(90px,34%) 1fr;gap:10px;word-break:break-word}.table-scroll td::before{content:attr(data-label);font-weight:700;color:var(--muted);text-transform:capitalize}.table-scroll td[colspan]{display:block}.table-scroll td[colspan]::before{display:none}.table-scroll td{overflow-wrap:anywhere;word-break:break-word}
.table-scroll td>*{max-width:100%;min-width:0}
.table-scroll .table-actions{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}
.table-scroll .table-actions .button{flex:0 1 auto;max-width:100%;white-space:normal}
.table-scroll td:not([colspan]){white-space:normal}
.page-shell{padding:20px 14px 28px}.page-header{align-items:flex-start;flex-direction:column}.page-header .header-actions{width:100%;flex-wrap:wrap}.page-header .header-actions .button{flex:1}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-body{padding:11px}.product-title{font-size:14px}.product-price{font-size:16px}.product-actions{flex-direction:column}.service-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr 1fr}.hero{padding-top:22px}.hero p{font-size:15px}.hero-stat{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.detail-copy{padding:18px}.detail-actions{position:sticky;bottom:calc(var(--nav) + 8px);z-index:18;flex-direction:row;padding:10px;margin:14px -4px 6px;background:rgba(34,38,53,.96);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.detail-actions .button{flex:1}.amount-grid{grid-template-columns:1fr 1fr}.cart-item{grid-template-columns:56px 1fr}.cart-item>img,.cart-thumb{width:56px;height:50px}.cart-item>.align-right{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between}.notification-card{grid-template-columns:auto 1fr}.notification-card .button{grid-column:2;justify-self:start}.deposit-history-card{gap:12px;padding:12px 14px}.deposit-history-card .align-right{max-width:42%}.deposit-reference{font-size:13px}.owner-sidebar{grid-template-columns:repeat(4,minmax(0,1fr))}.faq-list summary{grid-template-columns:70px 1fr auto}.message{max-width:94%}.ranking-card{grid-template-columns:auto 1fr}.ranking-card>b{grid-column:2;text-align:left}.profile-chip .hide-mobile{display:none}}
@media(max-width:480px){.owner-sidebar{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:380px){.product-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}}


@media(max-width:860px){
  .bottom-nav{
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
    justify-items:stretch;
    gap:2px;
    padding:6px 8px env(safe-area-inset-bottom);
  }

  .bottom-nav .bottom-item{
    min-width:0;
    width:100%;
    height:100%;
    min-height:44px;
    padding:4px 2px 3px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    line-height:1;
    text-align:center;
    box-sizing:border-box;
  }

  .bottom-nav .bottom-item svg{
    flex:0 0 32px;
    width:32px;
    height:32px;
    margin:0;
    transform:scale(.8);
    transform-origin:center;
  }

  .bottom-nav .bottom-item span{
    display:block;
    width:100%;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.1;
  }
}

/* Mobile UI refinements */
@media(max-width:860px){
  .site-footer > *{
    min-width:0;
    max-width:100%;
  }

  .site-footer p{
    margin:0;
    color:var(--muted-strong);
    line-height:1.55;
  }

  .site-footer .footer-links{
    display:flex;
    flex-direction:column;
    gap:6px;
  }

  .site-footer a{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    width:max-content;
    max-width:100%;
    color:var(--muted-strong);
    text-decoration:none;
    line-height:1.4;
  }

  .site-footer a:hover{
    color:var(--action);
  }

  .site-footer > :last-child{
    padding-top:14px;
    border-top:1px solid var(--border);
    text-align:center;
    color:var(--muted);
  }

  .home-page .hero h1{
    font-size:20px;
    line-height:1.08;
    letter-spacing:-.025em;
    max-width:420px;
  }

  .home-page .section-header h2,
  .home-page .two-column h2{
    font-size:20px;
    line-height:1.25;
    letter-spacing:-.015em;
  }
}

@media(max-width:480px){
  .home-page .hero h1{
    font-size:20px;
    line-height:1.1;
    max-width:340px;
  }

  .home-page .section-header h2,
  .home-page .two-column h2{
    font-size:20px;
  }
}

@media(max-width:380px){
  .home-page .hero h1{
    font-size:20px;
    line-height:1.12;
    max-width:300px;
  }
}

/* JYYR BOTTOM NAV POSITION */
@media(max-width:860px){
  .bottom-nav{
  }

  .bottom-nav .bottom-item[href="/store"]{
    grid-column:1;
  }

  .bottom-nav .bottom-item[href="/orders"]{
    grid-column:2;
  }

  .bottom-nav .bottom-item[href="/"]{
    grid-column:3;
  }

  .bottom-nav .bottom-item[href="/deposit"]{
    grid-column:4;
  }

  .bottom-nav .bottom-item[href="/profile"]{
    grid-column:5;
  }
}

/* =========================================================
   JYYR OWNER ACTIONS — COMPACT RESPONSIVE
   ========================================================= */

.owner-page .table-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
}

.owner-page .table-actions .button{
  flex:0 0 auto;
  width:auto;
  min-width:0;
  max-width:100%;
  height:32px;
  min-height:32px;
  padding:0 10px;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}

.owner-page .inline-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}

.owner-page .inline-actions .button{
  flex:0 0 auto;
  width:auto;
}

.modal .button-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  min-width:0;
}

.modal .button-grid .button{
  width:100%;
  min-width:0;
}

.modal .inline-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}

.modal .inline-actions .button{
  flex:0 1 auto;
  min-width:110px;
}

@media(max-width:600px){
  .owner-page .table-scroll td:has(.table-actions){
    display:block;
    padding:10px 4px;
  }

  .owner-page .table-scroll td:has(.table-actions)::before{
    display:none;
  }

  .owner-page .table-scroll .table-actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
    gap:6px;
  }

  .owner-page .table-scroll .table-actions .button{
    width:100%;
    min-width:0;
    height:32px;
    min-height:32px;
    padding:0 8px;
    font-size:11px;
    white-space:nowrap;
  }

  .owner-page .inline-actions{
    width:100%;
    justify-content:flex-end;
  }

  .owner-page .inline-actions .button{
    flex:0 1 auto;
  }

  .modal .button-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }

  .modal .button-grid .button{
    height:40px;
    min-height:40px;
    padding:0 9px;
    font-size:12px;
  }

  .modal .inline-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .modal .inline-actions .button{
    width:100%;
    min-width:0;
  }

  .owner-page .toolbar .filter-bar .button{
    grid-column:auto;
    width:auto;
    justify-self:end;
  }
}

@media(max-width:380px){
  .owner-page .table-scroll .table-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .owner-page .table-scroll .table-actions .button{
    padding:0 7px;
    font-size:10.5px;
  }
}

.owner-filter-bar{
  display:flex;
  flex-direction:row;
  align-items:flex-end;
  gap:12px;
}

.owner-filter-search{
  flex:1 1 auto;
  min-width:0;
}

.owner-filter-status{
  flex:0 0 230px;
  width:230px;
}

.owner-filter-submit{
  flex:0 0 112px;
  width:112px;
}

@media(max-width:860px){
  .owner-filter-bar{
    flex-wrap:wrap;
  }

  .owner-filter-search{
    flex:1 1 calc(100% - 242px);
    min-width:0;
  }

  .owner-filter-status{
    flex:0 0 230px;
    width:230px;
  }

  .owner-filter-submit{
    flex:1 1 100%;
    width:100%;
  }
}

@media(max-width:600px){
  .owner-filter-bar{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  .owner-filter-search,
  .owner-filter-status,
  .owner-filter-submit{
    width:100%;
    min-width:0;
    flex:0 0 auto;
  }

  .owner-filter-menu{
    top:calc(100% + 6px);
  }
}