.backend-nav .nav-logout button{color:#fff}
.certificate-generator-form,
.certificate-generator-form label.backend-field{color:#111827!important;opacity:1}

/* Secure candidate and business messaging */
.message-heading .container{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.message-heading-count{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1rem;border:1px solid rgba(255,194,26,.42);border-radius:999px;background:rgba(0,0,0,.22);color:#fff}
.message-heading-count strong{display:grid;place-items:center;min-width:1.8rem;height:1.8rem;padding:0 .35rem;border-radius:999px;background:#ffc21a;color:#111827;font-size:.92rem}
.message-heading-count span{font-size:.84rem;font-weight:800}
.message-page-grid,.message-thread-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:1.25rem;align-items:start}
.message-inbox-card{padding:0;overflow:hidden}
.message-inbox-card>.card-heading{padding:1.35rem 1.45rem .9rem}
.message-inbox-row,.message-dashboard-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:.9rem;color:#172033;text-decoration:none;border-top:1px solid #e6e9ef;transition:background .18s ease,border-color .18s ease}
.message-inbox-row{padding:1rem 1.45rem}
.message-dashboard-row{padding:.85rem 0}
.message-inbox-row:hover,.message-dashboard-row:hover{background:#fff8df}
.message-inbox-row.has-unread,.message-dashboard-row.has-unread{background:#fff9e8;border-color:#f1d576}
.message-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#121722,#343d4d);color:#ffc21a;font-size:1rem;font-weight:900;letter-spacing:.03em;box-shadow:inset 0 0 0 1px rgba(255,194,26,.25)}
.message-inbox-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.message-inbox-title{font-size:.82rem;color:#6b7280}
.message-inbox-copy strong,.message-dashboard-row>span:nth-child(2){min-width:0}
.message-inbox-copy small,.message-dashboard-row small{display:block;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-inbox-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;color:#667085;font-size:.75rem}
.message-inbox-meta b,.message-dashboard-row>b{padding:.3rem .55rem;border-radius:999px;background:#ffc21a;color:#111827;font-size:.72rem}
.dashboard-message-card>.card-heading{align-items:flex-start}
.dashboard-message-card>.btn{margin-top:1rem}
.secure-thread{padding:.8rem;background:#f5f6f8}
.secure-thread-list{display:flex;flex-direction:column;gap:.8rem;max-height:640px;overflow:auto;padding:.3rem}
.secure-message{width:min(78%,680px);padding:.9rem 1rem;border:1px solid #dfe3ea;border-radius:18px 18px 18px 5px;background:#fff;color:#1d2533;box-shadow:0 4px 14px rgba(24,32,45,.06)}
.secure-message-own{align-self:flex-end;border-color:#e2bc3b;border-radius:18px 18px 5px 18px;background:#fff6d7}
.secure-message-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.35rem;font-size:.75rem;color:#687183}
.secure-message-meta strong{color:#252d3b}
.secure-message p{margin:0;overflow-wrap:anywhere}
.message-hidden{font-style:italic;color:#7a8291}
.message-report{margin-top:1rem;border-top:1px solid #e5e7eb;padding-top:1rem}
.message-report summary{cursor:pointer;color:#8a5300;font-weight:800}
.message-report form{margin-top:1rem}
@media (max-width:860px){.message-page-grid,.message-thread-layout{grid-template-columns:1fr}.message-heading .container{align-items:flex-start;flex-direction:column}.message-inbox-row{grid-template-columns:44px minmax(0,1fr)}.message-avatar{width:44px;height:44px}.message-inbox-meta{grid-column:2;align-items:flex-start;flex-direction:row}.secure-message{width:92%}}

/* Keep installed-app portal headers edge-to-edge on narrow Android screens. */
@media (max-width:750px){
  html,
  body.backend-body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  .backend-header,
  .dashboard-heading{
    width:100vw;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }
  .backend-header>.container,
  .dashboard-heading>.container{
    width:92%;
    max-width:none;
  }
}