/* ConstructNav v0.9.2.68 company profile and reusable document branding */
.cn-company-profile-card{
  grid-column:1/-1;
  overflow:hidden;
  padding:0;
}
.cn-company-profile-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:22px 24px 18px;
  border-bottom:1px solid #dce6f0;
  background:linear-gradient(135deg,#f8fbff 0%,#fff 62%);
}
.cn-company-profile-head h3{
  margin:3px 0 5px;
  color:#08284a;
  font-size:20px;
}
.cn-company-profile-head p{margin:0}
.cn-company-profile-kicker{
  color:#1268a5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.cn-company-profile-layout{
  display:grid;
  grid-template-columns:minmax(220px,280px) minmax(0,1fr);
  gap:26px;
  padding:24px;
}
.cn-company-logo-panel{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.cn-company-logo-preview{
  min-height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px dashed #abc1d7;
  border-radius:14px;
  padding:18px;
  background:#f5f9fd;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.cn-company-logo-preview:hover,
.cn-company-logo-preview.is-dragging{
  border-color:#1973b7;
  background:#edf7ff;
  box-shadow:0 0 0 3px rgba(25,115,183,.1);
}
.cn-company-logo-preview.has-logo{
  border-style:solid;
  background:#fff;
}
.cn-company-logo-preview img{
  display:block;
  width:100%;
  max-width:230px;
  max-height:150px;
  object-fit:contain;
}
.cn-company-logo-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  color:#385775;
  text-align:center;
}
.cn-company-logo-empty[hidden],
.cn-company-logo-preview img[hidden],
.cn-company-logo-remove[hidden]{display:none}
.cn-company-logo-empty small{
  max-width:190px;
  color:#718499;
  line-height:1.4;
}
.cn-company-logo-mark{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#dceefd;
  color:#0e5e99;
  font-size:28px;
  font-weight:400;
}
.cn-company-logo-upload{
  min-height:44px;
  width:100%;
  font-weight:850;
}
.cn-company-logo-remove{width:100%}
.cn-company-logo-help{
  margin:1px 0 0;
  color:#718499;
  font-size:11px;
  text-align:center;
}
.cn-company-profile-form{
  align-content:start;
  margin:0;
}
.cn-company-profile-form input{
  width:100%;
  box-sizing:border-box;
}
.cn-company-city-row{
  display:grid;
  grid-template-columns:minmax(90px,.7fr) minmax(110px,1fr);
  gap:10px;
}
.cn-company-profile-save-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding-top:6px;
}
.cn-company-profile-save-row .field-note{max-width:520px}
.cn-company-reset{
  color:#a12834;
  border-color:#e4b6bc;
  background:#fff;
  white-space:nowrap;
}
.cn-company-reset:hover{
  color:#7d1420;
  border-color:#cf7f89;
  background:#fff4f5;
}
@media(max-width:820px){
  .cn-company-profile-layout{grid-template-columns:1fr}
  .cn-company-logo-panel{max-width:none}
}
@media(max-width:560px){
  .cn-company-profile-head{display:block;padding:18px}
  .cn-company-profile-head .cn-company-reset{margin-top:14px;width:100%}
  .cn-company-profile-layout{padding:18px;gap:20px}
  .cn-company-profile-save-row{display:block}
  .cn-company-profile-save-row .btn{width:100%;margin-top:12px}
}