.e4s-company-team-v1{
  margin:0 0 20px;
  padding:18px;
  border:1px solid rgba(178,32,58,.34);
  border-radius:16px;
  background:
    radial-gradient(circle at 95% 0%,rgba(172,28,52,.13),transparent 28%),
    linear-gradient(145deg,#171014,#110d10);
  color:#f4ecef;
  box-shadow:0 14px 35px rgba(0,0,0,.16)
}

.e4s-company-team-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  margin-bottom:16px
}

.e4s-company-team-head h2{
  margin:4px 0 5px;
  font-size:20px;
  color:#fff
}

.e4s-company-team-head p{
  margin:0;
  max-width:760px;
  color:#bdaeb4;
  font-size:12px;
  line-height:1.65
}

.e4s-company-team-kicker{
  font-size:9px;
  font-weight:900;
  letter-spacing:1.5px;
  color:#ef6d82
}

.e4s-company-team-role{
  padding:7px 10px;
  border:1px solid rgba(239,109,130,.26);
  border-radius:999px;
  color:#f2a1af;
  background:rgba(151,25,47,.13);
  font-size:10px;
  font-weight:800
}

.e4s-company-team-grid{
  display:grid;
  grid-template-columns:minmax(320px,.85fr) minmax(390px,1.15fr);
  gap:16px
}

.e4s-company-team-compose,
.e4s-company-team-history{
  padding:15px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:13px;
  background:rgba(255,255,255,.025)
}

.e4s-company-team-v1 h3{
  margin:0 0 12px;
  color:#fff;
  font-size:14px
}

.e4s-company-team-compose label{
  display:block;
  margin:0 0 11px;
  color:#cdbec4;
  font-size:10px;
  font-weight:800
}

.e4s-company-team-compose input[type=text],
.e4s-company-team-compose input:not([type]),
.e4s-company-team-compose textarea{
  width:100%;
  margin-top:6px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:9px;
  outline:none;
  background:#0d0a0c;
  color:#fff
}

.e4s-company-team-compose input:focus,
.e4s-company-team-compose textarea:focus{
  border-color:#c93650;
  box-shadow:0 0 0 3px rgba(201,54,80,.12)
}

.e4s-company-recipient-head,
.e4s-company-history-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:4px 0 8px
}

.e4s-company-all{
  display:flex!important;
  align-items:center;
  gap:6px;
  margin:0!important
}

.e4s-company-recipient-list{
  max-height:190px;
  overflow:auto;
  margin-bottom:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px
}

.e4s-company-recipient{
  display:flex!important;
  align-items:center;
  gap:9px;
  margin:0!important;
  padding:9px 10px;
  border-bottom:1px solid rgba(255,255,255,.05);
  cursor:pointer
}

.e4s-company-recipient:last-child{
  border-bottom:0
}

.e4s-company-recipient:hover{
  background:rgba(194,42,69,.08)
}

.e4s-company-recipient strong,
.e4s-company-recipient small{
  display:block
}

.e4s-company-recipient strong{
  color:#fff;
  font-size:11px
}

.e4s-company-recipient small{
  margin-top:2px;
  color:#9b8d93;
  font-size:9px
}

.e4s-company-recipient em{
  margin-left:5px;
  color:#ef899a;
  font-size:8px;
  font-style:normal
}

.e4s-company-compose-actions{
  display:flex;
  align-items:center;
  gap:10px
}

.e4s-company-team-v1 button{
  padding:8px 11px;
  border:1px solid rgba(221,69,94,.38);
  border-radius:9px;
  cursor:pointer;
  background:linear-gradient(135deg,#bb2943,#791b2d);
  color:#fff;
  font-weight:800
}

.e4s-company-team-v1 button:hover{
  filter:brightness(1.08)
}

#e4sCompanyMessageNotice{
  color:#83d9b7;
  font-size:10px
}

#e4sCompanyMessageNotice.error{
  color:#ff8da0
}

.e4s-company-message-list{
  display:grid;
  gap:8px;
  max-height:520px;
  overflow:auto
}

.e4s-company-message{
  padding:11px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:#0e0b0d
}

.e4s-company-message.unread{
  border-color:rgba(222,64,90,.42);
  box-shadow:inset 3px 0 0 #c52c48
}

.e4s-company-message header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px
}

.e4s-company-message header span{
  display:block;
  margin-bottom:3px;
  color:#d95a70;
  font-size:8px;
  font-weight:900;
  letter-spacing:1px
}

.e4s-company-message header strong{
  color:#fff;
  font-size:12px
}

.e4s-company-message header small{
  color:#776c71;
  font-size:8px
}

.e4s-company-message-meta{
  margin:7px 0;
  color:#92868b;
  font-size:9px
}

.e4s-company-message p{
  margin:0;
  color:#d3c8cc;
  white-space:pre-wrap;
  font-size:11px;
  line-height:1.6
}

.e4s-company-message button{
  margin-top:8px;
  padding:5px 8px;
  font-size:9px
}

.e4s-company-empty{
  padding:18px;
  text-align:center;
  color:#8f8187;
  font-size:10px
}

@media(max-width:900px){
  .e4s-company-team-grid{
    grid-template-columns:1fr
  }

  .e4s-company-team-head{
    flex-direction:column
  }
}