/* =========================================================
   KAZUKO LAUNDRY V86
   REAL IPHONE UI STABLE
   - Fix login checkbox/password
   - Restore mobile font sizes
   - Keep current compact layouts
   ========================================================= */

@media screen and (max-width:600px){

  /* =====================================================
     1. LOGIN - KHÔI PHỤC CHECKBOX ĐÚNG KIỂU
     ===================================================== */

  #loginPage input[type="checkbox"],
  #loginPage input[type="radio"]{
    -webkit-appearance:auto !important;
    appearance:auto !important;

    width:21px !important;
    min-width:21px !important;
    max-width:21px !important;

    height:21px !important;
    min-height:21px !important;
    max-height:21px !important;

    padding:0 !important;
    margin:0 6px 0 0 !important;

    flex:0 0 21px !important;
    transform:none !important;
  }

  /* 3 lựa chọn đăng nhập cân đều */
  #loginPage .pawnOptions{
    display:grid !important;
    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr)
      minmax(0,1.05fr) !important;

    align-items:center !important;
    gap:7px !important;

    width:100% !important;
    margin:10px 0 15px !important;
  }

  #loginPage .pawnOptions label{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;

    gap:3px !important;
    min-width:0 !important;

    font-size:12.5px !important;
    line-height:1.15 !important;
    text-align:center !important;
  }

  #loginPage .pawnOptions button{
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;

    padding:4px 3px !important;

    font-size:12.5px !important;
    line-height:1.15 !important;
    text-align:center !important;
  }

  /* Password: mắt luôn nằm đúng bên phải input */
  #loginPage .pawnPass{
    position:relative !important;
    display:block !important;
    width:100% !important;
  }

  #loginPage .pawnPass #loginPass{
    display:block !important;

    width:100% !important;
    height:54px !important;
    min-height:54px !important;

    padding-left:16px !important;
    padding-right:64px !important;

    box-sizing:border-box !important;
    font-size:16px !important;
  }

  #loginPage .pawnPass > button{
    position:absolute !important;

    right:6px !important;
    top:50% !important;

    transform:translateY(-50%) !important;

    width:48px !important;
    min-width:48px !important;
    height:44px !important;
    min-height:44px !important;

    margin:0 !important;
    padding:0 !important;

    display:grid !important;
    place-items:center !important;

    z-index:5 !important;
  }


  /* =====================================================
     2. INPUT iPHONE - KHÔNG AUTO ZOOM
     Chỉ input nhập liệu >=16px.
     KHÔNG áp appearance:none cho checkbox.
     ===================================================== */

  input:not([type="checkbox"]):not([type="radio"]),
  textarea,
  select{
    font-size:16px !important;
  }


  /* =====================================================
     3. TỔNG QUAN - KHÔI PHỤC CHỮ LỚN, DỄ ĐỌC
     Không dùng Safari text inflation.
     ===================================================== */

  #home .hero > div:first-child{
    font-size:16px !important;
    line-height:1.2 !important;
  }

  #home #heroShop{
    font-size:29px !important;
    line-height:1.05 !important;
    margin:3px 0 !important;
  }

  #home #heroUser{
    font-size:16px !important;
    line-height:1.2 !important;
  }

  #home .heroKpis span{
    font-size:14px !important;
    line-height:1.15 !important;
  }

  #home .heroKpis b{
    font-size:20px !important;
    line-height:1.1 !important;
  }

  #home .quickCell span{
    font-size:12px !important;
    line-height:1.15 !important;
  }

  #home .quickCell b,
  #home .quickCell select{
    font-size:14.5px !important;
    line-height:1.15 !important;
  }

  /* Các ô chức năng */
  #home .tiles .tile{
    font-size:15.5px !important;
    line-height:1.15 !important;
  }

  #home .tiles .tile > span{
    font-size:31px !important;
    line-height:1 !important;
    margin-bottom:5px !important;
  }

  /* Nút đăng xuất */
  #home .hero button{
    font-size:13.5px !important;
  }


  /* =====================================================
     4. MENU ĐÁY - TO HƠN NHẸ
     ===================================================== */

  .bottomNav button{
    font-size:20px !important;
  }

  .bottomNav button span{
    font-size:12.5px !important;
    line-height:1.1 !important;
  }


  /* =====================================================
     5. SAFARI
     Giữ scale hệ thống ổn định.
     ===================================================== */

  html{
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }

  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }
}


/* Máy iPhone nhỏ */
@media screen and (max-width:390px){

  #home .tiles .tile{
    font-size:15px !important;
  }

  #home .heroKpis span{
    font-size:13.5px !important;
  }

  #loginPage .pawnOptions label,
  #loginPage .pawnOptions button{
    font-size:12px !important;
  }
}

/* ===== END V86 ===== */

/* =========================================================
   V87 - MOBILE SETTINGS FONT INCREASE
   Chỉ tăng chữ menu Cài đặt trên điện thoại
   ========================================================= */
@media screen and (max-width:600px){

  /* Tên các mục trong Cài đặt */
  #settings button,
  #settingsPage button,
  .settingsGrid button,
  .settingsMenu button,
  .settingTile,
  .settingsTile{
    font-size:16.5px !important;
    line-height:1.18 !important;
    font-weight:700 !important;
  }

  /* Nếu tên mục nằm trong b/span */
  #settings button b,
  #settings button span,
  #settingsPage button b,
  #settingsPage button span,
  .settingsGrid button b,
  .settingsGrid button span,
  .settingTile b,
  .settingTile span,
  .settingsTile b,
  .settingsTile span{
    font-size:16.5px !important;
    line-height:1.18 !important;
  }

  /* Icon lớn thêm nhẹ để cân với chữ */
  #settings button > :first-child,
  #settingsPage button > :first-child,
  .settingsGrid button > :first-child{
    font-size:26px !important;
  }
}

@media screen and (max-width:390px){
  #settings button,
  #settingsPage button,
  .settingsGrid button,
  .settingsMenu button,
  .settingTile,
  .settingsTile,
  #settings button b,
  #settings button span,
  #settingsPage button b,
  #settingsPage button span{
    font-size:16px !important;
  }
}
/* ===== END V87 ===== */

/* =========================================================
   V87 - MOBILE SETTINGS FONT INCREASE
   Chỉ tăng chữ menu Cài đặt trên điện thoại
   ========================================================= */
@media screen and (max-width:600px){

  /* Tên các mục trong Cài đặt */
  #settings button,
  #settingsPage button,
  .settingsGrid button,
  .settingsMenu button,
  .settingTile,
  .settingsTile{
    font-size:16.5px !important;
    line-height:1.18 !important;
    font-weight:700 !important;
  }

  /* Nếu tên mục nằm trong b/span */
  #settings button b,
  #settings button span,
  #settingsPage button b,
  #settingsPage button span,
  .settingsGrid button b,
  .settingsGrid button span,
  .settingTile b,
  .settingTile span,
  .settingsTile b,
  .settingsTile span{
    font-size:16.5px !important;
    line-height:1.18 !important;
  }

  /* Icon lớn thêm nhẹ để cân với chữ */
  #settings button > :first-child,
  #settingsPage button > :first-child,
  .settingsGrid button > :first-child{
    font-size:26px !important;
  }
}

@media screen and (max-width:390px){
  #settings button,
  #settingsPage button,
  .settingsGrid button,
  .settingsMenu button,
  .settingTile,
  .settingsTile,
  #settings button b,
  #settings button span,
  #settingsPage button b,
  #settingsPage button span{
    font-size:16px !important;
  }
}
/* ===== END V87 ===== */

/* =========================================================
   V88 - FIX CHECKBOX / SWITCH QR ON IPHONE
   ========================================================= */

@media screen and (max-width:600px){

  /* Khôi phục checkbox thật cho toàn bộ Cài đặt */
  #settings input[type="checkbox"],
  #settingsPage input[type="checkbox"],
  .settingSheet input[type="checkbox"],
  .settingItem input[type="checkbox"],
  .toggleCard35 input[type="checkbox"],
  label input[type="checkbox"]{
    -webkit-appearance:auto !important;
    appearance:auto !important;

    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
    max-width:24px !important;
    max-height:24px !important;

    padding:0 !important;
    margin:0 !important;

    opacity:1 !important;
    visibility:visible !important;

    pointer-events:auto !important;
    touch-action:manipulation !important;

    flex:0 0 24px !important;
  }

  /* Riêng dòng QR: toàn bộ dòng có thể bấm */
  .settingSheet label:has(input[type="checkbox"]){
    cursor:pointer !important;
    pointer-events:auto !important;
  }
}

/* ===== END V88 ===== */

/* =========================================================
   V89 - TĂNG NHẸ CHỮ Ở MÀN CÀI ĐẶT MOBILE
   ========================================================= */
@media screen and (max-width: 600px){

  /* Các ô menu trong trang Cài đặt */
  #settingsPage .card,
  #page-settings .card,
  .settingsGrid .card,
  .settingsMenu .card,
  .settingsTiles .card,
  .settings-page .card{
    min-height: 148px !important;
  }

  /* Chữ trong ô */
  #settingsPage .card b,
  #settingsPage .card strong,
  #settingsPage .card .title,
  #page-settings .card b,
  #page-settings .card strong,
  #page-settings .card .title,
  .settingsGrid .card b,
  .settingsGrid .card strong,
  .settingsGrid .card .title,
  .settingsMenu .card b,
  .settingsMenu .card strong,
  .settingsMenu .card .title,
  .settingsTiles .card b,
  .settingsTiles .card strong,
  .settingsTiles .card .title,
  .settings-page .card b,
  .settings-page .card strong,
  .settings-page .card .title{
    font-size: 18px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
  }

  /* Icon trong ô */
  #settingsPage .card i,
  #settingsPage .card .icon,
  #page-settings .card i,
  #page-settings .card .icon,
  .settingsGrid .card i,
  .settingsGrid .card .icon,
  .settingsMenu .card i,
  .settingsMenu .card .icon,
  .settingsTiles .card i,
  .settingsTiles .card .icon,
  .settings-page .card i,
  .settings-page .card .icon{
    font-size: 28px !important;
  }
}

/* ===== END V89 ===== */

/* =========================================================
   V90 - TĂNG THÊM CỠ CHỮ MÀN CÀI ĐẶT MOBILE
   ========================================================= */
@media screen and (max-width: 600px){

  /* ô menu cài đặt */
  #settingsPage .card,
  #page-settings .card,
  .settingsGrid .card,
  .settingsMenu .card,
  .settingsTiles .card,
  .settings-page .card{
    min-height: 158px !important;
    padding: 14px 12px !important;
  }

  /* chữ trong ô */
  #settingsPage .card b,
  #settingsPage .card strong,
  #settingsPage .card .title,
  #page-settings .card b,
  #page-settings .card strong,
  #page-settings .card .title,
  .settingsGrid .card b,
  .settingsGrid .card strong,
  .settingsGrid .card .title,
  .settingsMenu .card b,
  .settingsMenu .card strong,
  .settingsMenu .card .title,
  .settingsTiles .card b,
  .settingsTiles .card strong,
  .settingsTiles .card .title,
  .settings-page .card b,
  .settings-page .card strong,
  .settings-page .card .title{
    font-size: 20px !important;
    line-height: 1.32 !important;
    font-weight: 700 !important;
  }

  /* icon */
  #settingsPage .card i,
  #settingsPage .card .icon,
  #page-settings .card i,
  #page-settings .card .icon,
  .settingsGrid .card i,
  .settingsGrid .card .icon,
  .settingsMenu .card i,
  .settingsMenu .card .icon,
  .settingsTiles .card i,
  .settingsTiles .card .icon,
  .settings-page .card i,
  .settings-page .card .icon{
    font-size: 30px !important;
  }
}

/* ===== END V90 ===== */

/* =========================================================
   V91 - SETTINGS TEXT +1 SIZE
   Chỉ tăng chữ bên trong các ô Cài đặt
   ========================================================= */
@media screen and (max-width:600px){

  #settings button,
  #settingsPage button,
  #page-settings button,
  .settingsGrid button,
  .settingsMenu button,
  .settingsTiles button,
  .settingTile,
  .settingsTile,
  .settings-page button{
    font-size:21px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
  }

  #settings button b,
  #settings button span,
  #settingsPage button b,
  #settingsPage button span,
  #page-settings button b,
  #page-settings button span,
  .settingsGrid button b,
  .settingsGrid button span,
  .settingsMenu button b,
  .settingsMenu button span,
  .settingsTiles button b,
  .settingsTiles button span,
  .settingTile b,
  .settingTile span,
  .settingsTile b,
  .settingsTile span,
  .settings-page button b,
  .settings-page button span{
    font-size:21px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
  }

  /* Icon tăng nhẹ cho cân với chữ */
  #settings button > :first-child,
  #settingsPage button > :first-child,
  #page-settings button > :first-child,
  .settingsGrid button > :first-child,
  .settingsMenu button > :first-child{
    font-size:31px !important;
  }
}

/* iPhone màn nhỏ */
@media screen and (max-width:390px){
  #settings button,
  #settingsPage button,
  #page-settings button,
  .settingsGrid button,
  .settingsMenu button,
  .settingsTiles button,
  .settingTile,
  .settingsTile,
  .settings-page button,
  #settings button b,
  #settings button span,
  #settingsPage button b,
  #settingsPage button span{
    font-size:20px !important;
  }
}

/* ===== END V91 ===== */

/* =========================================================
   V92 - SETTINGS REAL FONT SIZE
   Tăng trực tiếp đúng chữ menu Cài đặt
   ========================================================= */

@media screen and (max-width:600px){

  /* Chính xác các ô thật trong trang Cài đặt */
  #settings.page .settingsGrid{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  #settings.page .settingsGrid > button{
    font-size:23px !important;
    line-height:1.2 !important;
    font-weight:700 !important;

    min-width:0 !important;
    padding:12px 10px !important;

    text-align:center !important;
  }

  /* Đây chính là chữ Cửa hàng & Logo, Kho hàng... */
  #settings.page .settingsGrid > button > b{
    font-size:23px !important;
    line-height:1.2 !important;
    font-weight:750 !important;

    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  /*
   Emoji/icon là text trực tiếp trong button,
   tăng đồng bộ với chữ.
  */
  #settings.page .settingsGrid > button{
    letter-spacing:0 !important;
  }
}

/* iPhone nhỏ hơn vẫn phải dễ đọc */
@media screen and (max-width:390px){

  #settings.page .settingsGrid > button,
  #settings.page .settingsGrid > button > b{
    font-size:22px !important;
  }
}

/* ===== END V92 ===== */

/* =========================================================
   V93 - SETTINGS FONT BALANCED
   ========================================================= */
@media screen and (max-width:600px){

  #settings.page .settingsGrid > button{
    font-size:19px !important;
    line-height:1.18 !important;
    font-weight:700 !important;

    padding:10px 8px !important;
    min-width:0 !important;
    text-align:center !important;
  }

  #settings.page .settingsGrid > button > b{
    font-size:19px !important;
    line-height:1.18 !important;
    font-weight:700 !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }
}

@media screen and (max-width:390px){
  #settings.page .settingsGrid > button,
  #settings.page .settingsGrid > button > b{
    font-size:18.5px !important;
  }
}

/* ===== END V93 ===== */

/* =========================================================
   V94 - TĂNG CHỮ CÁC Ô CHỨC NĂNG Ở MÀN HÌNH TỔNG QUAN
   ========================================================= */
@media screen and (max-width:600px){

  /* Các ô chức năng giữa màn hình: Nhận đồ, Đơn hàng, Kho hàng... */
  #dashboard.page .homeGrid > button,
  #dashboard.page .menuGrid > button,
  #dashboard.page .overviewGrid > button,
  #dashboard.page .quickGrid > button,
  #dashboard.page .actionGrid > button,
  #dashboard.page .cardGrid > button{
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
  }

  #dashboard.page .homeGrid > button b,
  #dashboard.page .menuGrid > button b,
  #dashboard.page .overviewGrid > button b,
  #dashboard.page .quickGrid > button b,
  #dashboard.page .actionGrid > button b,
  #dashboard.page .cardGrid > button b,
  #dashboard.page .homeGrid > button span,
  #dashboard.page .menuGrid > button span,
  #dashboard.page .overviewGrid > button span,
  #dashboard.page .quickGrid > button span,
  #dashboard.page .actionGrid > button span,
  #dashboard.page .cardGrid > button span{
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:500 !important;
  }
}

/* ===== END V94 ===== */

/* =========================================================
   V95 - DASHBOARD TILE TEXT BOLD
   Làm đậm chữ các ô chức năng Tổng quan
   ========================================================= */
@media screen and (max-width:600px){

  #home .tiles .tile,
  #home .tiles .tile b,
  #home .tiles .tile span,

  #dashboard.page .homeGrid > button,
  #dashboard.page .homeGrid > button b,
  #dashboard.page .homeGrid > button span,

  #dashboard.page .menuGrid > button,
  #dashboard.page .menuGrid > button b,
  #dashboard.page .menuGrid > button span,

  #dashboard.page .overviewGrid > button,
  #dashboard.page .overviewGrid > button b,
  #dashboard.page .overviewGrid > button span,

  #dashboard.page .quickGrid > button,
  #dashboard.page .quickGrid > button b,
  #dashboard.page .quickGrid > button span,

  #dashboard.page .actionGrid > button,
  #dashboard.page .actionGrid > button b,
  #dashboard.page .actionGrid > button span,

  #dashboard.page .cardGrid > button,
  #dashboard.page .cardGrid > button b,
  #dashboard.page .cardGrid > button span{
    font-weight:700 !important;
  }
}

/* ===== END V95 ===== */

/* =========================================================
   V96 - SETTINGS FONT -1 SIZE
   Giảm đúng 1 cỡ chữ menu Cài đặt
   ========================================================= */
@media screen and (max-width:600px){

  #settings.page .settingsGrid > button,
  #settings.page .settingsGrid > button > b{
    font-size:18px !important;
    line-height:1.18 !important;
    font-weight:700 !important;
  }
}

@media screen and (max-width:390px){

  #settings.page .settingsGrid > button,
  #settings.page .settingsGrid > button > b{
    font-size:17.5px !important;
  }
}

/* ===== END V96 ===== */