/* mobile polish patch */
@media (max-width:720px){
  .minati-auth-shell{
    width:calc(100% - 16px) !important;
    padding:12px 0 20px !important;
    min-height:auto !important;
    align-items:start !important;
  }
  .minati-auth-card .minati-form{grid-template-columns:1fr !important}
  .minati-auth-card input{font-size:16px}
  .minati-auth-card .brand-block{align-items:flex-start}
  .minati-auth-card .brand-block img{width:58px;height:58px}
  .minati-auth-card .title{font-size:22px !important}
  .minati-auth-card .support-box{padding:14px}
  .minati-auth-card .minati-btn{width:100%}
  .minati-topbar .minati-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .minati-topbar .minati-actions .minati-btn{width:100%}
  .enterprise-topbar .enterprise-actions{display:flex !important;flex-wrap:wrap !important;gap:8px}
  .enterprise-topbar .enterprise-actions .minati-btn{width:auto !important;flex:1 1 calc(50% - 8px);min-width:120px}
  .enterprise-topbar{padding-bottom:14px}
}

/* ── customer app mobile polish ── */
@media (max-width: 720px) {

  /* Bottom nav: 5-item compact */
  .minati-bottom-nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    padding: 6px 0 calc(6px + env(safe-area-inset-bottom));
  }
  .minati-bottom-nav a {
    gap: 3px;
    padding: 6px 2px;
    font-size: 10px;
  }
  .minati-bottom-nav .nav-ico svg {
    width: 20px;
    height: 20px;
  }

  /* Customer topbar compact on mobile */
  .customer-app-topbar {
    padding: 14px 16px 12px;
    gap: 10px;
  }
  .customer-header-main h1 {
    font-size: clamp(20px, 5vw, 28px);
  }
  .customer-top-actions {
    flex-wrap: wrap;
    gap: 8px;
  }
  .customer-top-actions .minati-btn {
    flex: 1 1 calc(50% - 8px);
    min-width: 120px;
  }

  /* Merchant grid: single column */
  .merchant-item-grid,
  .merchant-list-grid {
    grid-template-columns: 1fr !important;
  }
  .merchant-partner-card {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }
  .merchant-partner-logo {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    border-radius: 16px;
    object-fit: cover;
  }

  /* Cart: sticky footer */
  .merchant-cart-footer {
    position: sticky;
    bottom: 70px;
    background: #fff;
    border-top: 1px solid rgba(18,55,71,.08);
    padding: 12px 16px;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -8px 24px rgba(17,24,39,.08);
    z-index: 20;
  }
  .merchant-cart-footer .minati-inline-actions {
    flex-wrap: wrap;
    gap: 8px;
  }
  .merchant-cart-footer .minati-btn {
    flex: 1 1 calc(50% - 8px);
  }
  .merchant-cart-footer .minati-btn.primary {
    flex: 1 1 100%;
  }

  /* Order history: full width cards */
  .minati-grid, .minati-grid-2 {
    grid-template-columns: 1fr !important;
  }

  /* Stat pills: scroll horizontally */
  .minati-summary {
    overflow-x: auto;
    display: flex;
    gap: 10px;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }
  .minati-stat {
    flex-shrink: 0;
    min-width: 100px;
  }

  /* Hero card compact */
  .minati-hero-card.customer-hero {
    flex-direction: column;
    gap: 10px;
  }
  .hero-side-note {
    display: none;
  }

  /* Filter bar full width */
  .minati-filter-bar {
    padding: 12px 14px;
  }
  .minati-filter-grid {
    grid-template-columns: 1fr !important;
  }
  .minati-filter-grid .filter-actions {
    flex-direction: row;
    gap: 8px;
  }
  .minati-filter-grid .filter-actions .minati-btn {
    flex: 1;
  }

  /* Page body padding for bottom nav */
  .minati-wrap {
    padding-bottom: 80px;
  }
}

/* ── admin topbar mobile ── */
@media (max-width: 880px) {
  .enterprise-actions.compact {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .enterprise-action-btn {
    font-size: 12px;
    padding: 0 10px;
    min-height: 38px;
  }
}

/* ── CRITICAL: SVG icon stroke fix (prevents black blob) ── */
.nav-ico svg,
.btn-ico svg,
.minati-feature-icon svg,
.enterprise-icon svg,
.empty-icon svg,
.inline-icon-text svg {
  display: block;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 100%;
  height: 100%;
}

/* ── Customer home mobile premium ── */
@media (max-width: 720px) {

  /* Stat cards: 2-column compact grid */
  .minati-summary {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px;
    overflow: visible;
  }
  .minati-stat {
    padding: 14px 16px;
    border-radius: 18px;
  }
  .minati-stat span {
    font-size: 12px;
    color: #607286;
    display: block;
    margin-bottom: 4px;
  }
  .minati-stat b {
    font-size: 26px;
    line-height: 1;
    font-weight: 900;
    color: #10283c;
  }

  /* Customer topbar: app-bar style */
  .customer-app-topbar {
    background: linear-gradient(160deg,#0f5f6b,#2f9ca0);
    border-radius: 0 0 24px 24px;
    padding: 16px 16px 20px;
    color: #fff;
    border: none;
    box-shadow: 0 8px 28px rgba(14,103,112,.18);
    margin-bottom: 0;
  }
  .customer-app-topbar .customer-brand-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
  }
  .customer-app-topbar .brand-thumb {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    padding: 4px;
    background: rgba(255,255,255,.2);
    border: 1px solid rgba(255,255,255,.2);
  }
  .customer-app-topbar .minati-badge {
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.25);
    color: #fff;
    font-size: 10px;
    padding: 4px 9px;
  }
  .customer-app-topbar .customer-brand-title {
    font-size: 15px;
    font-weight: 900;
    color: #fff;
  }
  .customer-app-topbar h1 {
    font-size: 22px;
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
    margin: 0 0 6px;
  }
  .customer-app-topbar p {
    font-size: 13px;
    color: rgba(255,255,255,.88);
    line-height: 1.5;
    margin: 0 0 14px;
  }
  .customer-top-actions {
    display: flex;
    gap: 8px;
  }
  .customer-top-actions .minati-btn {
    flex: 1;
    min-height: 40px;
    font-size: 13px;
    border-radius: 14px;
    background: rgba(255,255,255,.15);
    border-color: rgba(255,255,255,.25);
    color: #fff;
  }
  .customer-top-actions .minati-btn.secondary {
    background: rgba(255,255,255,.95);
    color: #0f5f6b;
    border-color: transparent;
  }

  /* Profile menu pill on mobile topbar */
  .customer-header-menu {
    position: absolute;
    top: 14px;
    right: 14px;
  }
  .customer-app-topbar {
    position: relative;
  }
  .customer-header-side {
    display: none;
  }

  /* Shortcut card compact */
  .customer-shortcut-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.2);
    color: #fff;
    margin-top: 12px;
    text-decoration: none;
  }
  .customer-shortcut-card .shortcut-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: rgba(255,255,255,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .customer-shortcut-card .shortcut-icon svg {
    width: 18px;
    height: 18px;
    stroke: #fff;
  }
  .customer-shortcut-card strong {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
  }
  .customer-shortcut-card small {
    display: block;
    font-size: 12px;
    color: rgba(255,255,255,.82);
    margin-top: 2px;
  }

  /* Hero card hide on mobile — redundant with topbar */
  .minati-hero-card.customer-hero {
    display: none;
  }

  /* Section cards tight */
  .minati-card {
    border-radius: 20px;
    padding: 16px;
  }
  .minati-card h2, .minati-card .h2 {
    font-size: 18px;
    margin-bottom: 12px;
  }

  /* Quick links: 2 column */
  .quick-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .quick-link {
    padding: 14px 14px;
    border-radius: 16px;
  }
  .quick-link strong {
    font-size: 13px;
  }
  .quick-link span {
    font-size: 11px;
  }
}

/* ── Bottom nav premium (5-item) ── */
.minati-bottom-nav {
  grid-template-columns: repeat(5, 1fr) !important;
  padding: 8px 6px calc(8px + env(safe-area-inset-bottom)) !important;
  gap: 0 !important;
}
.minati-bottom-nav a {
  min-height: 52px;
  padding: 6px 4px 4px !important;
  gap: 3px !important;
  font-size: 10px !important;
  font-weight: 700;
  color: #8fa8b4;
  border-radius: 14px;
  transition: background .12s, color .12s;
}
.minati-bottom-nav a.active {
  background: rgba(30,154,160,.1);
  color: #0f5f6b;
}
.minati-bottom-nav a .nav-ico {
  display: flex;
  align-items: center;
  justify-content: center;
}
.minati-bottom-nav a .nav-ico svg {
  width: 22px;
  height: 22px;
}

/* ── Merchant card on customer list ── */
@media (max-width: 600px) {
  .merchant-partner-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
  }
  .merchant-partner-logo {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    object-fit: cover;
    flex-shrink: 0;
  }
  .merchant-partner-body { flex: 1; min-width: 0; }
  .merchant-item-title { font-size: 15px; margin-bottom: 3px; }
  .merchant-item-desc { display: none; }
  .merchant-item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 6px;
  }
}

/* ── Admin report KPI responsive ── */
@media (max-width: 600px) {
  .report-kpi-grid { grid-template-columns: 1fr 1fr; }
  .report-decision-grid { grid-template-columns: 1fr; }
  .report-module-grid { grid-template-columns: 1fr; }
}