/* EDUHUNT V2.1.22-WA2 — SECURE LOGIN CREDENTIAL WHATSAPP FORWARD */
.credential-whatsapp-button{
  background:#18a957!important;
  border-color:#18a957!important;
  color:#fff!important;
  white-space:nowrap;
}
.credential-whatsapp-button:hover{background:#128947!important;border-color:#128947!important}
.credential-whatsapp-button:disabled{background:#8aa99a!important;border-color:#8aa99a!important;color:#eef7f2!important;cursor:not-allowed}
.credential-security-note{align-items:flex-start}
.credential-security-note svg{flex:0 0 22px;margin-top:2px}
@media(max-width:1024px){
  #credentialTable .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  #credentialTable table{min-width:760px}
  .credential-whatsapp-button{min-height:38px;padding:8px 11px!important}
}
.credential-ready-card{display:grid;gap:8px}
.credential-ready-row{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:center;padding:10px 12px;border:1px solid #cbd9e8;border-radius:10px;background:#f8fbff}
.credential-ready-row span{font-weight:800;color:#52657a}
.credential-ready-row strong{font-size:16px;word-break:break-word}
.credential-ready-password{border:2px solid #18a957;background:#effcf3}
.credential-ready-password strong{font-size:20px;letter-spacing:.06em;color:#08752a}
@media(max-width:620px){.credential-ready-row{grid-template-columns:1fr;gap:4px}.credential-ready-password strong{font-size:18px}}


/* R219: Portal Use confirmation dialog clarity and dark-theme contrast repair */
.credential-ready-row{color:#153049}
.credential-ready-row strong{color:#0d2237}
.wa-hub-count-value{display:inline-block;font-size:18px;font-weight:800;color:#0d2237}
.wa-hub-count-value--text{font-size:16px}
.wa-hub-cycle-confirm{display:flex;align-items:flex-start;gap:10px;margin-top:12px;font-weight:800;line-height:1.45;color:#e8f1ff}
.wa-hub-cycle-confirm input{margin-top:4px;flex:0 0 auto}
html[data-theme='dark'] .credential-ready-row,
body.dark-mode .credential-ready-row{background:#f4f8ff;border-color:#94aecd;color:#153049}
html[data-theme='dark'] .credential-ready-row span,
body.dark-mode .credential-ready-row span{color:#49627a}
html[data-theme='dark'] .credential-ready-row strong,
body.dark-mode .credential-ready-row strong,
html[data-theme='dark'] .wa-hub-count-value,
body.dark-mode .wa-hub-count-value{color:#0d2237}


/* R221: final Portal Use cycle modal usability repair */
#appDialog .dialog-shell{overflow:hidden}
#appDialog .dialog-body{overflow-y:auto;overflow-x:hidden;min-width:0}
#appDialog .credential-ready-card.wa-hub-cycle-summary{width:100%;min-width:0;margin-top:12px}
#appDialog .credential-ready-row{grid-template-columns:minmax(0,1fr) minmax(70px,auto);width:100%;min-width:0;box-sizing:border-box}
#appDialog .credential-ready-row span{min-width:0;overflow-wrap:anywhere}
#appDialog .credential-ready-row strong{min-width:0;text-align:right;overflow-wrap:anywhere}
#appDialog .wa-hub-cycle-warning{margin-top:12px}
#appDialog .wa-hub-cycle-confirm{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;width:100%;min-width:0;box-sizing:border-box;margin-top:12px;padding:12px;border:1px solid #3d5f7f;border-radius:10px;background:#0b2137;color:#f4f8ff;font-weight:800;line-height:1.45}
#appDialog .wa-hub-cycle-confirm input{width:20px;height:20px;margin:1px 0 0 0}
#appDialog .wa-hub-cycle-confirm span{min-width:0;overflow-wrap:anywhere;white-space:normal}
#appDialog .wa-hub-cycle-server-note{margin:12px 0 0;line-height:1.5}
#appDialog #waHubPortalCycleConfirm:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.15)}
@media(max-width:620px){
  #appDialog .credential-ready-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  #appDialog .credential-ready-row strong{text-align:right}
  #appDialog .wa-hub-cycle-confirm{grid-template-columns:26px minmax(0,1fr);padding:10px}
}