/* #######################################################################
 * 🐢 TRTL UX — Turtle Account Home (Cards + Profile)
 * File: /assets/css/home.css
 * Version: v6.0.3-TA (TRTL v1.0.1)
 ####################################################################### */

/* Profile header */
.hi{
  display:grid;
  justify-items:center;
  gap:10px;
  margin:22px 0 32px 0;
}

.hi .avatar{
  width:96px;
  height:96px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:3px solid rgba(26,143,61,.25);
  background:var(--t-bg-alt);
}

.hi .avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.hi h1{
  margin:0;
  font-size:32px;
  font-weight:700;
}

.hi p{
  margin:0;
  color:var(--t-muted);
  font-size:14px;
}

/* Cards */
.cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
}

.card{
  background:var(--t-bg);
  border:1px solid var(--t-border);
  border-radius:16px;
  padding:24px;
  box-shadow:var(--shadow-sm);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:start;
}

.card .ico{
  width:44px;
  height:44px;
  border-radius:12px;
  overflow:hidden;
  background:rgba(26,143,61,.12);
  display:grid;
  place-items:center;
  border:1px solid rgba(26,143,61,.18);
}

.card .ico img{
  width:24px;
  height:24px;
  object-fit:contain;
}

.card h2{
  margin:0 0 8px 0;
  font-size:18px;
  font-weight:700;
}

.card p{
  margin:0;
  color:var(--t-muted);
  font-size:14px;
  grid-column:2;
}

.card .btn{
  grid-column:2;
  margin-top:12px;
  background:var(--t-green);
  color:#fff;
  border:1px solid var(--t-green);
  border-radius:12px;
  padding:10px 16px;
  font-weight:700;
}

.card .btn:hover{
  background:var(--t-green-600);
}

/* Row card (help) */
.card--row{
  grid-column:1 / -1;
}

/* Mobile */
@media(max-width:1100px){
  .cards{grid-template-columns:1fr;}
}

/* ===================================================================
   🐢 TURTLE GLOBAL FOOTER SUPPLEMENT (STRUCTURAL)
   =================================================================== */

/* Prevent TMVP from collapsing above footer */
.tn-page{min-height:100%;display:flex;flex-direction:column;}