/* Account page specific styles */
body{min-height:100vh;display:flex;flex-direction:column;margin:0;background:#f8fbff}
main.container{flex:1}
.account-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.25rem;margin-top:18px}
.card{padding:18px;border:1px solid #eef2f6;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(2,6,23,0.04)}
h1{font-size:1.6rem;margin:12px 0}
h3{font-size:1.05rem;margin:6px 0 12px}
label{display:block;font-weight:600;color:#0f172a;margin:8px 0 6px}
input[type="text"],input[type="email"],input[type="number"],textarea{width:95%;padding:10px;border:1px solid #e6eef5;border-radius:8px;background:#fcfeff}
.btn{display:inline-block;padding:8px 12px;background:var(--accent);color:hsl(222, 97%, 48%);border-radius:8px;border:none;cursor:pointer;font-weight:700}
.muted{color:hwb(216 94% 4%)}
.status-chip{display:inline-block;padding:6px 8px;border-radius:999px;background:#f1f5f9;color:#0f172a;font-weight:600}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid hsl(309, 70%, 39%);text-align:left}
.card h3{margin-top:0}
@media(max-width:820px){.account-grid{grid-template-columns:1fr;padding:0 8px} .card{padding:12px}}

/* Small helpers */
.form-row{margin-bottom:10px}
.form-row input{margin-top:6px}

/* Footer styling copied from the homepage */
.account-footer{
  padding:40px 20px;
  background:#0d47a1;
  color:#fff;
  text-align:center;
  margin-top:auto;
}

.account-footer p{
  margin:0 0 12px;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.6;
}

.account-footer a{
  color:#BBDEFB;
  text-decoration:none;
  font-weight:600;
}

.account-footer a:hover{
  color:#fff;
}

/* Floating support button */
.support-floating-icon{
  position:fixed;
  right:24px;
  bottom:104px;
  width:58px;
  height:58px;
  border:none;
  border-radius:50%;
  background:#25d366;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  cursor:pointer;
  box-shadow:0 14px 32px rgba(37,99,235,0.22);
  z-index:1400;
  transition:transform .2s ease, box-shadow .2s ease;
}

.support-floating-icon:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(37,99,235,0.26);
}

.notification-item-clickable{
  width:100%;
  text-align:left;
  cursor:pointer;
  border:1px solid rgba(59,130,246,0.14);
  background:linear-gradient(135deg,#eff6ff,#f8fafc);
  padding:18px;
  border-radius:18px;
  box-shadow:0 12px 24px rgba(59,130,246,0.06);
  transition:transform .15s ease, box-shadow .15s ease;
}

.notification-item-clickable:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(59,130,246,0.1);
}

@media (max-width:640px){
  .support-floating-icon{
    right:16px;
    bottom:96px;
    width:54px;
    height:54px;
    font-size:24px;
  }
}