*,*::before,*::after {
box-sizing:border-box;margin:0;padding:0;
}

:root {
--navy:#1a3568;
--navy-l:#eef2fb;
--navy-b:#c7d3ec;
--teal:#0d7a6e;
--teal-l:#e6f6f4;
--teal-b:#a8ddd7;
--ok:#16a34a;
--radius:12px;
}

a {
color:inherit;
}

.brand {
display:flex;align-items:center;gap:11px;text-decoration:none;
}

.wrap {
max-width:1000px;margin:0 auto;padding:24px 20px 70px;
}

.pub-banner {
background:var(--navy-l);border:1px solid var(--navy-b);border-radius:11px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px;
}

.pub-banner .t {
font-size:13px;color:#33454d;line-height:1.5;
}

.pub-banner .t strong {
color:var(--navy);
}

.pub-banner a {
background:#fff;color:var(--navy);border:1.5px solid var(--navy-b);border-radius:8px;padding:8px 15px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;
}

.profile-head {
background:linear-gradient(135deg,var(--navy),#24487f);border-radius:var(--radius);padding:28px 30px;color:#fff;display:flex;gap:22px;align-items:center;flex-wrap:wrap;
}

.logo-badge {
width:78px;height:78px;border-radius:18px;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;flex-shrink:0;
}

.ph-info {
flex:1;min-width:200px;
}

.ph-name {
font-family:'DM Serif Display',serif;font-size:30px;line-height:1.1;
}

.ph-meta {
font-size:13.5px;color:rgba(255,255,255,.8);margin-top:5px;
}

.ph-badges {
display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;
}

.ph-chip {
background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600;
}

.edit-btn {
background:#fff;color:var(--navy);border:none;border-radius:9px;padding:10px 18px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;
}

.section-label {
font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);margin:26px 0 4px;display:flex;align-items:center;gap:8px;
}

.section-label::before {
content:"";width:16px;height:2px;background:var(--org);
}

.section-sub {
font-size:13px;color:#8a949a;margin-bottom:14px;
}

.stats {
display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
}

.stat {
background:#fff;border:1px solid #ece7df;border-radius:var(--radius);padding:18px;text-align:center;
}

.stat .n {
font-family:'DM Serif Display',serif;font-size:26px;color:var(--navy);line-height:1;
}

.stat .l {
font-size:12px;color:#777;margin-top:6px;line-height:1.3;
}

.stat .v {
font-size:10.5px;color:var(--ok);font-weight:700;margin-top:4px;
}

.don-card {
background:#fff;border:1px solid #ece7df;border-radius:var(--radius);padding:16px 18px;display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap;
}

.don-amt {
font-family:'DM Serif Display',serif;font-size:24px;color:var(--teal);line-height:1;
}

.don-info {
flex:1;min-width:160px;
}

.don-nfp {
font-size:14.5px;font-weight:700;color:#1a1a1a;
}

.don-meta {
font-size:12px;color:#999;
}

.verified {
display:inline-flex;align-items:center;gap:4px;background:var(--teal-l);color:var(--teal);border:1px solid var(--teal-b);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;
}

.add-btn {
background:var(--org);color:#fff;border:none;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;
}

.note {
font-size:12.5px;color:#7a5a1a;background:var(--org-l);border:1px solid var(--org-b);border-radius:9px;padding:11px 14px;margin-top:12px;line-height:1.5;
}

.overlay {
display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:2000;align-items:center;justify-content:center;padding:20px;
}

.overlay.open {
display:flex;
}

.modal {
background:#fff;border-radius:14px;max-width:460px;width:100%;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);
}

.modal-h {
background:linear-gradient(135deg,#0d7a6e,#13988a);padding:17px 22px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:700;font-size:16px;
}

.modal-b {
padding:20px 22px;
}

.modal-b label {
display:block;font-size:13px;font-weight:600;color:#33454d;margin:0 0 5px;
}

.modal-b input,.modal-b textarea {
width:100%;border:1.5px solid #e0dbd2;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;outline:none;margin-bottom:13px;
}

.modal-b input:focus,.modal-b textarea:focus {
border-color:var(--teal);
}

.dropz {
border:2px dashed var(--teal-b);border-radius:8px;padding:14px;text-align:center;cursor:pointer;background:#f5fbfa;margin-bottom:13px;
}

.modal-f {
display:flex;gap:10px; padding: 10px;
}

.modal-f button {
flex:1;border-radius:9px;padding:11px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;border:none;
}

.mc {
background:#fff;color:#555;border:1.5px solid #e0dbd2; background-color: #c0c0c0; border: #aaa;  
}
.mc:hover {
  color:#787676;
}

.mp {
background:var(--org);color:#fff;flex:1.4;
}

.mp:hover {
  color:#bd6c0b;
}


@media(max-width:760px) {
.stats {grid-template-columns:1fr 1fr;}
}

/* extracted inline styles */
.companyprofile-i1 {
  width:100%;height:100%;
}

.companyprofile-i2 {
  cursor:pointer;
}

.companyprofile-i3 {
  font-size:13px;color:#8a8578;
}

.companyprofile-i4 {
  color:#999;
}

.companyprofile-i5 {
  margin-top:30px;
}

.companyprofile-i6 {
  font-size:12px;font-weight:700;color:#0d7a6e;background:#E6F6F4;border:1px solid #a8ddd7;border-radius:20px;padding:2px 9px;vertical-align:middle;
}

.companyprofile-i7 {
  display:flex;align-items:flex-start;gap:9px;background:#eef2fb;border:1px solid #c7d3ec;border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:13px;color:#1a3568;line-height:1.5;
}

.companyprofile-i8 {
  font-size:22px;
}

.companyprofile-i9 {
  font-size:13px;font-weight:600;color:#0a5f56;margin-top:3px;
}

.companyprofile-i10 {
  font-size:11px;color:#7aa39d;
}

.companyprofile-i11 {
  display:none;
}