/*
 * TimNhao UI System v2.8.0
 * Final presentation layer loaded after legacy styles.
 * Goal: one visual language across Flatsome pages without changing business logic.
 */
:root{
  --tn-brand:#8a123d;
  --tn-brand-strong:#6f0f31;
  --tn-brand-soft:#fff5f8;
  --tn-bg:#f4f4f5;
  --tn-surface:#fff;
  --tn-surface-2:#fafafa;
  --tn-text:#20242d;
  --tn-muted:#70757f;
  --tn-border:#ece1e5;
  --tn-border-strong:#dfc9d1;
  --tn-success:#16854b;
  --tn-warning:#b96a08;
  --tn-danger:#b4233d;
  --tn-radius:14px;
  --tn-radius-sm:10px;
  --tn-shadow:0 8px 26px rgba(32,20,26,.06);
  --tn-control-h:44px;
  --tn-gap:16px;
  --tn-bottom-bar-h:60px;
}

/* Base / Flatsome coexistence */
html body:not(.wp-admin) .timnhao-flatsome-native,
html body:not(.wp-admin) .tn-market-app,
html body:not(.wp-admin) .tn-public-app,
html body:not(.wp-admin) .tn-public-page,
html body:not(.wp-admin) .timnhao-home-v203{
  font-family:inherit!important;
  color:var(--tn-text)!important;
}
html body:not(.wp-admin) .timnhao-flatsome-native *,
html body:not(.wp-admin) .tn-market-app *,
html body:not(.wp-admin) .tn-public-app *{box-sizing:border-box}
html body:not(.wp-admin) .tn-muted{color:var(--tn-muted)!important}
html body:not(.wp-admin) a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}

/* Spacing and surfaces */
html body:not(.wp-admin) .tn-card,
html body:not(.wp-admin) .tn-table-card,
html body:not(.wp-admin) .tn-seller-box,
html body:not(.wp-admin) .tn-home-card,
html body:not(.wp-admin) .tn-home-rank-side,
html body:not(.wp-admin) .tn-bank-support-rank{
  background:var(--tn-surface)!important;
  border:1px solid var(--tn-border)!important;
  border-radius:var(--tn-radius)!important;
  box-shadow:none!important;
}
html body:not(.wp-admin) .tn-card,
html body:not(.wp-admin) .tn-table-card{padding:16px!important}
html body:not(.wp-admin) .tn-card + .tn-card{margin-top:16px!important}
html body:not(.wp-admin) .tn-card h1,
html body:not(.wp-admin) .tn-card h2,
html body:not(.wp-admin) .tn-card h3{color:var(--tn-text)!important}

/* Section headers */
html body:not(.wp-admin) .tn-section-head,
html body:not(.wp-admin) .tn-market-head,
html body:not(.wp-admin) .tn-list-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:14px!important;
}
html body:not(.wp-admin) .tn-section-head h1,
html body:not(.wp-admin) .tn-section-head h2,
html body:not(.wp-admin) .tn-market-head h1,
html body:not(.wp-admin) .tn-market-head h2{
  margin:0!important;
  line-height:1.25!important;
  font-weight:800!important;
}
html body:not(.wp-admin) .tn-section-head p,
html body:not(.wp-admin) .tn-market-head p{margin:4px 0 0!important;color:var(--tn-muted)!important}

/* Buttons */
html body:not(.wp-admin) .tn-btn,
html body:not(.wp-admin) button.tn-btn,
html body:not(.wp-admin) a.tn-btn{
  min-height:var(--tn-control-h)!important;
  padding:0 15px!important;
  border-radius:var(--tn-radius-sm)!important;
  border:1px solid var(--tn-brand)!important;
  background:var(--tn-brand)!important;
  color:#fff!important;
  font:inherit!important;
  font-weight:700!important;
  line-height:1.2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-decoration:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
html body:not(.wp-admin) .tn-btn:hover{background:var(--tn-brand-strong)!important;border-color:var(--tn-brand-strong)!important;transform:translateY(-1px)!important}
html body:not(.wp-admin) .tn-btn-ghost,
html body:not(.wp-admin) .tn-mini{
  background:#fff!important;
  color:var(--tn-brand)!important;
  border-color:var(--tn-border-strong)!important;
}
html body:not(.wp-admin) .tn-btn-ghost:hover,
html body:not(.wp-admin) .tn-mini:hover{background:var(--tn-brand-soft)!important;border-color:var(--tn-brand)!important;color:var(--tn-brand)!important}
html body:not(.wp-admin) .tn-btn-full{width:100%!important}
html body:not(.wp-admin) .tn-mini{min-height:34px!important;padding:0 10px!important;border-radius:9px!important;font-size:12px!important}
html body:not(.wp-admin) .tn-mini.danger{color:var(--tn-danger)!important;border-color:#f1cbd4!important}

/* Inputs / filters */
html body:not(.wp-admin) .tn-market-app input:not([type=checkbox]):not([type=radio]):not([type=range]),
html body:not(.wp-admin) .tn-market-app select,
html body:not(.wp-admin) .tn-market-app textarea,
html body:not(.wp-admin) .tn-public-app input:not([type=checkbox]):not([type=radio]):not([type=range]),
html body:not(.wp-admin) .tn-public-app select,
html body:not(.wp-admin) .tn-public-app textarea,
html body:not(.wp-admin) .tn-modal input:not([type=checkbox]):not([type=radio]):not([type=range]),
html body:not(.wp-admin) .tn-modal select,
html body:not(.wp-admin) .tn-modal textarea{
  width:100%!important;
  min-height:var(--tn-control-h)!important;
  border:1px solid var(--tn-border-strong)!important;
  border-radius:var(--tn-radius-sm)!important;
  background:#fff!important;
  color:var(--tn-text)!important;
  padding:9px 12px!important;
  margin-top:5px!important;
  box-shadow:none!important;
  font:inherit!important;
}
html body:not(.wp-admin) textarea{min-height:100px!important;resize:vertical!important}
html body:not(.wp-admin) input:focus,
html body:not(.wp-admin) select:focus,
html body:not(.wp-admin) textarea:focus{outline:0!important;border-color:var(--tn-brand)!important;box-shadow:0 0 0 3px rgba(138,18,61,.08)!important}
html body:not(.wp-admin) .tn-search-bar-inline,
html body:not(.wp-admin) .tn-project-product-search.tn-search-bar-inline{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:8px!important;
  align-items:center!important;
}
html body:not(.wp-admin) .tn-search-bar-inline > *{height:var(--tn-control-h)!important;min-height:var(--tn-control-h)!important;margin:0!important}
html body:not(.wp-admin) .tn-search-filter-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}

/* Tables */
html body:not(.wp-admin) .tn-table-card{overflow:auto!important;-webkit-overflow-scrolling:touch!important}
html body:not(.wp-admin) .tn-table-card table,
html body:not(.wp-admin) .tn-compare-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}
html body:not(.wp-admin) .tn-table-card th,
html body:not(.wp-admin) .tn-table-card td,
html body:not(.wp-admin) .tn-compare-table th,
html body:not(.wp-admin) .tn-compare-table td{
  padding:11px 12px!important;
  border-bottom:1px solid var(--tn-border)!important;
  vertical-align:middle!important;
  background:#fff!important;
}
html body:not(.wp-admin) .tn-table-card th,
html body:not(.wp-admin) .tn-compare-table th{font-size:12px!important;color:var(--tn-muted)!important;font-weight:800!important;background:#faf8f9!important}
html body:not(.wp-admin) .tn-compare-table-wrap{overflow:auto!important;scrollbar-gutter:stable!important;-webkit-overflow-scrolling:touch!important}
html body:not(.wp-admin) .tn-compare-table{table-layout:fixed!important;width:max-content!important;min-width:100%!important}
html body:not(.wp-admin) .tn-compare-table th:first-child,
html body:not(.wp-admin) .tn-compare-table td:first-child{position:sticky!important;left:0!important;z-index:5!important;min-width:140px!important;max-width:160px!important;background:#fff7fa!important}
html body:not(.wp-admin) .tn-compare-table th:not(:first-child),
html body:not(.wp-admin) .tn-compare-table td:not(:first-child){min-width:200px!important;width:240px!important;max-width:300px!important}

/* Product lists */
html body:not(.wp-admin) .tn-product-simple-list{display:grid!important;gap:0!important;border:1px solid var(--tn-border)!important;border-radius:var(--tn-radius)!important;overflow:hidden!important;background:#fff!important}
html body:not(.wp-admin) .tn-product-simple-row{
  border:0!important;
  border-bottom:1px solid var(--tn-border)!important;
  border-radius:0!important;
  background:#fff!important;
  padding:12px!important;
  transition:background .15s ease!important;
}
html body:not(.wp-admin) .tn-product-simple-row:last-child{border-bottom:0!important}
html body:not(.wp-admin) .tn-product-simple-row:hover{background:#fff8fa!important;transform:none!important;box-shadow:none!important}
html body:not(.wp-admin) .tn-product-simple-thumb img,
html body:not(.wp-admin) .tn-product-empty-thumb{border-radius:10px!important;object-fit:cover!important;background:#f1f1f2!important}

/* Detail pages */
html body:not(.wp-admin) .tn-public-detail,
html body:not(.wp-admin) .tn-project-detail,
html body:not(.wp-admin) .tn-event-detail{max-width:1280px!important;margin:0 auto!important}
html body:not(.wp-admin) .tn-detail-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:18px!important;align-items:start!important}
html body:not(.wp-admin) .tn-detail-main,
html body:not(.wp-admin) .tn-detail-side{min-width:0!important}
html body:not(.wp-admin) .tn-detail-img,
html body:not(.wp-admin) .tn-event-img{width:100%!important;border-radius:var(--tn-radius)!important;display:block!important;background:#eee!important;object-fit:cover!important}
html body:not(.wp-admin) .tn-detail-specs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important}
html body:not(.wp-admin) .tn-detail-specs > div{padding:12px!important;border:1px solid var(--tn-border)!important;border-radius:12px!important;background:#fff!important;min-width:0!important}
html body:not(.wp-admin) .tn-detail-specs b{display:block!important;font-size:12px!important;color:var(--tn-muted)!important;margin-bottom:4px!important}
html body:not(.wp-admin) .tn-detail-action-bar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:8px 0 14px!important;border:1px solid var(--tn-border)!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important}
html body:not(.wp-admin) .tn-detail-action-btn{min-height:46px!important;border:0!important;border-right:1px solid var(--tn-border)!important;border-radius:0!important;background:#fff!important;color:var(--tn-brand)!important;font-weight:700!important}
html body:not(.wp-admin) .tn-detail-action-btn:last-child{border-right:0!important}
html body:not(.wp-admin) .tn-detail-action-btn:hover{background:var(--tn-brand-soft)!important}

/* Contributor component: one component, predictable states */
html body:not(.wp-admin) .tn-contributor-clean,
html body:not(.wp-admin) .tn-contributor-compact{
  position:relative!important;
  overflow:visible!important;
  padding:14px!important;
  border-radius:var(--tn-radius)!important;
  background:#fff!important;
}
html body:not(.wp-admin) .tn-contributor-clean > h3,
html body:not(.wp-admin) .tn-contributor-compact > h3{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 0 12px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid var(--tn-border)!important;
  font-size:16px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow:visible!important;
}
html body:not(.wp-admin) .tn-contributor-clean > h3:before,
html body:not(.wp-admin) .tn-contributor-compact > h3:before{display:none!important;content:none!important}
html body:not(.wp-admin) .tn-contributor-clean-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(130px,180px)!important;
  gap:12px!important;
  align-items:center!important;
}
html body:not(.wp-admin) .tn-contributor-clean-info{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;text-decoration:none!important;color:inherit!important}
html body:not(.wp-admin) .tn-contributor-clean-info .avatar{width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:50%!important;object-fit:cover!important}
html body:not(.wp-admin) .tn-contributor-clean-text{min-width:0!important}
html body:not(.wp-admin) .tn-contributor-clean-text h4{margin:0 0 3px!important;font-size:15px!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;color:var(--tn-text)!important}
html body:not(.wp-admin) .tn-contributor-clean-text p{margin:0!important;font-size:12px!important;line-height:1.25!important;color:var(--tn-muted)!important;white-space:normal!important}
html body:not(.wp-admin) .tn-contributor-clean-contact{display:grid!important;gap:7px!important;padding-left:10px!important;border-left:1px solid var(--tn-border)!important}
html body:not(.wp-admin) .tn-contributor-clean-contact .tn-btn{min-height:38px!important;font-size:12px!important;padding:0 9px!important;margin:0!important}
html body:not(.wp-admin) [data-tn-contributor-toggle]{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;border-radius:50%!important;border:1px solid var(--tn-border-strong)!important;background:#fff!important;color:var(--tn-brand)!important;font-size:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;justify-self:end!important;box-shadow:none!important}

/* Bank support and loan policies */
html body:not(.wp-admin) .tn-bank-support-detail-box{padding:16px!important;margin-top:16px!important}
html body:not(.wp-admin) .tn-bank-support-detail-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body:not(.wp-admin) .tn-bank-support-detail-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px!important;border:1px solid var(--tn-border)!important;border-radius:12px!important;background:#fff!important}
html body:not(.wp-admin) .tn-bank-support-loan-title{font-weight:800!important;color:var(--tn-text)!important;line-height:1.3!important}
html body:not(.wp-admin) .tn-bank-support-member{display:flex!important;align-items:center!important;gap:9px!important;color:inherit!important;text-decoration:none!important;min-width:0!important}
html body:not(.wp-admin) .tn-bank-support-member .avatar{width:42px!important;height:42px!important;border-radius:50%!important;object-fit:cover!important}
html body:not(.wp-admin) .tn-bank-support-actions{display:flex!important;gap:6px!important}
html body:not(.wp-admin) .tn-loan-policy-view-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body:not(.wp-admin) .tn-loan-policy-view-grid p{margin:0!important;padding:12px!important;border:1px solid var(--tn-border)!important;border-radius:12px!important;background:#fff!important}
html body:not(.wp-admin) .tn-loan-policy-view-desc{padding:14px!important;border:1px solid var(--tn-border)!important;border-radius:12px!important;background:#fff!important;line-height:1.65!important}

/* Account dashboard */
html body:not(.wp-admin) .tn-account-quick{margin-top:16px!important}
html body:not(.wp-admin) .tn-account-quick-group{margin-top:16px!important;padding-top:14px!important;border-top:1px solid var(--tn-border)!important}
html body:not(.wp-admin) .tn-account-group-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}
html body:not(.wp-admin) .tn-account-group-title h3{margin:0!important;font-size:16px!important}
html body:not(.wp-admin) .tn-account-group-title span{font-size:12px!important;color:var(--tn-muted)!important}
html body:not(.wp-admin) .tn-account-quick-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
html body:not(.wp-admin) .tn-account-quick-stats a,
html body:not(.wp-admin) .tn-account-quick-card{border:1px solid var(--tn-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;text-decoration:none!important;color:inherit!important}
html body:not(.wp-admin) .tn-account-quick-stats a{padding:12px!important}
html body:not(.wp-admin) .tn-account-quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
html body:not(.wp-admin) .tn-account-quick-card{padding:12px!important;min-height:96px!important;display:flex!important;flex-direction:column!important;gap:4px!important}
html body:not(.wp-admin) .tn-account-quick-card:hover{background:var(--tn-brand-soft)!important;border-color:var(--tn-border-strong)!important;transform:none!important}

/* Modal system: header / scroll body / footer */
html body:not(.wp-admin) .tn-modal{position:fixed!important;inset:0!important;z-index:100100!important;overflow:hidden!important}
html body:not(.wp-admin) .tn-modal.open{display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important}
html body:not(.wp-admin) .tn-modal-backdrop{position:absolute!important;inset:0!important;background:rgba(18,18,20,.58)!important}
html body:not(.wp-admin) .tn-modal-box,
html body:not(.wp-admin) .tn-modal-compare{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:min(960px,calc(100vw - 32px))!important;
  max-width:960px!important;
  height:min(92vh,900px)!important;
  max-height:92vh!important;
  margin:0!important;
  padding:0!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 24px 80px rgba(0,0,0,.25)!important;
  overflow:hidden!important;
}
html body:not(.wp-admin) .tn-modal-box:not(.tn-modal-wide):not(.tn-modal-compare){max-width:680px!important}
html body:not(.wp-admin) .tn-modal-box > h2,
html body:not(.wp-admin) .tn-modal-compare > h2{
  flex:0 0 auto!important;
  margin:0!important;
  padding:17px 64px 17px 20px!important;
  border-bottom:1px solid var(--tn-border)!important;
  font-size:20px!important;
  line-height:1.25!important;
  background:#fff!important;
}
html body:not(.wp-admin) .tn-modal-close{position:absolute!important;top:10px!important;right:12px!important;z-index:12!important;width:34px!important;height:34px!important;border-radius:50%!important;border:0!important;background:#f2f2f3!important;color:#555!important;font-size:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
html body:not(.wp-admin) .tn-modal-box > form,
html body:not(.wp-admin) .tn-modal-box > .tn-modal-body,
html body:not(.wp-admin) .tn-modal-box > .tn-compare-table-wrap,
html body:not(.wp-admin) .tn-modal-compare > .tn-compare-table-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding:16px 20px!important;
  margin:0!important;
}
html body:not(.wp-admin) .tn-modal-actions{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin:0!important;
  padding:12px 20px!important;
  border-top:1px solid var(--tn-border)!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* Home */
html body:not(.wp-admin) .timnhao-home-v203{background:transparent!important}
html body:not(.wp-admin) .timnhao-home-v203 .tn-home-two-col{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)!important;gap:20px!important;align-items:start!important}
html body:not(.wp-admin) .timnhao-home-v203 .tn-home-main,
html body:not(.wp-admin) .timnhao-home-v203 .tn-home-aside{min-width:0!important}
html body:not(.wp-admin) .tn-home-project-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
html body:not(.wp-admin) .tn-home-event-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}

/* Desktop fixed sidebar */
@media(min-width:850px){
  html body.tn-desktop-fixed-flatsome-sidebar{padding-left:300px!important}
  html body .tn-desktop-flatsome-sidebar-fixed{width:300px!important;background:#fff!important;border-right:1px solid var(--tn-border)!important;box-shadow:none!important}
  html body .tn-sidebar-brand{padding:18px!important;border-bottom:1px solid var(--tn-border)!important}
  html body .tn-sidebar-nav{padding:10px!important}
  html body .tn-sidebar-nav a{border-radius:9px!important}
  html body:not(.wp-admin) .tn-detail-side .tn-contributor-clean [data-tn-contributor-toggle]{display:none!important}
  html body:not(.wp-admin) .tn-detail-side .tn-contributor-clean-row{display:grid!important}
}

/* Tablet */
@media(max-width:1199px){
  html body:not(.wp-admin) .tn-detail-grid{grid-template-columns:1fr!important}
  html body:not(.wp-admin) .tn-detail-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body:not(.wp-admin) .tn-detail-side{position:relative!important;inset:auto!important;width:100%!important;z-index:1!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
  html body:not(.wp-admin) .tn-bank-support-detail-list{grid-template-columns:1fr!important}
  html body:not(.wp-admin) .tn-account-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body:not(.wp-admin) .tn-account-quick-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body:not(.wp-admin) .timnhao-home-v203 .tn-home-two-col{grid-template-columns:1fr!important}
  html body:not(.wp-admin) .tn-home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body:not(.wp-admin) .tn-home-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Mobile */
@media(max-width:767px){
  :root{--tn-gap:12px;--tn-control-h:42px;--tn-bottom-bar-h:60px}
  html body:not(.wp-admin) .tn-card,
  html body:not(.wp-admin) .tn-table-card{padding:14px!important;border-radius:12px!important}
  html body:not(.wp-admin) .tn-section-head,
  html body:not(.wp-admin) .tn-market-head{gap:8px!important}
  html body:not(.wp-admin) .tn-section-head h2,
  html body:not(.wp-admin) .tn-market-head h1{font-size:19px!important}
  html body:not(.wp-admin) .tn-search-bar-inline,
  html body:not(.wp-admin) .tn-project-product-search.tn-search-bar-inline{grid-template-columns:minmax(0,1fr) 42px 42px!important;gap:6px!important}
  html body:not(.wp-admin) .tn-search-filter-grid{grid-template-columns:1fr!important}
  html body:not(.wp-admin) .tn-detail-specs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body:not(.wp-admin) .tn-detail-specs > div{padding:10px!important}
  html body:not(.wp-admin) .tn-detail-action-bar{margin:8px 0 12px!important}
  html body:not(.wp-admin) .tn-detail-action-btn{min-height:44px!important;font-size:12px!important;padding:4px!important}
  html body:not(.wp-admin) .tn-contributor-clean-row{grid-template-columns:minmax(0,1fr) minmax(116px,145px)!important;gap:9px!important}
  html body:not(.wp-admin) .tn-contributor-clean-info .avatar{width:44px!important;height:44px!important;flex-basis:44px!important}
  html body:not(.wp-admin) .tn-contributor-clean-contact{padding-left:8px!important;gap:6px!important}
  html body:not(.wp-admin) .tn-contributor-clean-contact .tn-btn{min-height:36px!important;font-size:11.5px!important}
  html body:not(.wp-admin) .tn-bank-support-detail-item{grid-template-columns:1fr!important}
  html body:not(.wp-admin) .tn-bank-support-actions{width:100%!important}
  html body:not(.wp-admin) .tn-bank-support-actions .tn-btn{flex:1!important}
  html body:not(.wp-admin) .tn-loan-policy-view-grid{grid-template-columns:1fr!important}
  html body:not(.wp-admin) .tn-account-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body:not(.wp-admin) .tn-account-quick-card{min-height:88px!important;padding:10px!important}
  html body:not(.wp-admin) .tn-modal.open{padding:0!important;align-items:stretch!important}
  html body:not(.wp-admin) .tn-modal-box,
  html body:not(.wp-admin) .tn-modal-compare{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  html body:not(.wp-admin) .tn-modal-box > h2,
  html body:not(.wp-admin) .tn-modal-compare > h2{padding:15px 54px 15px 16px!important;font-size:18px!important}
  html body:not(.wp-admin) .tn-modal-close{top:8px!important;right:10px!important}
  html body:not(.wp-admin) .tn-modal-box > form,
  html body:not(.wp-admin) .tn-modal-box > .tn-modal-body,
  html body:not(.wp-admin) .tn-modal-box > .tn-compare-table-wrap,
  html body:not(.wp-admin) .tn-modal-compare > .tn-compare-table-wrap{padding:14px 16px!important}
  html body:not(.wp-admin) .tn-modal-actions{padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important}
  html body:not(.wp-admin) .tn-home-project-grid,
  html body:not(.wp-admin) .tn-home-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body:not(.wp-admin) .tn-product-simple-row{grid-template-columns:26px 72px minmax(0,1fr)!important;gap:8px!important;padding:9px!important}
  html body:not(.wp-admin) .tn-product-simple-thumb{display:block!important;width:72px!important}
  html body:not(.wp-admin) .tn-product-simple-thumb img,
  html body:not(.wp-admin) .tn-product-empty-thumb{width:72px!important;height:56px!important;border-radius:9px!important}
}

/* Mobile bottom account bar */
@media(max-width:849px){
  html body:not(.wp-admin) .tn-account-bottom-bar{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    z-index:100050!important;
    height:calc(var(--tn-bottom-bar-h) + env(safe-area-inset-bottom))!important;
    padding:4px 6px env(safe-area-inset-bottom)!important;
    margin:0!important;
    border:0!important;
    border-top:1px solid var(--tn-border)!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:0 -6px 18px rgba(25,20,22,.08)!important;
  }
  html body:not(.wp-admin) .tn-account-bottom-item{min-width:0!important;color:#6e737c!important;text-decoration:none!important}
  html body:not(.wp-admin) .tn-account-bottom-item b{font-size:10px!important;font-weight:700!important;margin-top:2px!important}
  html body:not(.wp-admin) .tn-account-bottom-post{color:var(--tn-brand)!important}
  html body:not(.wp-admin) .tn-account-bottom-post .tn-bottom-icon,
  html body:not(.wp-admin) .tn-account-bottom-post > span:first-child{background:var(--tn-brand)!important;color:#fff!important;border-radius:50%!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:-10px!important;box-shadow:0 5px 14px rgba(138,18,61,.22)!important}
  html body:not(.wp-admin) .tn-project-detail,
  html body:not(.wp-admin) .tn-event-detail,
  html body:not(.wp-admin) .tn-public-detail{padding-bottom:calc(var(--tn-bottom-bar-h) + env(safe-area-inset-bottom) + 8px)!important}
  html body:not(.wp-admin) .tn-contributor-clean{padding-bottom:14px!important}
  html body:not(.wp-admin) .tn-contributor-clean.is-collapsed{padding-bottom:14px!important}
}

/* Auth pages */
html body.tn-timnhao-auth-page .tn-auth-wrap,
html body.tn-timnhao-auth-page .tn-register-app{min-height:100vh!important;width:100%!important;border-radius:0!important;margin:0!important}
@media(min-width:850px){
  html body.tn-timnhao-auth-page .tn-auth-wrap,
  html body.tn-timnhao-auth-page .tn-register-app{min-height:100vh!important;padding:clamp(28px,4vw,56px)!important}
}