*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#17202a}header{background:#102a43;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}nav a{color:#fff;margin-left:18px;text-decoration:none}main{max-width:1180px;margin:28px auto;padding:0 18px}.card{background:#fff;border-radius:10px;padding:22px;box-shadow:0 2px 10px #0001}.narrow{max-width:480px;margin:auto}.bar{display:flex;justify-content:space-between;align-items:center}.button,button{background:#1261a0;color:#fff;border:0;border-radius:6px;padding:10px 14px;text-decoration:none;cursor:pointer}label{display:block;font-weight:600;margin:10px 0}input,select,textarea{width:100%;padding:10px;border:1px solid #ccd6dd;border-radius:5px;margin-top:5px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5e9ed}small{display:block;color:#667}.error{color:#a00}.notice{background:#fff7d6;padding:10px}.inline{display:flex;gap:6px}.inline button{padding:7px}@media(max-width:700px){.grid{grid-template-columns:1fr}header{display:block}nav{margin-top:10px}nav a{margin:0 12px 0 0}.bar{display:block}table{font-size:13px}}
.muted{color:#667085;margin-top:4px}.badge{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:10px;font-size:11px;font-weight:700}.overdue{background:#fde2e2;color:#9b1c1c}.due{background:#fff0c2;color:#7a5200}.upcoming{background:#e3f2e8;color:#176b3a}.success{background:#e7f7ec}.smallbutton{display:inline-block;font-size:13px}.password-form{min-width:260px;padding:10px 0}.showpass{font-weight:400}.showpass input{width:auto;margin-right:6px}.topgap{margin-top:7px}details summary{list-style:none}details summary::-webkit-details-marker{display:none}
.owner-filter{padding:14px 18px;margin-bottom:16px}.owner-filter form{margin:0}.owner-filter select{display:inline-block;width:auto;min-width:180px;margin-left:8px}

button.danger{background:#b42318;} button.danger:hover{filter:brightness(.95);}
.mobile-tools{margin-bottom:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mobile-tools .muted{margin:0}.mobile-actions{display:flex;gap:8px;flex-wrap:wrap}.mobile-tools small{flex-basis:100%}.contact-actions{margin-top:18px;padding-top:16px;border-top:1px solid #e5e9ed;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.contact-actions small{flex-basis:100%}.action-email{background:#1261a0}.action-whatsapp{background:#167d43}@media(max-width:700px){.mobile-tools{align-items:flex-start}.contact-actions .button{width:100%;text-align:center}}
.export-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.export-actions .button{display:inline-block}

/* V1.6.1 lead action alignment */
.contact-actions{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #e5e9ed;
  display:block;
}
.contact-title{
  font-weight:700;
  margin-bottom:10px;
}
.contact-buttons{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.contact-buttons .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:110px;
  min-height:42px;
}
.contact-actions small{
  display:block;
  margin-top:2px;
}
.danger-zone{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #e5e9ed;
}
.danger-zone form{margin:0;}
@media(max-width:700px){
  .contact-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .contact-buttons .button{width:100%;min-width:0;}
  .danger-zone button{width:100%;}
}


/* ===== V1.6.2 final dashboard + lead alignment ===== */
.save-row{margin-top:16px;margin-bottom:0}

.contact-actions{
  margin:20px 0 0 !important;
  padding:18px 0 0 !important;
  border-top:0 !important;
  display:block !important;
}
.contact-title{
  display:block;
  font-size:18px;
  font-weight:700;
  line-height:1.3;
  margin:0 0 12px !important;
}
.contact-buttons{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin:0 0 10px !important;
}
.contact-buttons .button{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:150px !important;
  min-height:44px !important;
  padding:11px 20px !important;
  margin:0 !important;
}
.contact-actions small{
  display:block !important;
  clear:both;
  margin:0 !important;
  line-height:1.45;
}

.danger-zone{
  clear:both;
  margin-top:20px !important;
  padding-top:16px !important;
  border-top:1px solid #e1e6eb !important;
}
.danger-zone form{
  margin:0 !important;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.danger-note{color:#667085;font-size:14px}

.mobile-tools{
  display:block !important;
  margin-bottom:24px !important;
  padding:20px 22px !important;
}
.mobile-tools-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.mobile-tools-head>div:first-child{
  display:flex;
  align-items:baseline;
  gap:10px;
  flex-wrap:wrap;
}
.mobile-title{
  font-size:18px;
  font-weight:700;
  line-height:1.3;
}
.mobile-tools .muted{
  margin:0 !important;
  line-height:1.4;
}
.mobile-actions{
  display:flex !important;
  align-items:center;
  gap:10px !important;
  flex-wrap:wrap;
}
.mobile-actions button{margin:0 !important;min-height:42px}
.mobile-tools small{
  display:block !important;
  margin-top:12px !important;
  line-height:1.45;
}

.dashboard-heading{
  gap:20px;
  margin-bottom:18px;
}
.dashboard-heading h1{margin:0 0 8px}
.dashboard-heading p{margin:0}

.owner-filter{
  padding:20px 22px !important;
}
.filter-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,1fr)) auto;
  gap:14px 18px;
  align-items:end;
  margin:0 !important;
}
.filter-grid label{
  margin:0 !important;
}
.filter-grid select{
  width:100% !important;
  min-width:0 !important;
  margin:7px 0 0 !important;
}
.filter-actions{
  display:flex;
  gap:10px;
  align-items:center;
  padding-bottom:0;
}
.filter-actions button,
.filter-actions .button{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
.secondary-button{
  background:#fff !important;
  color:#17202a !important;
  border:1px solid #ccd6dd !important;
}
.export-actions{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin-top:16px !important;
  padding-top:16px;
  border-top:1px solid #e5e9ed;
}

@media(max-width:850px){
  .filter-grid{grid-template-columns:1fr 1fr}
  .filter-actions{grid-column:1/-1}
}
@media(max-width:700px){
  .contact-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100%;
  }
  .contact-buttons .button{
    width:100% !important;
    min-width:0 !important;
  }
  .danger-zone form{display:block !important}
  .danger-zone button{width:100% !important}
  .danger-note{display:block;margin-top:8px}
  .mobile-tools-head{
    display:block !important;
  }
  .mobile-tools-head>div:first-child{
    display:block !important;
  }
  .mobile-title{margin-bottom:5px}
  .mobile-actions{
    margin-top:14px;
    display:grid !important;
    grid-template-columns:1fr 1fr;
  }
  .mobile-actions button{width:100%}
  .filter-grid{grid-template-columns:1fr !important}
  .filter-actions{grid-column:auto}
  .filter-actions button,.filter-actions .button{flex:1}
  .dashboard-heading .button{display:inline-block;margin-top:10px}
}

.lead-meta{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  margin:-4px 0 18px;
  padding:10px 12px;
  background:#f7f9fb;
  border:1px solid #e4e9ee;
  border-radius:8px;
  font-size:14px;
}
.lead-meta span{white-space:nowrap}
@media(max-width:700px){
  .lead-meta{display:block}
  .lead-meta span{display:block;white-space:normal;margin:3px 0}
}