/* =============================================
   ENO ACCOUNT — account.css
   Styles : inscription, dashboard contracteur,
   tableaux, formulaires, onglets
   ============================================= */

/* ---- BASE ---- */
.eno-inscription-wrap,
.eno-dashboard-wrap{
  max-width:800px;
  margin:0 auto;
  padding:20px;
  font-family:'Segoe UI',Arial,sans-serif;
  font-size:14px;
  color:#333;
}

/* ---- MESSAGES ---- */
.eno-msg{
  padding:12px 16px;
  border-radius:4px;
  margin-bottom:20px;
  font-size:14px;
  line-height:1.5;
}
.eno-msg.success,
.eno-msg-success{
  background:#e8f5e9;
  color:#2e7d32;
  border:1px solid #a5d6a7;
}
.eno-msg.error,
.eno-msg-error{
  background:#ffebee;
  color:#c62828;
  border:1px solid #ef9a9a;
}
.eno-msg.info{
  background:#e3f2fd;
  color:#1565c0;
  border:1px solid #90caf9;
}

/* ---- FORMS (inscription + profil) ---- */
.eno-form{max-width:560px;}

.eno-form-row{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-bottom:16px;
}

.eno-form-row label{
  font-size:13px;
  font-weight:600;
  color:#555;
}

.eno-form-row input[type="text"],
.eno-form-row input[type="email"],
.eno-form-row input[type="tel"],
.eno-form-row input[type="password"],
.eno-form-row textarea,
.eno-form-row select{
  width:100%;
  padding:10px 12px;
  border:1px solid #ddd;
  border-radius:4px;
  font-size:14px;
  font-family:inherit;
  color:#333;
  background:#fafafa;
  outline:none;
  transition:border-color 0.2s,box-shadow 0.2s;
}

.eno-form-row input:focus,
.eno-form-row textarea:focus,
.eno-form-row select:focus{
  border-color:#B29B62;
  box-shadow:0 0 0 3px rgba(178,155,98,0.15);
  background:#fff;
}

.eno-form-row textarea{
  resize:vertical;
  min-height:90px;
}

/* Main CTA button */
.eno-btn{
  display:inline-block;
  background:#B29B62;
  border:none;
  color:#fff;
  padding:11px 28px;
  border-radius:4px;
  cursor:pointer;
  font-size:15px;
  font-weight:700;
  letter-spacing:0.5px;
  transition:background 0.2s;
  text-decoration:none;
}
.eno-btn:hover{background:#9a8450;color:#fff;}

/* Small button */
.eno-btn-sm{
  display:inline-block;
  background:#f5f5f5;
  border:1px solid #ddd;
  color:#555;
  padding:5px 12px;
  border-radius:3px;
  cursor:pointer;
  font-size:12px;
  text-decoration:none;
  transition:all 0.2s;
}
.eno-btn-sm:hover{background:#B29B62;border-color:#B29B62;color:#fff;}
.eno-btn-sm.eno-btn-danger:hover{background:#e53935;border-color:#e53935;color:#fff;}

/* ---- DASHBOARD TABS ---- */
.eno-dash-tabs{
  display:flex;
  border-bottom:2px solid #B29B62;
  margin-bottom:24px;
  gap:0;
}

.eno-dash-tab{
  background:none;
  border:none;
  border-bottom:3px solid transparent;
  margin-bottom:-2px;
  padding:10px 22px;
  cursor:pointer;
  font-size:14px;
  font-weight:600;
  color:#888;
  transition:all 0.2s;
}
.eno-dash-tab:hover{color:#B29B62;}
.eno-dash-tab.active{
  color:#B29B62;
  border-bottom:3px solid #B29B62;
  background:#fffdf7;
}

.eno-dash-panel{padding:4px 0;}

/* ---- TABLES ---- */
.eno-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
  margin-top:12px;
}

.eno-table thead th{
  background:#f5f5f5;
  color:#555;
  padding:10px 12px;
  text-align:left;
  font-weight:700;
  font-size:12px;
  letter-spacing:0.5px;
  text-transform:uppercase;
  border-bottom:2px solid #e0d0a0;
}

.eno-table tbody tr{
  border-bottom:1px solid #f0f0f0;
  transition:background 0.15s;
}
.eno-table tbody tr:hover{background:#fffdf5;}

.eno-table tbody td{
  padding:10px 12px;
  color:#444;
  vertical-align:middle;
}

.eno-table tbody td:last-child{
  white-space:nowrap;
}

/* ---- RABAIS BOX ---- */
.eno-rabais-box{
  background:#fffde7;
  border:1px solid #f9c825;
  border-left:4px solid #B29B62;
  border-radius:4px;
  padding:12px 16px;
  margin-bottom:20px;
  font-size:13px;
  color:#5d4e00;
  line-height:1.6;
}
.eno-rabais-box strong{color:#B29B62;}

/* ---- STATUS BADGES ---- */
.eno-status-approved{
  display:inline-block;
  background:#e8f5e9;
  color:#2e7d32;
  padding:2px 10px;
  border-radius:10px;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.5px;
}
.eno-status-pending{
  display:inline-block;
  background:#fff8e1;
  color:#e65100;
  padding:2px 10px;
  border-radius:10px;
  font-size:11px;
  font-weight:700;
}
.eno-status-blocked{
  display:inline-block;
  background:#ffebee;
  color:#c62828;
  padding:2px 10px;
  border-radius:10px;
  font-size:11px;
  font-weight:700;
}

/* ---- SECTION HEADINGS ---- */
.eno-dashboard-wrap h3{
  font-size:16px;
  color:#333;
  margin-bottom:14px;
  padding-bottom:8px;
  border-bottom:1px solid #e8e0cc;
}

/* ---- EMPTY STATE ---- */
.eno-empty{
  color:#aaa;
  font-style:italic;
  padding:20px 0;
  text-align:center;
  font-size:13px;
}

/* ---- RESPONSIVE ---- */
@media(max-width:600px){
  .eno-inscription-wrap,
  .eno-dashboard-wrap{padding:14px;}

  .eno-dash-tab{padding:8px 14px;font-size:13px;}

  .eno-table thead{display:none;}
  .eno-table tbody tr{
    display:block;
    border:1px solid #e0e0e0;
    border-radius:4px;
    margin-bottom:10px;
    padding:10px;
  }
  .eno-table tbody td{
    display:flex;
    justify-content:space-between;
    padding:5px 0;
    border:none;
    font-size:13px;
  }
  .eno-table tbody td:before{
    content:attr(data-label);
    font-weight:600;
    color:#888;
    font-size:11px;
    text-transform:uppercase;
    margin-right:8px;
  }

  .eno-form{max-width:100%;}
  .eno-btn{width:100%;text-align:center;}
}