/* TaskBirds Responsive Master v164
   Main strategy:
   - Desktop: keep existing design.
   - Tablet/iPad: keep the same blocks, but use 2/3 columns.
   - Phone: stack every major block vertically and prevent overlap.
   - Tables scroll horizontally instead of breaking the page.
   This file must load LAST.
*/

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

*,
*::before,
*::after{
  box-sizing:border-box!important;
}

img,
svg,
video,
iframe,
canvas{
  max-width:100%!important;
}

/* Only long technical values should break. Do not break normal UI words letter-by-letter. */
td,
th,
code,
pre,
.long-text,
.wallet,
.url,
.email,
.hash{
  overflow-wrap:anywhere;
  word-break:break-word;
}

input,
select,
textarea,
button{
  font-family:inherit;
}

/* ---------- Universal layout safety ---------- */
.tb-page,
.tb-wrap,
.tb-container,
.tb-content,
.tb-main,
.account-page-layout,
.account-main-area,
.page-content,
.main-content,
.content,
.container,
.wrapper,
.layout,
.main,
section,
article,
form{
  min-width:0!important;
}

/* Cards/panels/boxes */
.tb-card,
.tb-panel,
.card,
.panel,
.box,
.widget,
.block,
.tile,
.profile-card,
.balance-card,
.hero-card,
.bird-card,
.task-card,
.video-card,
.deposit-card,
.withdraw-card,
.settings-card,
.stat-card,
.info-card{
  min-width:0!important;
  max-width:100%!important;
}

/* Tables */
.tb-table-wrap,
.table-wrap,
.table-responsive,
.table-container{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

/* ---------- Tablet / iPad: 769px to 1180px ---------- */
@media (min-width:769px) and (max-width:1180px){

  body{
    min-width:0!important;
  }

  .tb-page,
  .tb-wrap,
  .tb-container,
  .tb-content,
  .tb-main,
  .account-page-layout,
  .account-main-area,
  .page-content,
  .main-content,
  .content,
  .container,
  .wrapper{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .account-page-layout{
    display:block!important;
    padding:10px 12px!important;
    margin:0 auto!important;
  }

  .account-main-area{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }

  /* Hide desktop sidebar on tablet; use mobile menu */
  .account-page-layout > .tb-sidebar,
  aside.tb-sidebar,
  .tb-sidebar{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    overflow:hidden!important;
  }

  .tb-mobile-fast-ui{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    margin:0 0 12px!important;
  }

  /* Generic grids become tablet-friendly */
  .tb-grid,
  .grid,
  .cards-grid,
  .card-grid,
  .stats-grid,
  .balance-grid,
  .profile-grid,
  .heroes-grid,
  .tb-heroes-grid,
  .tb-shop-grid,
  .tb-hero-grid,
  .tb-birds-grid,
  .tb-gifts-grid,
  .tb-surf-grid,
  .tb-youtube-grid,
  .youtube-grid,
  .deposit-grid,
  .withdraw-grid,
  .settings-grid,
  .task-grid,
  .tb-task-list,
  .tb-video-list,
  .items-grid,
  .products-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
  }

  /* Statistic rows: 3 columns on iPad */
  .tb-stats,
  .stats-row,
  .profile-stats,
  .hero-stats,
  .summary-stats,
  .dashboard-stats,
  .top-stats,
  .income-stats,
  .stats-cards{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
  }

  .tb-card,
  .tb-panel,
  .card,
  .panel,
  .box,
  .widget,
  .block,
  .tile,
  .profile-card,
  .balance-card,
  .hero-card,
  .bird-card,
  .task-card,
  .video-card,
  .deposit-card,
  .withdraw-card,
  .settings-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  input,
  select,
  textarea,
  button,
  .btn,
  .button,
  .tb-btn{
    max-width:100%!important;
  }

  table{
    max-width:100%!important;
  }

  .account-main-area table,
  .tb-main table,
  .tb-content table,
  .card table,
  .panel table,
  .box table{
    display:block!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    white-space:nowrap!important;
  }
}

/* ---------- Phones: up to 768px ---------- */
@media (max-width:768px){

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

  body{
    margin:0!important;
  }

  .tb-page,
  .tb-wrap,
  .tb-container,
  .tb-content,
  .tb-main,
  .account-page-layout,
  .account-main-area,
  .page-content,
  .main-content,
  .content,
  .container,
  .wrapper,
  .layout,
  .main{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .account-page-layout{
    padding:8px!important;
    margin:0!important;
  }

  .account-main-area{
    padding:0!important;
  }

  /* Desktop sidebar hidden on phone */
  .account-page-layout > .tb-sidebar,
  aside.tb-sidebar,
  .tb-sidebar{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    overflow:hidden!important;
  }

  .tb-mobile-fast-ui{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    margin:0 0 10px!important;
  }

  /* Everything that is grid-like becomes one column */
  .tb-grid,
  .grid,
  .cards-grid,
  .card-grid,
  .balance-grid,
  .profile-grid,
  .heroes-grid,
  .tb-heroes-grid,
  .tb-shop-grid,
  .tb-hero-grid,
  .tb-birds-grid,
  .tb-gifts-grid,
  .tb-surf-grid,
  .tb-youtube-grid,
  .youtube-grid,
  .deposit-grid,
  .withdraw-grid,
  .settings-grid,
  .task-grid,
  .tb-task-list,
  .tb-video-list,
  .items-grid,
  .products-grid,
  .tb-list,
  .profile-heroes-v180{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Stats: 2 per row on normal phones */
  .tb-stats,
  .stats-row,
  .profile-stats,
  .hero-stats,
  .summary-stats,
  .dashboard-stats,
  .top-stats,
  .income-stats,
  .stats-cards,
  .stats-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .tb-card,
  .tb-panel,
  .card,
  .panel,
  .box,
  .widget,
  .block,
  .tile,
  .profile-card,
  .balance-card,
  .hero-card,
  .bird-card,
  .task-card,
  .video-card,
  .deposit-card,
  .withdraw-card,
  .settings-card,
  .tb-item,
  .item{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    position:relative;
  }

  /* Side-by-side rows should wrap or stack */
  .row,
  .columns,
  .cols{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .flex,
  .flex-row,
  [class*="flex"]{
    flex-wrap:wrap!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Forms */
  form,
  .form,
  .tb-form,
  .form-box,
  .form-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  input,
  select,
  textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    font-size:16px!important;
  }

  button,
  .btn,
  .button,
  .tb-btn,
  a.btn,
  a.button{
    max-width:100%!important;
    min-height:44px!important;
    font-size:15px!important;
    touch-action:manipulation!important;
  }

  /* Images */
  .hero-image,
  .bird-image,
  .profile-avatar,
  .avatar,
  .tb-avatar,
  .tb-hero-img,
  .tb-bird-img{
    max-width:100%!important;
    height:auto!important;
  }

  /* Tables */
  table{
    max-width:100%!important;
  }

  .account-main-area table,
  .tb-main table,
  .tb-content table,
  .card table,
  .panel table,
  .box table{
    display:block!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    white-space:nowrap!important;
  }
}

/* ---------- Small phones ---------- */
@media (max-width:430px){

  .tb-page,
  .tb-wrap,
  .tb-container,
  .tb-content,
  .tb-main,
  .account-page-layout,
  .account-main-area,
  .page-content,
  .main-content,
  .content,
  .container,
  .wrapper{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .tb-stats,
  .stats-row,
  .profile-stats,
  .hero-stats,
  .summary-stats,
  .dashboard-stats,
  .top-stats,
  .income-stats,
  .stats-cards,
  .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  button,
  .btn,
  .button,
  .tb-btn,
  a.btn,
  a.button{
    width:100%;
  }
}

/* ---------- Emergency anti-overlap ---------- */
@media (max-width:768px){
  [style*="position:absolute"],
  [style*="position: absolute"]{
    max-width:100%!important;
  }
}


/* TaskBirds Text Break Fix v165
   v164 used overflow-wrap:anywhere too broadly.
   This fixes phone UI words being broken letter-by-letter.
*/
.tb-top-link,
.tb-top-link *,
.tb-stat,
.tb-stat *,
.tb-mobile-fast-ui,
.tb-mobile-fast-ui *,
.tb-mobile-drawer,
.tb-mobile-drawer *,
.tb-login,
.tb-login *,
.tb-register,
.tb-register *,
.tb-panel,
.tb-panel *,
.tb-card,
.tb-card *,
button,
.btn,
.button,
.tb-btn{
  word-break:normal!important;
  overflow-wrap:normal!important;
}

@media (max-width:768px){
  .tb-top-links{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
  }

  .tb-top-link{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 20px!important;
    align-items:center!important;
    min-height:58px!important;
    width:100%!important;
    padding:10px 12px!important;
  }

  .tb-top-link b,
  .tb-top-link small{
    display:block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .tb-top-link b{
    font-size:15px!important;
    line-height:1.08!important;
  }

  .tb-top-link small{
    font-size:10px!important;
    line-height:1.15!important;
  }

  .tb-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .tb-stat{
    overflow:hidden!important;
  }

  .tb-stat-title,
  .tb-stat-num,
  .tb-stat-sub{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .tb-stat-title{
    font-size:9px!important;
  }

  .tb-stat-num{
    font-size:15px!important;
  }

  .tb-stat-sub{
    font-size:8px!important;
  }

  .tb-login input,
  .tb-login-captcha input{
    white-space:normal!important;
  }
}

@media (max-width:430px){
  .tb-top-link{
    grid-template-columns:36px minmax(0,1fr) 16px!important;
    min-height:52px!important;
    padding:8px 10px!important;
  }

  .tb-top-link b{
    font-size:13px!important;
  }

  .tb-top-link small{
    font-size:9px!important;
  }

  .tb-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* TaskBirds Home Top Links Phone Fix v166
   v165 stopped letter-by-letter breaking, but text became ellipsized.
   On phones: show the 4 top buttons as 2x2 and allow two-line readable labels.
*/
@media (max-width:768px){
  .tb-top-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }

  .tb-top-link{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 12px!important;
    gap:7px!important;
    align-items:center!important;
    min-height:56px!important;
    padding:8px 9px!important;
    width:100%!important;
    min-width:0!important;
  }

  .tb-top-link b,
  .tb-top-link small{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    max-width:100%!important;
  }

  .tb-top-link b{
    font-size:12px!important;
    line-height:1.05!important;
    letter-spacing:0!important;
  }

  .tb-top-link small{
    font-size:8px!important;
    line-height:1.08!important;
  }

  .tb-top-link .tb-top-icon,
  .tb-top-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }

  .tb-top-link svg{
    width:17px!important;
    height:17px!important;
  }

  .tb-top-link .tb-top-arrow,
  .tb-top-arrow{
    font-size:16px!important;
    min-width:10px!important;
  }
}

@media (max-width:330px){
  .tb-top-links{
    grid-template-columns:1fr!important;
  }

  .tb-top-link{
    grid-template-columns:32px minmax(0,1fr) 14px!important;
  }

  .tb-top-link b{
    font-size:13px!important;
  }

  .tb-top-link small{
    font-size:9px!important;
  }
}


/* TaskBirds Home Login Phone Fix v167
   Fixes the login box on 390x844:
   inputs were compressed and text/icons were not readable.
*/
@media (max-width:768px){
  .tb-login{
    width:100%!important;
    max-width:100%!important;
    padding:16px 14px!important;
    overflow:visible!important;
  }

  .tb-login .tb-left-title,
  .tb-left-title{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    margin:0 0 12px!important;
    font-size:18px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  .tb-login-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }

  .tb-login .tb-input,
  .tb-input{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    height:46px!important;
    min-height:46px!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }

  .tb-login .tb-input > span,
  .tb-input > span{
    width:42px!important;
    min-width:42px!important;
    height:46px!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    line-height:1!important;
  }

  .tb-login .tb-input input,
  .tb-input input{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
    display:block!important;
    padding:0 12px!important;
    margin:0!important;
    border:0!important;
    font-size:16px!important;
    line-height:46px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .tb-login-captcha{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
    border-radius:12px!important;
    overflow:visible!important;
  }

  .tb-login-captcha b,
  .tb-login-captcha label,
  .tb-login-captcha-title{
    display:block!important;
    width:100%!important;
    font-size:11px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  .tb-login-captcha-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
  }

  .tb-login-captcha-question{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:16px!important;
    line-height:1!important;
    border-radius:9px!important;
  }

  .tb-login-captcha input{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    display:block!important;
    padding:0 12px!important;
    margin:0!important;
    font-size:16px!important;
    line-height:42px!important;
    border-radius:9px!important;
  }

  .tb-forgot{
    display:block!important;
    width:100%!important;
    margin:2px 0 2px!important;
    text-align:right!important;
    font-size:11px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  .tb-login-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-height:48px!important;
    height:48px!important;
    margin-top:4px!important;
    border-radius:10px!important;
    font-size:17px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
}

@media (max-width:430px){
  .tb-login{
    padding:14px 12px!important;
  }

  .tb-login .tb-input,
  .tb-input{
    height:44px!important;
    min-height:44px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
  }

  .tb-login .tb-input > span,
  .tb-input > span{
    width:40px!important;
    min-width:40px!important;
    height:44px!important;
  }

  .tb-login .tb-input input,
  .tb-input input{
    height:44px!important;
    min-height:44px!important;
    line-height:44px!important;
  }
}


/* TaskBirds Home Top Cards Clean Phone v168
   Fix top navigation cards on 390x844:
   - hide arrow on phone
   - give title more room
   - keep 2x2 layout
   - make icon/title/subtitle readable
*/
@media (max-width:768px){
  .tb-top-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
  }

  .tb-top-link{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    grid-template-areas:"ico text"!important;
    gap:8px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    padding:9px 10px!important;
    overflow:hidden!important;
  }

  .tb-top-link > :first-child,
  .tb-top-link .tb-top-icon,
  .tb-top-icon{
    grid-area:ico!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .tb-top-link > div:not(:first-child){
    grid-area:text!important;
    min-width:0!important;
  }

  .tb-top-link b{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.05!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .tb-top-link small{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:3px!important;
    font-size:8.5px!important;
    line-height:1.12!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .tb-top-link svg{
    width:17px!important;
    height:17px!important;
  }

  .tb-top-link .tb-top-arrow,
  .tb-top-arrow,
  .tb-top-link > :last-child:not(div):not(span){
    display:none!important;
  }
}

@media (max-width:430px){
  .tb-top-link{
    grid-template-columns:30px minmax(0,1fr)!important;
    min-height:60px!important;
    padding:8px 9px!important;
    gap:7px!important;
  }

  .tb-top-link b{
    font-size:12px!important;
  }

  .tb-top-link small{
    font-size:8px!important;
  }
}

@media (max-width:350px){
  .tb-top-links{
    grid-template-columns:1fr!important;
  }

  .tb-top-link{
    grid-template-columns:34px minmax(0,1fr)!important;
  }

  .tb-top-link b{
    font-size:14px!important;
  }

  .tb-top-link small{
    font-size:9px!important;
  }
}


/* TaskBirds Register Page Phone Fix v169
   Fixes register.php 390x844: top stats became a long vertical block.
   Keep the same design, but make stats compact and form readable.
*/
@media (max-width:768px){
  body{
    overflow-x:hidden!important;
  }

  /* Register page common wrappers */
  .register-page,
  .tb-register-page,
  .tb-page,
  .tb-wrap,
  .register-wrap,
  .register-container,
  .tb-register-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:8px!important;
    padding-right:8px!important;
    box-sizing:border-box!important;
  }

  /* Top stats on register page */
  .tb-stats,
  .stats-row,
  .stats-grid,
  .top-stats,
  .project-stats,
  .global-stats,
  .global-stats-bar,
  .tb-project-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    overflow:hidden!important;
    margin:10px 0 12px!important;
    border-radius:14px!important;
  }

  .tb-stat,
  .stat-item,
  .stat-card,
  .project-stat,
  .global-stat,
  .tb-project-stat{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    padding:8px!important;
    overflow:hidden!important;
  }

  .tb-stat-title,
  .stat-title,
  .project-stat-title,
  .tb-stat-num,
  .stat-num,
  .project-stat-num,
  .tb-stat-sub,
  .stat-sub,
  .project-stat-sub{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .tb-stat-title,
  .stat-title,
  .project-stat-title{
    font-size:9px!important;
    line-height:1.05!important;
  }

  .tb-stat-num,
  .stat-num,
  .project-stat-num{
    font-size:16px!important;
    line-height:1.05!important;
  }

  .tb-stat-sub,
  .stat-sub,
  .project-stat-sub{
    font-size:8px!important;
    line-height:1.05!important;
  }

  /* Register form card */
  .tb-register,
  .register-card,
  .register-box,
  .tb-register-box,
  .register-form,
  .tb-register-form{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:14px!important;
    padding-right:14px!important;
    box-sizing:border-box!important;
  }

  .tb-register input,
  .register-card input,
  .register-box input,
  .tb-register-box input,
  .register-form input,
  .tb-register-form input{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    font-size:16px!important;
  }

  .tb-register button,
  .register-card button,
  .register-box button,
  .tb-register-box button,
  .register-form button,
  .tb-register-form button{
    width:100%!important;
    min-height:46px!important;
    font-size:16px!important;
  }
}

@media (max-width:350px){
  .tb-stats,
  .stats-row,
  .stats-grid,
  .top-stats,
  .project-stats,
  .global-stats,
  .global-stats-bar,
  .tb-project-stats{
    grid-template-columns:1fr!important;
  }
}

/* TaskBirds Profile User Data Phone Fix v171 */
@media (max-width:768px){
  .account-main-area .profile-info,
  .account-main-area .profile-details,
  .account-main-area .info-list,
  .account-main-area .details-list,
  .account-main-area .user-info,
  .account-main-area .user-details,
  .account-main-area .profile-data,
  .account-main-area .tb-profile-info,
  .account-main-area .tb-profile-details{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
  }

  .account-main-area .profile-info > *,
  .account-main-area .profile-details > *,
  .account-main-area .info-list > *,
  .account-main-area .details-list > *,
  .account-main-area .user-info > *,
  .account-main-area .user-details > *,
  .account-main-area .profile-data > *,
  .account-main-area .tb-profile-info > *,
  .account-main-area .tb-profile-details > *,
  .account-main-area .profile-row,
  .account-main-area .info-row,
  .account-main-area .detail-row,
  .account-main-area .user-row,
  .account-main-area .tb-profile-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-height:46px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    text-align:left!important;
    overflow:hidden!important;
  }

  .account-main-area .profile-info > * > :first-child,
  .account-main-area .profile-details > * > :first-child,
  .account-main-area .info-list > * > :first-child,
  .account-main-area .details-list > * > :first-child,
  .account-main-area .user-info > * > :first-child,
  .account-main-area .user-details > * > :first-child,
  .account-main-area .profile-data > * > :first-child,
  .account-main-area .profile-row > :first-child,
  .account-main-area .info-row > :first-child,
  .account-main-area .detail-row > :first-child,
  .account-main-area .user-row > :first-child,
  .account-main-area .tb-profile-row > :first-child{
    min-width:0!important;
    font-size:12px!important;
    line-height:1.15!important;
    text-align:left!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .account-main-area .profile-info > * > :last-child,
  .account-main-area .profile-details > * > :last-child,
  .account-main-area .info-list > * > :last-child,
  .account-main-area .details-list > * > :last-child,
  .account-main-area .user-info > * > :last-child,
  .account-main-area .user-details > * > :last-child,
  .account-main-area .profile-data > * > :last-child,
  .account-main-area .profile-row > :last-child,
  .account-main-area .info-row > :last-child,
  .account-main-area .detail-row > :last-child,
  .account-main-area .user-row > :last-child,
  .account-main-area .tb-profile-row > :last-child{
    min-width:0!important;
    max-width:58vw!important;
    font-size:13px!important;
    line-height:1.15!important;
    text-align:right!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .account-main-area [class*="profile"] [class*="item"],
  .account-main-area [class*="profile"] [class*="line"],
  .account-main-area [class*="profile"] [class*="field"]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    min-height:46px!important;
    padding:10px 12px!important;
    text-align:left!important;
  }

  .account-main-area .profile-avatar,
  .account-main-area .tb-avatar,
  .account-main-area .avatar{
    margin-bottom:12px!important;
  }

  .account-main-area .progress,
  .account-main-area .progress-bar,
  .account-main-area .level-progress,
  .account-main-area .tb-progress{
    margin:8px 0 14px!important;
  }
}

@media (max-width:430px){
  .account-main-area .profile-info > *,
  .account-main-area .profile-details > *,
  .account-main-area .info-list > *,
  .account-main-area .details-list > *,
  .account-main-area .user-info > *,
  .account-main-area .user-details > *,
  .account-main-area .profile-data > *,
  .account-main-area .tb-profile-info > *,
  .account-main-area .tb-profile-details > *,
  .account-main-area .profile-row,
  .account-main-area .info-row,
  .account-main-area .detail-row,
  .account-main-area .user-row,
  .account-main-area .tb-profile-row{
    min-height:44px!important;
    padding:9px 10px!important;
    gap:8px!important;
  }

  .account-main-area .profile-info > * > :first-child,
  .account-main-area .profile-details > * > :first-child,
  .account-main-area .info-list > * > :first-child,
  .account-main-area .details-list > * > :first-child{
    font-size:11px!important;
  }

  .account-main-area .profile-info > * > :last-child,
  .account-main-area .profile-details > * > :last-child,
  .account-main-area .info-list > * > :last-child,
  .account-main-area .details-list > * > :last-child{
    max-width:54vw!important;
    font-size:12px!important;
  }
}