/* Invitation User Login - minimal professional UI */
.iul-wrap{
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  color: var(--iul-text,#111827);
}
.iul-card{
  max-width: 920px;
  margin: 18px auto;
  background: var(--iul-card-bg,#fff);
  border: 1px solid var(--iul-border,#e5e7eb);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  overflow: hidden;
}
.iul-card-header{
  padding: 16px 18px;
  background: linear-gradient(135deg, rgba(11,94,215,.08), rgba(25,135,84,.07));
  border-bottom: 1px solid var(--iul-border,#e5e7eb);
}
.iul-title{margin:0;font-size: 18px; font-weight: 700;}
.iul-subtitle{margin:6px 0 0; font-size: 13px; opacity: .85}
.iul-card-body{padding: 18px;}
.iul-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 760px){
  .iul-grid{grid-template-columns: 1fr;}
}
.iul-field label{display:block;font-size: 12px;font-weight: 600;margin-bottom: 6px;}
.iul-field input, .iul-field select{
  width: 100%;
  padding: 11px 12px;
  border: 1px solid var(--iul-border,#e5e7eb);
  border-radius: 10px;
  background: #fff;
  outline: none;
  font-size: 14px;
}
.iul-field input:focus,.iul-field select:focus{border-color: var(--iul-primary,#0b5ed7); box-shadow: 0 0 0 3px rgba(11,94,215,.15)}
.iul-row{display:flex; gap: 10px;}
.iul-row .iul-field{flex:1}

.iul-actions{margin-top: 14px; display:flex; gap: 10px; flex-wrap: wrap; align-items:center}
.iul-btn{
  border: none;
  border-radius: 10px;
  padding: 11px 14px;
  font-weight: 700;
  cursor: pointer;
  background: var(--iul-button,#0b5ed7);
  color: #fff;
}
.iul-btn-secondary{
  background: transparent;
  color: var(--iul-primary,#0b5ed7);
  border: 1px solid var(--iul-primary,#0b5ed7);
}
.iul-link{color: var(--iul-primary,#0b5ed7); text-decoration:none; font-weight: 600;}
.iul-link:hover{text-decoration: underline;}

.iul-notice{
  max-width: 920px;
  margin: 12px auto;
  border-radius: 12px;
  padding: 12px 14px;
  border: 1px solid var(--iul-border,#e5e7eb);
}
.iul-success{background: rgba(25,135,84,.08); border-color: rgba(25,135,84,.25)}
.iul-error{background: rgba(220,53,69,.08); border-color: rgba(220,53,69,.25)}
.iul-info{background: rgba(11,94,215,.07); border-color: rgba(11,94,215,.2)}

.iul-tabs{display:flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px;}
.iul-tab{padding: 9px 12px; border: 1px solid var(--iul-border,#e5e7eb); border-radius: 999px; background:#fff; cursor:pointer; font-weight:700; font-size: 13px;}
.iul-tab.active{border-color: var(--iul-primary,#0b5ed7); box-shadow: 0 0 0 3px rgba(11,94,215,.12)}
.iul-panel{display:none;}
.iul-panel.active{display:block;}
.iul-mini{font-size: 12px; opacity: .85}