/* V170 · in-app external e-mail approval requests
   Extends V169 without changing the accepted Hub / HiwiLog visual system. */
body.imb-institutional-aurora .external-approval-request{
  display:grid;
  gap:.82rem;
  padding:.92rem;
  border:1px solid var(--line);
  border-radius:1rem;
  background:var(--surface-raised);
  box-shadow:0 1px 0 rgba(15,31,51,.03);
}
body.imb-institutional-aurora .external-approval-request[hidden]{display:none!important;}
body.imb-institutional-aurora .external-approval-request-head{
  display:flex;
  align-items:flex-start;
  gap:.72rem;
}
body.imb-institutional-aurora .external-approval-request-head>div{
  min-width:0;
  display:grid;
  gap:.18rem;
}
body.imb-institutional-aurora .external-approval-request-head strong{
  color:var(--ink);
  font-size:.98rem;
}
body.imb-institutional-aurora .external-approval-request-head p,
body.imb-institutional-aurora .external-approval-note,
body.imb-institutional-aurora .external-approval-request-sent p{
  margin:0;
  color:var(--ink-secondary);
  line-height:1.45;
}
body.imb-institutional-aurora .external-approval-request-icon{
  display:grid;
  place-items:center;
  width:2rem;
  height:2rem;
  flex:none;
  border-radius:.68rem;
  background:var(--accent-soft,rgba(0,84,159,.10));
  color:var(--accent);
  font-weight:800;
}
body.imb-institutional-aurora .external-approval-name-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:.72rem;
}
body.imb-institutional-aurora .external-approval-request-fields{
  display:grid;
  gap:.68rem;
}
body.imb-institutional-aurora .external-approval-note{
  font-size:.78rem;
}
body.imb-institutional-aurora .external-approval-request-sent{
  display:grid;
  gap:.28rem;
  padding:.72rem .78rem;
  border:1px solid var(--line);
  border-radius:.78rem;
  background:var(--surface-soft,var(--surface-raised));
}
body.imb-institutional-aurora .external-approval-request-sent[hidden]{display:none!important;}
body.imb-institutional-aurora .external-approval-request-sent strong{color:var(--ink);}
body.imb-institutional-aurora .external-approval-request-actions{
  display:flex;
  align-items:center;
  gap:.55rem;
  flex-wrap:wrap;
}
body.imb-institutional-aurora .external-approval-request-actions .btn:last-child{margin-left:auto;}

body.imb-institutional-aurora .external-request-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:.8rem;
  padding:.85rem .92rem;
}
body.imb-institutional-aurora .external-request-main{
  min-width:0;
  display:grid;
  gap:.12rem;
}
body.imb-institutional-aurora .external-request-main strong{color:var(--ink);}
body.imb-institutional-aurora .external-request-main span{
  color:var(--ink-secondary);
  overflow-wrap:anywhere;
}
body.imb-institutional-aurora .external-request-main small{color:var(--ink-muted,var(--ink-secondary));}
body.imb-institutional-aurora .external-request-state{
  white-space:nowrap;
  padding:.34rem .55rem;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--ink-secondary);
  background:var(--surface-raised);
  font-size:.75rem;
  font-weight:700;
}
body.imb-institutional-aurora .external-request-actions{
  display:flex;
  align-items:center;
  gap:.45rem;
  white-space:nowrap;
}

@media(max-width:760px){
  body.imb-institutional-aurora .external-request-card{
    grid-template-columns:auto minmax(0,1fr);
  }
  body.imb-institutional-aurora .external-request-state{
    grid-column:2;
    justify-self:start;
  }
  body.imb-institutional-aurora .external-request-actions{
    grid-column:1/-1;
    justify-content:flex-end;
    width:100%;
  }
}
@media(max-width:560px){
  body.imb-institutional-aurora .external-approval-request{padding:.78rem;}
  body.imb-institutional-aurora .external-approval-name-grid{grid-template-columns:1fr;}
  body.imb-institutional-aurora .external-approval-request-actions{display:grid;grid-template-columns:1fr;}
  body.imb-institutional-aurora .external-approval-request-actions .btn{width:100%;margin:0!important;}
  body.imb-institutional-aurora .external-request-actions{display:grid;grid-template-columns:1fr 1fr;}
  body.imb-institutional-aurora .external-request-actions .btn{width:100%;}
}