/* V725 mobile app shell: isolated phone-browser layout */
.jz-mobile-topbar,
.jz-mobile-tabbar{display:none}

@media (max-width:900px){
  body.jz-mobile-shell-active:not(.supplier-public-mode){
    background:#eef3f9;
  }
  body.jz-mobile-shell-active:not(.supplier-public-mode) .mobile-nav-tools{
    display:none!important;
  }
  body.jz-mobile-shell-active:not(.supplier-public-mode) .sidebar{
    display:none!important;
    transform:translateX(-110%)!important;
    pointer-events:none!important;
  }
  body.jz-mobile-shell-active:not(.supplier-public-mode) .topbar{
    display:none!important;
  }
  body.jz-mobile-shell-active:not(.supplier-public-mode) .main-shell,
  body.jz-mobile-shell-active:not(.supplier-public-mode) .main-area{
    background:#eef3f9;
  }
  body.jz-mobile-shell-active:not(.supplier-public-mode) .content{
    height:100vh!important;
    min-height:100vh;
    overflow:auto;
    background:#eef3f9;
    padding:calc(86px + env(safe-area-inset-top,0px)) 12px calc(112px + env(safe-area-inset-bottom,0px))!important;
    -webkit-overflow-scrolling:touch;
  }
  body.jz-mobile-swiping:not(.supplier-public-mode) #content,
  body.jz-mobile-swiping:not(.supplier-public-mode) #jzMobileTopbar,
  body.jz-mobile-swiping:not(.supplier-public-mode) #jzMobileTabbar{
    transform:translate3d(var(--jz-swipe-x,0px),0,0);
    will-change:transform;
    transition:none!important;
    backface-visibility:hidden;
  }
  body.jz-mobile-swiping:not(.supplier-public-mode) #content{
    position:relative;
    z-index:90;
    box-shadow:-18px 0 34px rgba(15,23,42,.2);
  }
  body.jz-mobile-swiping:not(.supplier-public-mode) #jzMobileTopbar,
  body.jz-mobile-swiping:not(.supplier-public-mode) #jzMobileTabbar{
    z-index:100;
  }
  body.jz-mobile-swipe-animating:not(.supplier-public-mode) #content,
  body.jz-mobile-swipe-animating:not(.supplier-public-mode) #jzMobileTopbar,
  body.jz-mobile-swipe-animating:not(.supplier-public-mode) #jzMobileTabbar{
    transform:translate3d(var(--jz-swipe-x,0px),0,0);
    transition:transform .22s cubic-bezier(.22,.61,.36,1)!important;
  }
  .jz-mobile-swipe-preview{
    position:fixed;
    inset:0;
    z-index:60;
    overflow:hidden;
    pointer-events:none;
    background:#eef3f9;
    opacity:1;
    transform:translate3d(var(--jz-preview-x,-16%),0,0);
    will-change:transform;
    backface-visibility:hidden;
    contain:layout paint style;
  }
  .jz-mobile-swipe-preview.is-prepared{
    opacity:1;
  }
  .jz-mobile-swipe-preview.is-active{
    opacity:1;
  }
  .jz-mobile-swipe-topbar{
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:1;
    display:grid;
    grid-template-columns:54px minmax(0,1fr) 54px;
    align-items:end;
    min-height:calc(72px + env(safe-area-inset-top,0px));
    padding:calc(12px + env(safe-area-inset-top,0px)) 18px 13px;
    background:linear-gradient(180deg,#dbe9ff 0%,#dfeaff 72%,rgba(223,234,255,.92) 100%);
    box-shadow:0 1px 0 rgba(203,213,225,.55);
  }
  .jz-mobile-swipe-content{
    height:100vh!important;
    min-height:100vh;
    overflow:hidden!important;
    background:#eef3f9;
    padding:calc(86px + env(safe-area-inset-top,0px)) 12px calc(112px + env(safe-area-inset-bottom,0px))!important;
  }
  .jz-mobile-swipe-tabbar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    min-height:calc(88px + env(safe-area-inset-bottom,0px));
    padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));
    border-top:1px solid rgba(215,226,238,.95);
    background:rgba(250,252,255,.98);
    box-shadow:0 -10px 30px rgba(15,23,42,.08);
    transform:none!important;
  }

  body.jz-mobile-shell-active:not(.supplier-public-mode) .jz-mobile-topbar{
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:80;
    display:grid;
    grid-template-columns:54px minmax(0,1fr) 54px;
    align-items:end;
    min-height:calc(72px + env(safe-area-inset-top,0px));
    padding:calc(12px + env(safe-area-inset-top,0px)) 18px 13px;
    background:linear-gradient(180deg,#dbe9ff 0%,#dfeaff 72%,rgba(223,234,255,.92) 100%);
    box-shadow:0 1px 0 rgba(203,213,225,.55);
  }
  .jz-mobile-top-title{
    min-width:0;
    color:#030712;
    text-align:center;
    font-size:21px;
    line-height:1.1;
    font-weight:950;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .jz-mobile-topbtn{
    position:relative;
    appearance:none;
    -webkit-appearance:none;
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    background:transparent;
    color:#030712;
    display:grid;
    place-items:center;
    padding:0;
  }
  .jz-mobile-topspacer{
    width:42px;
    height:42px;
    display:block;
  }
  .jz-mobile-topbtn svg{
    width:30px;
    height:30px;
    fill:currentColor;
  }
  .jz-mobile-topbtn:active{
    background:rgba(255,255,255,.6);
    transform:scale(.98);
  }
  .jz-mobile-topbtn.is-hidden{
    visibility:hidden;
    pointer-events:none;
  }
  body.jz-mobile-shell-active:not(.supplier-public-mode) .jz-mobile-tabbar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:80;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    min-height:calc(88px + env(safe-area-inset-bottom,0px));
    padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));
    border-top:1px solid rgba(215,226,238,.95);
    background:rgba(250,252,255,.98);
    box-shadow:0 -10px 30px rgba(15,23,42,.08);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .jz-mobile-tabbar button{
    position:relative;
    appearance:none;
    -webkit-appearance:none;
    border:0;
    border-radius:16px;
    background:transparent;
    color:#5f6670;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-width:0;
    min-height:66px;
    padding:4px 2px;
    font:inherit;
    font-weight:850;
  }
  .jz-mobile-tabbar button.is-active{
    color:#2f80ed;
  }
  .jz-mobile-tab-icon{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
  }
  .jz-mobile-tab-icon svg{
    width:30px;
    height:30px;
    fill:currentColor;
  }
  .jz-mobile-tab-text{
    font-size:13px;
    line-height:1.15;
    white-space:nowrap;
  }
  .jz-mobile-tab-badge{
    position:absolute;
    top:5px;
    right:calc(50% - 30px);
    min-width:20px;
    height:20px;
    padding:0 6px;
    border-radius:999px;
    background:#ff514d;
    color:#fff;
    display:none;
    align-items:center;
    justify-content:center;
    font-size:12px;
    line-height:20px;
    font-weight:1000;
    box-shadow:0 0 0 2px rgba(250,252,255,.98);
  }
  .jz-mobile-tabbar .has-badge .jz-mobile-tab-badge{
    display:inline-flex;
  }

  .jz-mobile-page{
    width:100%;
    max-width:680px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  .jz-mobile-panel,
  .jz-mobile-store-card,
  .jz-mobile-profile-card,
  .jz-mobile-profile-list,
  .jz-mobile-work-quick,
  .jz-mobile-msg-list{
    background:#fff;
    border:1px solid rgba(226,232,240,.72);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(15,23,42,.04);
  }
  .jz-mobile-panel{
    padding:18px 12px 16px;
  }
  .jz-mobile-panel-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 15px;
    color:#9aa1aa;
    font-size:18px;
    line-height:1.2;
    font-weight:850;
  }
  .jz-mobile-panel-title button{
    border:0;
    background:transparent;
    color:#2f80ed;
    font-size:14px;
    font-weight:900;
    padding:6px 2px;
  }
  .jz-mobile-panel-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
  }
  .jz-mobile-panel-title .jz-mobile-invoice-retry{
    border:1px solid rgba(239,68,68,.18);
    border-radius:999px;
    background:#fff1f2;
    color:#dc2626;
    padding:7px 10px;
    line-height:1;
    box-shadow:0 8px 16px rgba(239,68,68,.08);
  }
  .jz-mobile-panel-title .jz-mobile-invoice-retry:disabled{
    opacity:.58;
  }
  .jz-mobile-panel-title .jz-mobile-invoice-manual-btn{
    border:1px solid rgba(47,128,237,.2);
    border-radius:999px;
    background:#eff6ff;
    color:#2563eb;
    padding:7px 10px;
    line-height:1;
    box-shadow:0 8px 16px rgba(37,99,235,.08);
  }
  .jz-mobile-panel-title .jz-mobile-invoice-manual-btn:disabled{
    opacity:.58;
  }

  .jz-mobile-store-card{
    padding:22px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
  }
  .jz-mobile-store-main{
    min-width:0;
    display:flex;
    align-items:center;
    gap:14px;
  }
  .jz-mobile-brand-mark,
  .jz-mobile-photo{
    flex:0 0 auto;
    width:58px;
    height:58px;
    border-radius:18px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#ffb526,#ff7a45);
    color:#fff;
    font-size:26px;
    font-weight:1000;
    box-shadow:0 12px 26px rgba(255,122,69,.24);
  }
  .jz-mobile-store-main b,
  .jz-mobile-profile-user b{
    display:block;
    color:#101828;
    font-size:25px;
    line-height:1.15;
    font-weight:1000;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .jz-mobile-store-main em,
  .jz-mobile-profile-user em{
    display:block;
    margin-top:6px;
    color:#7b8491;
    font-size:14px;
    line-height:1.35;
    font-style:normal;
    font-weight:800;
  }
  .jz-mobile-verify{
    width:32px;
    height:32px;
    color:#21c45d;
    display:grid;
    place-items:center;
  }
  .jz-mobile-verify svg{width:28px;height:28px;fill:currentColor}

  .jz-mobile-metric-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
  }
  .jz-mobile-metric-grid button{
    min-width:0;
    min-height:72px;
    border:0;
    border-radius:18px;
    background:#fff;
    color:#111827;
    display:grid;
    place-items:center;
    padding:9px 4px;
    box-shadow:0 8px 24px rgba(15,23,42,.04);
  }
  .jz-mobile-metric-grid b{
    display:block;
    color:#2f80ed;
    font-size:22px;
    line-height:1;
    font-weight:1000;
  }
  .jz-mobile-metric-grid span{
    color:#7b8491;
    font-size:13px;
    font-weight:850;
    white-space:nowrap;
  }

  .jz-mobile-banner{
    min-height:132px;
    border-radius:18px;
    padding:21px 18px;
    overflow:hidden;
    position:relative;
    display:flex;
    justify-content:space-between;
    gap:18px;
    background:
      radial-gradient(circle at 86% 22%,rgba(255,255,255,.9),rgba(255,255,255,0) 34%),
      linear-gradient(135deg,#e8f5ff,#f3fbff 45%,#dff1ff);
    color:#2f80ed;
    box-shadow:0 8px 24px rgba(15,23,42,.04);
  }
  .jz-mobile-banner.work{
    background:
      radial-gradient(circle at 88% 20%,rgba(255,255,255,.92),rgba(255,255,255,0) 34%),
      linear-gradient(135deg,#ebf5ff,#f7fbff 52%,#dcecff);
  }
  .jz-mobile-banner small{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    border-radius:8px;
    background:rgba(47,128,237,.11);
    padding:0 9px;
    color:#2f80ed;
    font-size:12px;
    font-weight:1000;
  }
  .jz-mobile-banner b{
    display:block;
    margin-top:12px;
    max-width:230px;
    color:#2f80ed;
    font-size:22px;
    line-height:1.25;
    font-weight:1000;
  }
  .jz-mobile-banner>span{
    align-self:center;
    width:82px;
    height:82px;
    border-radius:24px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.72);
    color:#2f80ed;
    transform:rotate(-6deg);
  }
  .jz-mobile-banner svg{width:48px;height:48px;fill:currentColor}

  .jz-mobile-app-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px 8px;
  }
  .jz-mobile-app-grid.four{
    gap:18px 8px;
  }
  .jz-mobile-app-tile{
    min-width:0;
    min-height:88px;
    border:0;
    background:transparent;
    color:#111827;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    padding:0 2px;
    text-align:center;
    font:inherit;
  }
  .jz-mobile-app-tile span:last-child{
    max-width:100%;
    color:#1f2937;
    font-size:15px;
    line-height:1.25;
    font-weight:900;
    word-break:break-word;
  }
  .jz-mobile-app-icon{
    width:54px;
    height:54px;
    border-radius:14px;
    display:grid;
    place-items:center;
    color:#fff;
    box-shadow:0 10px 22px rgba(15,23,42,.07);
  }
  .jz-mobile-app-icon svg{
    width:30px;
    height:30px;
    fill:currentColor;
  }
  .jz-mobile-app-icon.blue{background:linear-gradient(135deg,#60a5fa,#2f80ed)}
  .jz-mobile-app-icon.green{background:linear-gradient(135deg,#39d276,#16be4f)}
  .jz-mobile-app-icon.orange{background:linear-gradient(135deg,#ffc52e,#ffae00)}
  .jz-mobile-app-icon.red{background:linear-gradient(135deg,#ff8b62,#ff514d)}
  .jz-mobile-app-icon.purple{background:linear-gradient(135deg,#a78bfa,#6d5dfc)}
  .jz-mobile-app-icon.cyan{background:linear-gradient(135deg,#67e8f9,#21a8d8)}

  .jz-mobile-work-quick{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    padding:23px 12px 20px;
  }
  .jz-mobile-work-quick .jz-mobile-app-tile{
    min-height:94px;
  }
  .jz-mobile-work-quick .jz-mobile-app-icon{
    background:transparent;
    color:#5b9af5;
    box-shadow:none;
  }
  .jz-mobile-work-quick .jz-mobile-app-icon svg{
    width:34px;
    height:34px;
  }
  .jz-mobile-work-quick .jz-mobile-app-tile span:last-child{
    font-size:17px;
  }

  .jz-mobile-msg-list{
    overflow:hidden;
  }
  .jz-mobile-msg-row{
    width:100%;
    min-height:82px;
    border:0;
    border-bottom:1px solid #eef2f7;
    background:#fff;
    color:#111827;
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    padding:14px 16px;
    text-align:left;
    font:inherit;
  }
  .jz-mobile-msg-row:last-child{
    border-bottom:0;
  }
  .jz-mobile-msg-main{
    min-width:0;
  }
  .jz-mobile-msg-main b{
    display:block;
    color:#030712;
    font-size:18px;
    line-height:1.2;
    font-weight:950;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .jz-mobile-msg-main em{
    display:block;
    margin-top:7px;
    color:#a1a8b2;
    font-size:15px;
    line-height:1.25;
    font-style:normal;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .jz-mobile-msg-side{
    color:#c0c5cc;
    font-size:14px;
    font-weight:850;
    white-space:nowrap;
  }

  .jz-mobile-online-summary{
    border-radius:18px;
    padding:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    background:linear-gradient(135deg,#fff7ed,#fff 58%,#eff6ff);
    border:1px solid rgba(254,215,170,.85);
    box-shadow:0 8px 24px rgba(15,23,42,.04);
  }
  .jz-mobile-online-summary div{
    min-width:0;
  }
  .jz-mobile-online-summary span{
    display:block;
    color:#9a3412;
    font-size:13px;
    font-weight:950;
  }
  .jz-mobile-online-summary b{
    display:block;
    margin-top:4px;
    color:#111827;
    font-size:34px;
    line-height:1;
    font-weight:1000;
  }
  .jz-mobile-online-summary em{
    display:block;
    margin-top:5px;
    color:#64748b;
    font-size:14px;
    font-style:normal;
    font-weight:850;
  }
  .jz-mobile-online-summary button{
    border:0;
    border-radius:999px;
    background:#fff;
    color:#2f80ed;
    padding:10px 13px;
    font-size:14px;
    font-weight:950;
    box-shadow:0 8px 22px rgba(15,23,42,.08);
    white-space:nowrap;
  }
  .jz-mobile-online-panel{
    padding:16px 12px;
  }
  .jz-mobile-online-list{
    display:grid;
    gap:10px;
  }
  .jz-mobile-online-row{
    border:1px solid #e5e7eb;
    border-radius:16px;
    background:#fff;
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    gap:10px;
    padding:13px 12px;
    box-shadow:0 8px 20px rgba(15,23,42,.035);
  }
  .jz-mobile-online-index{
    width:30px;
    height:30px;
    border-radius:10px;
    background:#ffedd5;
    color:#c2410c;
    display:grid;
    place-items:center;
    font-size:13px;
    font-weight:1000;
  }
  .jz-mobile-online-main{
    min-width:0;
  }
  .jz-mobile-online-main b{
    display:block;
    color:#111827;
    font-size:17px;
    line-height:1.25;
    font-weight:1000;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .jz-mobile-online-main span{
    display:block;
    margin-top:6px;
    color:#64748b;
    font-size:13px;
    line-height:1.35;
    font-weight:850;
  }
  .jz-mobile-online-main small{
    display:block;
    margin-top:6px;
    color:#9ca3af;
    font-size:12px;
    line-height:1.35;
    word-break:break-all;
  }
  .jz-mobile-online-actions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:3px;
  }
  .jz-mobile-online-actions button{
    min-height:42px;
    border:0;
    border-radius:12px;
    background:#2f80ed;
    color:#fff;
    font-size:14px;
    font-weight:950;
  }
  .jz-mobile-online-actions button.ghost{
    background:#f8fafc;
    color:#334155;
    border:1px solid #e5e7eb;
  }
  .jz-mobile-online-actions button:disabled{
    opacity:.65;
  }

  .jz-mobile-invoice-auth,
  .jz-mobile-invoice-error{
    border-radius:18px;
    box-shadow:0 8px 24px rgba(15,23,42,.04);
  }
  .jz-mobile-invoice-error{
    padding:12px 14px;
    background:#fff7ed;
    border:1px solid #fed7aa;
    color:#9a3412;
    font-size:14px;
    line-height:1.5;
    font-weight:900;
  }
  .jz-mobile-invoice-modal-mask{
    position:fixed;
    inset:0;
    z-index:9999;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:18px;
    background:rgba(15,23,42,.42);
  }
  .jz-mobile-invoice-modal{
    width:min(100%, 520px);
    box-sizing:border-box;
    border-radius:24px;
    background:#fff;
    padding:22px 18px 18px;
    box-shadow:0 24px 60px rgba(15,23,42,.22);
  }
  .jz-mobile-invoice-modal h3{
    margin:0 0 14px;
    color:#0f172a;
    font-size:22px;
    font-weight:1000;
  }
  .jz-mobile-invoice-modal label{
    display:block;
    margin:12px 0 0;
    color:#17365d;
    font-size:15px;
    font-weight:1000;
  }
  .jz-mobile-invoice-modal input,
  .jz-mobile-invoice-modal textarea{
    width:100%;
    box-sizing:border-box;
    margin-top:7px;
    border:1px solid #d7e1ee;
    border-radius:14px;
    padding:13px 14px;
    color:#0f172a;
    font-size:16px;
    font-weight:850;
    outline:none;
  }
  .jz-mobile-invoice-modal textarea{
    min-height:88px;
    resize:vertical;
  }
  .jz-mobile-invoice-modal-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:18px;
  }
  .jz-mobile-invoice-modal-actions button{
    min-height:46px;
    border-radius:16px;
    font-size:16px;
  }
  .jz-mobile-invoice-modal-actions button:first-child{
    background:#f8fafc;
    color:#0f172a;
    border:1px solid #d7e1ee;
  }
  .jz-mobile-invoice-auth{
    padding:17px 14px 15px;
    background:#fff;
    border:1px solid #e5edf6;
  }
  .jz-mobile-invoice-auth.ok{
    border-color:#bbf7d0;
    background:linear-gradient(135deg,#f0fdf4,#fff 65%);
  }
  .jz-mobile-invoice-auth.warn{
    border-color:#fed7aa;
    background:linear-gradient(135deg,#fff7ed,#fff 65%);
  }
  .jz-mobile-invoice-auth.danger{
    border-color:#fecaca;
    background:linear-gradient(135deg,#fef2f2,#fff 65%);
  }
  .jz-mobile-invoice-auth>b{
    display:block;
    color:#111827;
    font-size:22px;
    line-height:1.2;
    font-weight:1000;
  }
  .jz-mobile-invoice-auth.ok>b{color:#15803d}
  .jz-mobile-invoice-auth.warn>b{color:#c2410c}
  .jz-mobile-invoice-auth.danger>b{color:#b91c1c}
  .jz-mobile-invoice-auth p{
    margin:8px 0 13px;
    color:#64748b;
    font-size:14px;
    line-height:1.55;
    font-weight:850;
  }
  .jz-mobile-invoice-auth-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .jz-mobile-invoice-auth-grid span{
    min-width:0;
    border:1px solid #eef2f7;
    border-radius:14px;
    background:rgba(255,255,255,.72);
    padding:10px 11px;
  }
  .jz-mobile-invoice-auth-grid small{
    display:block;
    color:#94a3b8;
    font-size:12px;
    font-weight:900;
  }
  .jz-mobile-invoice-auth-grid strong{
    display:block;
    margin-top:5px;
    color:#1f2937;
    font-size:14px;
    line-height:1.35;
    font-weight:1000;
    word-break:break-word;
  }
  .jz-mobile-invoice-auth>em{
    display:block;
    margin-top:12px;
    color:#94a3b8;
    font-size:12px;
    line-height:1.5;
    font-style:normal;
    font-weight:800;
  }
  .jz-mobile-loading{
    color:#94a3b8;
    font-size:12px;
    font-weight:900;
  }
  .jz-mobile-invoice-sms p{
    margin:0 0 12px;
    color:#64748b;
    font-size:14px;
    line-height:1.55;
    font-weight:850;
  }
  .jz-mobile-invoice-sms-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 104px;
    gap:8px;
  }
  .jz-mobile-invoice-sms-row input{
    min-width:0;
    height:46px;
    border:1px solid #dbe3ef;
    border-radius:14px;
    background:#f8fafc;
    color:#111827;
    padding:0 13px;
    font:inherit;
    font-size:16px;
    font-weight:850;
    outline:none;
  }
  .jz-mobile-invoice-sms-row input:focus{
    border-color:#60a5fa;
    background:#fff;
    box-shadow:0 0 0 3px rgba(96,165,250,.18);
  }
  .jz-mobile-invoice-sms-row button,
  .jz-mobile-invoice-primary,
  .jz-mobile-invoice-record-foot button{
    border:0;
    border-radius:14px;
    background:#2f80ed;
    color:#fff;
    font:inherit;
    font-size:14px;
    font-weight:1000;
  }
  .jz-mobile-invoice-sms-row button{
    height:46px;
  }
  .jz-mobile-invoice-primary{
    width:100%;
    min-height:48px;
    margin-top:9px;
  }
  .jz-mobile-invoice-sms button:disabled{
    opacity:.62;
  }
  .jz-mobile-invoice-sms small{
    display:block;
    margin-top:10px;
    color:#94a3b8;
    font-size:12px;
    line-height:1.5;
    font-weight:800;
  }
  .jz-mobile-invoice-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-bottom:12px;
  }
  .jz-mobile-invoice-search{
    margin:4px 0 12px;
  }
  .jz-mobile-invoice-search input{
    width:100%;
    min-height:46px;
    border:1px solid #dbe6f3;
    border-radius:14px;
    background:#f8fafc;
    color:#0f172a;
    font-size:15px;
    font-weight:800;
    padding:0 14px;
    outline:none;
    box-sizing:border-box;
  }
  .jz-mobile-invoice-search input:focus{
    border-color:#2f80ed;
    background:#fff;
    box-shadow:0 0 0 3px rgba(47,128,237,.12);
  }
  .jz-mobile-invoice-summary button{
    min-height:58px;
    border-radius:14px;
    border:1px solid transparent;
    background:#f8fafc;
    display:grid;
    place-items:center;
    padding:7px 2px;
    font:inherit;
    text-align:center;
  }
  .jz-mobile-invoice-summary button.is-active{
    border-color:#2f80ed;
    background:#eff6ff;
    box-shadow:0 8px 18px rgba(47,128,237,.14);
  }
  .jz-mobile-invoice-summary button.is-loading{
    box-shadow:0 0 0 3px rgba(47,128,237,.16);
  }
  .jz-mobile-invoice-summary b{
    color:#2f80ed;
    font-size:20px;
    line-height:1;
    font-weight:1000;
  }
  .jz-mobile-invoice-summary span{
    color:#64748b;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
  }
  .jz-mobile-invoice-pager{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
    margin:-2px 0 12px;
    padding:8px 10px;
    border-radius:14px;
    background:#f8fafc;
    border:1px solid #e5edf7;
  }
  .jz-mobile-invoice-pager span{
    min-width:0;
    color:#64748b;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .jz-mobile-invoice-pager div{
    display:flex;
    gap:8px;
    flex:0 0 auto;
  }
  .jz-mobile-invoice-pager button{
    min-height:32px;
    border:1px solid #dbe6f3;
    border-radius:12px;
    background:#fff;
    color:#2f80ed;
    padding:0 10px;
    font-size:12px;
    font-weight:1000;
  }
  .jz-mobile-invoice-pager button:disabled{
    color:#94a3b8;
    background:#f1f5f9;
    opacity:.72;
  }
  .jz-mobile-invoice-records{
    display:grid;
    gap:10px;
  }
  .jz-mobile-invoice-record{
    border:1px solid #e5e7eb;
    border-radius:16px;
    background:#fff;
    padding:13px 12px;
    box-shadow:0 8px 20px rgba(15,23,42,.035);
  }
  .jz-mobile-invoice-record-head,
  .jz-mobile-invoice-record-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
  }
  .jz-mobile-invoice-record-head b{
    min-width:0;
    color:#111827;
    font-size:17px;
    line-height:1.25;
    font-weight:1000;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .jz-mobile-invoice-record-head span{
    flex:0 0 auto;
    border-radius:999px;
    padding:5px 9px;
    background:#f1f5f9;
    color:#64748b;
    font-size:12px;
    font-weight:1000;
  }
  .jz-mobile-invoice-record-head span.ok{background:#dcfce7;color:#15803d}
  .jz-mobile-invoice-record-head span.warn{background:#ffedd5;color:#c2410c}
  .jz-mobile-invoice-record-head span.danger{background:#fee2e2;color:#b91c1c}
  .jz-mobile-invoice-record-main{
    margin-top:9px;
    display:grid;
    gap:5px;
  }
  .jz-mobile-invoice-record-main strong{
    color:#111827;
    font-size:15px;
    line-height:1.35;
    font-weight:950;
  }
  .jz-mobile-invoice-generated-qr{
    width:180px;
    max-width:70%;
    aspect-ratio:1;
    margin:7px auto 5px;
    padding:8px;
    border:1px solid #dbeafe;
    border-radius:12px;
    background:#fff;
  }
  .jz-mobile-invoice-generated-qr img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .jz-mobile-invoice-record-main em,
  .jz-mobile-invoice-record-main small{
    color:#64748b;
    font-size:12px;
    line-height:1.45;
    font-style:normal;
    font-weight:800;
    word-break:break-word;
  }
  .jz-mobile-invoice-record-main small.danger{
    color:#b91c1c;
  }
  .jz-mobile-invoice-record-main small.success{
    color:#15803d;
    font-weight:1000;
  }
  .jz-mobile-invoice-record-main small.warn{
    color:#c2410c;
    font-weight:1000;
  }
  .jz-mobile-invoice-record-foot{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #eef2f7;
    flex-wrap:wrap;
  }
  .jz-mobile-invoice-record-foot span{
    min-width:0;
    color:#94a3b8;
    font-size:12px;
    font-weight:800;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .jz-mobile-invoice-record-foot b{
    color:#111827;
    font-size:15px;
    font-weight:1000;
    white-space:nowrap;
  }
  .jz-mobile-invoice-record-foot button{
    min-height:34px;
    padding:0 10px;
    font-size:12px;
    white-space:nowrap;
  }
  .jz-mobile-invoice-record-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    flex:1 1 100%;
  }
  .jz-mobile-invoice-record-foot button.danger{
    background:#ef4444;
  }
  .jz-mobile-invoice-record-foot button:disabled{
    opacity:.62;
  }
  .jz-mobile-panel-actions button:disabled,
  .jz-mobile-invoice-summary button:disabled{
    opacity:.65;
  }

  .jz-mobile-profile-card{
    padding:25px 19px 0;
    overflow:hidden;
  }
  .jz-mobile-profile-brand{
    display:flex;
    align-items:center;
    gap:9px;
    color:#6b7280;
    font-size:22px;
    line-height:1.2;
    font-weight:1000;
  }
  .jz-mobile-profile-brand span{
    width:24px;
    height:24px;
    color:#22c55e;
  }
  .jz-mobile-profile-brand svg{
    width:24px;
    height:24px;
    fill:currentColor;
  }
  .jz-mobile-profile-user{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:34px;
    padding-bottom:22px;
    border-bottom:1px solid #eef2f7;
  }
  .jz-mobile-profile-user b{
    font-size:29px;
  }
  .jz-mobile-photo{
    width:78px;
    height:78px;
    border-radius:18px;
    font-size:30px;
    background:linear-gradient(135deg,#475569,#0f172a);
    box-shadow:0 14px 28px rgba(15,23,42,.16);
  }
  .jz-mobile-business-card{
    width:100%;
    min-height:60px;
    border:0;
    background:#fff;
    color:#6b7280;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0;
    font:inherit;
    font-size:18px;
    font-weight:900;
  }
  .jz-mobile-business-card svg{
    width:24px;
    height:24px;
    fill:#9aa1aa;
  }
  .jz-mobile-profile-list{
    overflow:hidden;
  }
  .jz-mobile-profile-row{
    width:100%;
    min-height:76px;
    border:0;
    border-bottom:1px solid #eef2f7;
    background:#fff;
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    align-items:center;
    gap:16px;
    padding:13px 18px;
    color:#030712;
    text-align:left;
    font:inherit;
    font-size:19px;
    font-weight:900;
  }
  .jz-mobile-profile-row:last-child{
    border-bottom:0;
  }
  .jz-mobile-profile-row .jz-mobile-app-icon{
    width:44px;
    height:44px;
    border-radius:13px;
    box-shadow:none;
  }
  .jz-mobile-profile-row .jz-mobile-app-icon svg{
    width:25px;
    height:25px;
  }
  .jz-mobile-profile-row i{
    color:#c0c5cc;
    font-style:normal;
    font-size:24px;
    font-weight:900;
  }

  .jz-mobile-empty{
    grid-column:1/-1;
    min-height:86px;
    display:grid;
    place-items:center;
    color:#9aa1aa;
    font-size:15px;
    font-weight:900;
  }
  .jz-mobile-app-tile:active,
  .jz-mobile-msg-row:active,
  .jz-mobile-online-row:active,
  .jz-mobile-invoice-record:active,
  .jz-mobile-invoice-sms button:active,
  .jz-mobile-invoice-list button:active,
  .jz-mobile-profile-row:active,
  .jz-mobile-business-card:active,
  .jz-mobile-metric-grid button:active{
    opacity:.78;
  }
}

@media (max-width:380px){
  .jz-mobile-app-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .jz-mobile-metric-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .jz-mobile-work-quick{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .jz-mobile-invoice-auth-grid,
  .jz-mobile-invoice-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}