/* Ejaaba 2026-10-13: professional, compact account-settings sections and genuine
   locally bundled brand icons. This CSS does not affect header/dock, profile
   levels, score badges, alerts, question pages or general registration. */
.classic-member-profile .ejabat-profile-social .ejabat-profile-social-list {
 gap:6px!important;
 align-items:center!important;
}
.classic-member-profile .ejabat-profile-social .ejabat-profile-social-list
 .ejabat-profile-social-icon {
 width:36px!important;
 height:36px!important;
 min-width:36px!important;
 min-height:36px!important;
 display:inline-flex!important;
 padding:5px!important;
 margin:0!important;
 border:1px solid #d8e4f0!important;
 border-radius:7px!important;
 box-sizing:border-box!important;
 box-shadow:0 1px 2px rgba(33,72,119,.045)!important;
 background:#fff!important;
 font-size:0!important;
 line-height:0!important;
 justify-content:center!important;
 align-items:center!important;
}
.classic-member-profile .ejabat-profile-social .ejabat-profile-social-list
 .ejabat-profile-social-icon img {
 width:23px!important;height:23px!important;
 display:block;max-width:none!important;max-height:none!important;
 object-fit:contain;
}
.classic-member-profile .ejabat-profile-social .ejabat-profile-social-list
 .ejabat-profile-social-icon:focus-visible,
.classic-member-profile .ejabat-profile-social .ejabat-profile-social-list
 .ejabat-profile-social-icon:hover {
 background:#eef5fe!important;
 border-color:#6b9acb!important;
 outline-offset:2px;
}
.classic-member-profile .ejabat-profile-social-title {
 margin-bottom:5px!important;font-weight:650!important;
}

/* Profile Settings only: one essential section + concise native disclosures. */
.form-page:has(.ejabat-organized-profile-settings) {
 max-width:690px!important;
 padding:8px 9px 12px!important;
 margin-inline:auto!important;
 background:#fff!important;
}
.form-page:has(.ejabat-organized-profile-settings)>h1 {
 margin:3px 2px 3px!important;font-size:18px!important;
 color:#2c5f90!important;
}
.form-page .ejabat-settings-intro {
 font-size:11px;color:#667789;margin:2px 2px 13px!important;
 line-height:1.65;
}
.form-page .ejabat-organized-profile-settings {
 max-width:100%!important;
 display:flex;flex-direction:column;gap:9px;
}
.form-page .ejabat-settings-core,
.form-page .ejabat-settings-fold {
 border:1px solid #dbe4ef!important;
 border-radius:6px!important;
 overflow:hidden;background:#fff!important;
 margin:0!important;
 box-shadow:0 1px 3px rgba(24,72,108,.035);
}
.form-page .ejabat-settings-core {
 padding:0 12px 10px!important;
}
.form-page .ejabat-settings-section-title {
 margin:0 -12px 12px;padding:11px 12px 10px;
 background:#eef4fc;border-bottom:1px solid #dce6f3;
}
.form-page .ejabat-settings-section-title h2 {
 margin:0!important;color:#2a5e91!important;
 font-size:14px!important;font-weight:700;
}
.form-page .ejabat-settings-section-title p {
 color:#687c91;font-size:10px;line-height:1.65;
 margin:3px 0 0!important;
}
.form-page .ejabat-settings-core>label {
 margin:0 0 10px!important;font-size:12px!important;
 font-weight:650;color:#344f6b!important;
}
.form-page .ejabat-settings-core>label:last-child {margin-bottom:0!important;}
.form-page .ejabat-settings-core label input,
.form-page .ejabat-settings-core label textarea {
 margin-top:5px!important;
 padding:8px 10px!important;
 min-height:36px!important;
 font-size:12px!important;
 border-color:#cdd9e7!important;
 border-radius:4px!important;
 background:#fff!important;
}
.form-page .ejabat-settings-core textarea {
 min-height:66px!important;
}
.form-page .ejabat-settings-core label small {
 font-size:10px!important;color:#64758b!important;
}
.form-page .ejabat-settings-fold > summary {
 display:flex!important;align-items:center;
 justify-content:space-between;gap:8px;
 min-height:59px;
 box-sizing:border-box;
 list-style:none;cursor:pointer;
 padding:9px 11px!important;
 background:linear-gradient(180deg,#f6f9fd,#eef4fb)!important;
 color:#315b86!important;
 border-radius:5px;
}
.form-page .ejabat-settings-fold>summary::-webkit-details-marker{display:none;}
.form-page .ejabat-settings-fold>summary::marker{content:'';}
.form-page .ejabat-settings-fold>summary::before{
 content:'⌄';color:#5e85ad;font-size:18px;font-weight:600;
 order:-1;transition:transform .15s ease;
 flex:0 0 17px;text-align:center;line-height:1;
}
.form-page .ejabat-settings-fold[open]>summary::before {
 transform:rotate(180deg);
}
.form-page .ejabat-settings-fold[open]>summary {
 border-bottom:1px solid #dce6f1;
 border-radius:5px 5px 0 0;
}
.form-page .ejabat-settings-fold-title {
 display:flex;flex-direction:column;gap:1px;
 min-width:0;flex:1 1 auto;
}
.form-page .ejabat-settings-fold-title strong {
 font-size:13px;color:#305f91!important;
 line-height:1.5;font-weight:700;
}
.form-page .ejabat-settings-fold-title small {
 color:#647b93!important;font-size:10px;
 line-height:1.5;white-space:normal;
}
.form-page .ejabat-settings-social-preview {
 display:inline-flex;gap:5px;flex:0 0 auto;
 align-items:center;direction:ltr;
}
.form-page .ejabat-settings-social-preview img {
 display:block;width:17px;height:17px;object-fit:contain;
}
.form-page .ejabat-settings-fold-deco {
 font-size:17px;color:#5180a9;
}
.form-page .ejabat-settings-social-fold .ejabat-profile-social-editor {
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 column-gap:12px;row-gap:7px;box-sizing:border-box;
 margin:0!important;padding:10px 12px!important;
 background:#fff!important;
 border:0!important;border-radius:0!important;
}
.form-page .ejabat-profile-social-editor legend {
 display:none!important;
}
.form-page .ejabat-settings-explain {
 grid-column:1 / -1;
 padding:0!important;border:0!important;
 background:transparent!important;
 margin:0 0 5px!important;
}
.form-page .ejabat-settings-explain > summary {
 display:table!important;
 list-style:none;cursor:pointer;
 color:#316e9e!important;font-weight:600;
 padding:4px 0!important;font-size:11px!important;
}
.form-page .ejabat-settings-explain>summary::-webkit-details-marker{display:none}
.form-page .ejabat-settings-explain>summary::before {
 content:'+ ';font-weight:700;
}
.form-page .ejabat-settings-explain[open]>summary::before{content:'− '}
.form-page .ejabat-settings-explain p {
 font-size:11px!important;color:#607388!important;
 background:#f6f9fd!important;padding:8px 10px!important;
 margin:3px 0 7px!important;
 border-right:2px solid #7ca3ca;
 line-height:1.85!important;
}
.form-page .ejabat-profile-social-editor .ejabat-social-input-row {
 display:block!important;margin:0!important;
 min-width:0;color:#415e7b!important;
 font-size:11px!important;
}
.form-page .ejabat-social-field-title {
 display:flex;align-items:center;gap:7px;
 margin:0 0 5px;
 font-weight:650;
}
.form-page .ejabat-social-field-title img {
 width:20px;height:20px;display:block;
 object-fit:contain;flex:0 0 20px;
}
.form-page .ejabat-profile-social-editor .ejabat-social-input-row input {
 display:block;width:100%;max-width:100%;
 box-sizing:border-box!important;
 border:1px solid #cbd9e8!important;
 background:#fff!important;
 border-radius:4px!important;
 min-height:35px!important;
 font-size:11px!important;
 padding:8px!important;margin:0!important;
 text-align:left!important;
 direction:ltr!important;
}
.form-page .ejabat-settings-privacy-body {
 padding:11px 12px 8px;
 display:grid;gap:9px;
}
.form-page .ejabat-settings-privacy-body .ejabat-profile-question-settings {
 margin:0!important;padding:9px 11px!important;
 border:1px solid #e1e8f1!important;
 border-radius:4px!important;
 background:#fcfdff!important;
}
.form-page .ejabat-settings-privacy-body
 .ejabat-profile-question-settings legend {
 font-size:11px!important;color:#3b6794!important;
 font-weight:650!important;padding:0 4px;
}
.form-page .ejabat-settings-privacy-body
 .ejabat-profile-question-settings>label {
 display:flex!important;align-items:center!important;
 gap:10px!important;margin:3px 0 0!important;
 line-height:1.6!important;color:#425569!important;
 font-size:11px!important;font-weight:500!important;
}
.form-page .ejabat-settings-privacy-body
 .ejabat-profile-question-settings input[type=checkbox] {
 width:17px!important;height:17px!important;
 min-width:17px!important;min-height:17px!important;
 padding:0!important;margin:0!important;
}
.form-page .ejabat-settings-privacy-body
 .ejabat-profile-question-settings .ejabat-settings-explain {
 margin-top:5px!important;margin-bottom:0!important;
}
.form-page .ejabat-settings-privacy-body .ejabat-member-follow-settings,
.form-page .ejabat-settings-privacy-body .ejabat-notification-pref-link {
 margin:0!important;padding:5px 2px!important;
 font-size:11px!important;
}
.form-page .ejabat-settings-privacy-body a {
 color:#2c6b9c!important;
 text-decoration:none;
}
.form-page .ejabat-settings-save {
 display:flex;align-items:center;justify-content:space-between;
 gap:9px;margin:3px 0 1px!important;padding:8px 0!important;
}
.form-page .ejabat-settings-save .button.primary {
 min-width:142px!important;margin:0!important;
 padding:9px 17px!important;border-radius:4px!important;
}
.form-page .ejabat-settings-save a {
 font-size:11px;color:#3d6f9c!important;
}
.form-page .ejabat-settings-outside-fold {
 margin:9px 0 0!important;
}
.form-page .ejabat-settings-outside-fold .ejabat-settings-followers,
.form-page .ejabat-settings-outside-fold .ejabat-avatar-edit {
 padding:10px 12px!important;
 margin:0!important;border:0!important;
 background:#fff!important;
}
.form-page .ejabat-settings-outside-fold
 .ejabat-settings-followers h2,
.form-page .ejabat-settings-outside-fold .ejabat-avatar-edit h2 {
 font-size:13px!important;color:#316b9c!important;
 margin:0 0 8px!important;
}
@media (max-width:600px) {
 .form-page:has(.ejabat-organized-profile-settings) {
  padding:6px 7px!important;
 }
 .form-page .ejabat-settings-core {padding:0 9px 9px!important}
 .form-page .ejabat-settings-section-title {
  margin:0 -9px 10px;padding:8px 9px;
 }
 .form-page .ejabat-settings-social-fold .ejabat-profile-social-editor {
  grid-template-columns:minmax(0,1fr)!important;
  padding:10px!important;
 }
 .form-page .ejabat-settings-fold>summary {padding:9px!important;}
 .form-page .ejabat-settings-social-preview {gap:3px;}
 .form-page .ejabat-settings-privacy-body {padding:9px!important}
 .classic-member-profile .ejabat-profile-social .ejabat-profile-social-list
  .ejabat-profile-social-icon {
  width:34px!important;height:34px!important;
  min-width:34px!important;min-height:34px!important;
 }
}
@media (prefers-reduced-motion:reduce){
 .form-page .ejabat-settings-fold>summary::before{transition:none}
}