/* Ejaaba: only the member's optional external links and owner-only classic
   notification tab. Preserve all preexisting profile artwork and layout. */
.classic-member-profile .archive-member-toolbar.ejabat-six-profile-icons {
 grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
.classic-member-profile .ejabat-six-profile-icons .ejabat-member-notice-unread-count {
 color:#a9323d!important;font-weight:700!important;
 font-size:10px!important;line-height:1.15!important;
}
.classic-member-profile .ejabat-profile-social {
 padding:6px 9px!important;margin:5px 0 8px!important;
 border-top:1px solid #edf0f6;border-bottom:1px solid #e7ebf3;
 background:#fff;color:#3b506a;line-height:1.55;
 font-size:11px;direction:rtl;
}
.classic-member-profile .ejabat-profile-social-title {
 display:block;margin:0 0 5px;color:#47769f;font-size:11px;
 font-weight:600;
}
.classic-member-profile .ejabat-profile-social-list {
 display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;
}
.classic-member-profile .ejabat-profile-social-link {
 display:inline-flex;align-items:center;gap:4px;
 color:#286da9!important;text-decoration:none;
 font-size:11px;line-height:1.5;min-height:26px;
 padding:3px 5px;border:1px solid transparent;border-radius:2px;
 overflow-wrap:anywhere;max-width:100%;
}
.classic-member-profile .ejabat-profile-social-link:hover,
.classic-member-profile .ejabat-profile-social-link:focus-visible {
 border-color:#c4d8ea;background:#f6f9fd;text-decoration:underline;
}
.classic-member-profile .ejabat-profile-social-link span {
 width:16px;display:inline-flex;justify-content:center;
 color:#3278b2;font-size:12px;font-weight:700;
}
/* On an explicit AJAX subtab the historic design collapses public summary
   sections to place the selected data immediately under the icon bar. */
.classic-member-profile.is-section-view .ejabat-profile-main>.ejabat-profile-social,
.classic-member-profile:has(.ejabat-profile-notifications) .ejabat-profile-social {
 display:none!important;
}
.form-page .ejabat-profile-social-editor {
 margin:10px 0!important;padding:10px!important;
 border:1px solid #d7e2f0!important;background:#fcfdff!important;
}
.form-page .ejabat-profile-social-editor legend {
 padding:0 6px!important;color:#326b9e!important;font-size:13px!important;
 font-weight:700!important;
}
.form-page .ejabat-profile-social-editor label {
 display:block!important;margin:7px 0!important;color:#424d59!important;
}
.form-page .ejabat-profile-social-editor input {
 width:100%;max-width:100%;box-sizing:border-box;
 direction:ltr!important;text-align:left!important;
 padding:8px!important;font-size:12px!important;
 border:1px solid #bfcde0!important;border-radius:2px!important;
 background:#fff!important;
}
.form-page .ejabat-profile-social-note {
 font-size:11px!important;color:#576879!important;
 padding:7px 9px;margin:0 0 8px!important;
 background:#f2f6fd;border-right:3px solid #6594bd;
 line-height:1.8;
}
.form-page .ejabat-profile-social-note strong {
 color:#285d8e;
}

/* Original 2021 archive-style notice list: white rows, muted blue copy,
   × remove on the LEFT and red stripe only for unread items on the RIGHT. */
.classic-member-profile .ejabat-heritage-notices {
 border:1px solid #d9e1f0!important;background:#fff!important;
 margin:2px 0 9px!important;direction:rtl;
}
.classic-member-profile .ejabat-heritage-notice-tabs {
 display:flex;gap:0;background:#f6f8fd;
 border-bottom:1px solid #dce3f0;min-height:31px;
}
.classic-member-profile .ejabat-heritage-notice-tabs a {
 padding:7px 12px;color:#426f9c;text-decoration:none;
 border-left:1px solid #e2e7f3;font-size:11px;
}
.classic-member-profile .ejabat-heritage-notice-tabs a.active,
.classic-member-profile .ejabat-heritage-notice-tabs a[aria-current=page] {
 background:#fff;color:#245e9a;font-weight:700;
 border-bottom:2px solid #4682bb;
}
.classic-member-profile .ejabat-heritage-notice-notes {
 padding:6px 8px;color:#697789;font-size:11px;line-height:1.7;
 background:#fff;border-bottom:1px solid #e5ebf5;
}
.classic-member-profile .ejabat-heritage-notice-notes p {
 margin:2px 0 5px!important;font-size:11px!important;
}
.classic-member-profile .ejabat-member-notice-row {
 position:relative;display:flex;direction:rtl;align-items:stretch;
 min-width:0;border-bottom:1px solid #e6e9f0;
 background:#fff;
}
.classic-member-profile .ejabat-member-notice-row.unread {
 border-right:3px solid #d15c64;background:#fffafa;
}
.classic-member-profile .ejabat-member-notice-row>.ejabat-member-notice-line {
 display:flex;flex:1 1 auto;min-width:0;align-items:flex-start;
 background:transparent!important;
 border:0!important;direction:rtl;
 padding:9px 8px 10px!important;
}
/* The historic list has plain linked text, not a duplicate bell at each
   row. The header/main bell remains in place; only the row glyph is hidden. */
.classic-member-profile .ejabat-member-notice-line .ejabat-member-notice-icon {
 display:none!important;
}
.classic-member-profile .ejabat-member-notice-row>.ejabat-member-notice-line:hover {
 background:#f3f8ff!important;
}
/* Classic archive reference: a per-item × sits on the RIGHT next to the
   unread red stripe, rather than at the opposite end of the message. */
.classic-member-profile .ejabat-member-notice-remove {
 order:-1;
 flex:0 0 30px;display:flex;align-items:flex-start;
 justify-content:center;margin:0!important;padding:7px 4px 0 0;
}
.classic-member-profile .ejabat-member-notice-remove button {
 min-width:25px;min-height:25px;display:grid;place-items:center;
 padding:0;border:0;background:transparent;color:#4677a4;
 font-size:22px;font-weight:700;line-height:1;cursor:pointer;
}
.classic-member-profile .ejabat-member-notice-remove button:hover,
.classic-member-profile .ejabat-member-notice-remove button:focus-visible {
 color:#ba3940;background:#fff0f0;
}
.classic-member-profile .ejabat-heritage-notices-footer {
 display:flex;justify-content:center;flex-wrap:wrap;gap:9px;
 padding:9px;background:#f7f9fe;font-size:11px;
}
.classic-member-profile .ejabat-heritage-notices-footer a {
 color:#316da4;
}
@media (max-width:420px) {
 .classic-member-profile .ejabat-six-profile-icons>a {
  padding:1px 2px!important;gap:2px!important;min-width:0!important;
 }
 .classic-member-profile .ejabat-six-profile-icons>a .arch-icon,
 .classic-member-profile .ejabat-six-profile-icons>a svg {
  width:19px!important;height:19px!important;
 }
 .classic-member-profile .ejabat-profile-social {
  padding:5px 6px!important;
 }
}