/* رابطة أبناء نجوع مازن شرق — الدليل وإدارة العضويات (RTL) */
.brand .brand-developer{display:block;margin-top:4px;color:#efd49b;font-size:clamp(10px,1vw,12px);font-weight:750;line-height:1.65}
.brand .brand-developer b{display:inline-block;color:inherit;direction:ltr;font-weight:800;unicode-bidi:isolate}
.member-admin-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:16px}
.member-admin-heading h2{margin:0 0 6px;font-size:clamp(19px,2.4vw,25px);color:#073c30}
.member-admin-heading p{margin:0;color:#687a73;line-height:1.75;font-size:13px}
.member-manager{padding:20px!important}
.member-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.member-group{border:1px solid #dce8e2;border-radius:15px;background:#fbfdfb;overflow:hidden;min-width:0}
.member-group>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;color:#083f32;font-size:16px;font-weight:800;background:linear-gradient(135deg,#f0f8f3,#fff)}
.member-group>summary::-webkit-details-marker{display:none}
.member-group>summary::before{content:'⌄';font-size:22px;transition:transform .2s;color:#0b7459}
.member-group[open]>summary::before{transform:rotate(180deg)}
.member-count{background:#e1f1e8;border:1px solid #c9e2d5;color:#0a5e46;padding:5px 9px;border-radius:16px;font-size:11px;white-space:nowrap}
.member-group-inner{padding:16px;border-top:1px solid #e4ece8}
.member-lookup-form,.member-select-form{display:flex;align-items:stretch;gap:8px;margin-bottom:10px;min-width:0}
.member-lookup-form input,.member-select-form select{min-width:0;width:100%;flex:1 1 auto;box-sizing:border-box;border:1px solid #cbdbd2;background:white;border-radius:9px;padding:12px;font:inherit;font-size:13px;color:#163e31}
.member-lookup-form .action-btn,.member-select-form .action-btn{flex:0 0 auto;font-weight:700}
.member-lookup-form input:focus,.member-select-form select:focus{outline:2px solid #80bba8;outline-offset:1px}
.member-hint{font-size:12px;color:#73847a;margin:8px 0 0}
.member-prompt{text-align:center;padding:42px 24px!important;color:#627469}
.member-prompt-icon{font-size:46px;margin-bottom:8px;filter:grayscale(.25)}
.member-prompt h3{color:#0d4e3f;margin:4px 0 8px}
.member-prompt p{margin:0 auto;max-width:520px;line-height:1.9}
.member-selected-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;border-bottom:1px solid #e7eee8;padding-bottom:14px;margin-bottom:20px}
.member-selected-heading h2{font-size:25px;color:#074c3c;margin:7px 0}
.member-selected-heading .member-label{color:#7a8c81;font-size:12px;font-weight:750}
.member-status{background:#e6f5ea;color:#105c43;border-radius:40px;padding:5px 13px;display:inline-flex;font-size:13px;font-weight:700}
.member-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 24px}
.member-facts>div{padding:12px 14px;min-width:0;background:#f9fbf9;border:1px solid #edf1ed;border-radius:12px;overflow-wrap:anywhere}
.member-facts b{display:block;color:#5f7467;font-size:12px;margin-bottom:7px}
.member-facts span{display:block;color:#153d2f;font-size:14px;line-height:1.8;font-weight:620;white-space:pre-wrap}
.member-facts a{color:#0a6b55;text-decoration:underline}
.member-selected h3{font-size:18px;color:#084a3a;margin:12px 0}
.member-controls{display:flex;gap:12px;flex-wrap:wrap}
.member-controls label{display:flex;flex-direction:column;gap:6px;flex:1 1 240px;color:#526b5e;font-size:13px;font-weight:750}
.member-controls select{min-width:0;width:100%;height:43px;border:1px solid #cadad2;border-radius:9px;background:#fff;padding:8px 12px;color:#153c31;font:inherit}
.member-selected-actions,.member-selected-danger{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px}
.member-selected-actions .action-btn,.member-selected-danger .action-btn{font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none;padding:11px 16px}
.member-selected-danger{padding-top:15px;border-top:1px dashed #e2e8e4}
.member-selected-danger form{margin:0}
.member-selected .action-btn:disabled{background:#dfe6e1!important;color:#77877c!important;box-shadow:none;cursor:not-allowed}
.member-selected .action-muted{background:#f2f5f1;color:#79897d;cursor:default}
.member-selected .pending-action{background:#c67716;color:#fff}
.member-label{font-size:13px}
.admin-notification-bell{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:800;font-size:13px;background:#f5f8f6;color:#10533f;padding:9px 13px;border-radius:12px;position:relative;white-space:nowrap}
.admin-bell-count{display:inline-flex;align-items:center;justify-content:center;background:#c5243b;color:white;min-width:20px;height:20px;border-radius:20px;padding:0 3px;font-size:11px}
.alert-badge{background:#f1e7cf;border-radius:25px;padding:5px 10px;color:#654716;font-size:12px;font-weight:750}
.admin-alert{display:flex;justify-content:space-between;gap:16px;padding:15px;margin:10px 0;background:#fafcfb;border:1px solid #e2ebe6;border-radius:12px}
.admin-alert.unread{background:#eef8f2;border-right:4px solid #0a7858}
.admin-alert strong{color:#114735;font-size:16px}
.admin-alert p{color:#425d4d;margin:7px 0}
.admin-alert small{color:#829287}
.alert-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.alert-actions form{margin:0}
.member-smart-search{padding:16px;background:#f6f9f6;border:1px solid #dae9df;border-radius:14px;margin:16px 0 20px;position:relative}
.member-smart-search>label{font-size:13px;font-weight:800;color:#16553f;display:block;margin-bottom:8px}
.member-smart-row,.member-filter-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.member-smart-row input,.member-filter-form input,.member-filter-form select{flex:1 1 200px;min-width:0;padding:12px;border:1px solid #d4dfd8;border-radius:9px;background:#fff;font:inherit;font-size:13px}
.member-filter-form{margin-bottom:20px}
.member-search-results{background:#fff;position:absolute;top:calc(100% - 2px);right:14px;left:14px;border:1px solid #cddfd3;z-index:50;border-radius:0 0 12px 12px;box-shadow:0 16px 25px #123b281c;max-height:285px;overflow-y:auto}
.member-search-results[hidden]{display:none}
.member-search-result{display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;border-bottom:1px solid #ebf0eb;padding:11px 14px;color:#16523c}
.member-search-result:hover,.member-search-result:focus{background:#f0f8f2}
.member-search-result strong{font-size:13px}
.member-search-result small{font-size:11px;color:#688072}
.member-cards{margin:16px 0 26px}
.member-card{background:#fff;border:1px solid #e5ece6;border-radius:16px;padding:18px;box-shadow:0 10px 20px #0c422b0b;min-width:0}
.member-card h3{font-size:18px;margin:0 0 8px;color:#164734}
.member-card p{font-size:13px;line-height:1.8;color:#536a5b;margin:9px 0}
.member-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.job-tag{display:inline-block;background:#e5f2e8;border-radius:20px;color:#116145;font-size:12px;padding:6px 10px;font-weight:800}
.trusted-tag{font-size:11px;font-weight:800;background:#fff3d7;color:#7d560a;border:1px solid #eed6a0;border-radius:16px;padding:7px 10px}
.member-rating{font-weight:800;color:#bd840e!important}
.member-card-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:13px}
.member-card-actions .btn,.member-filter-form .btn{white-space:normal;font-size:12px}
.member-detail{max-width:1000px;margin:auto}
.member-detail h2{margin-top:30px}
.rating-form{display:flex;align-items:center;flex-wrap:wrap;gap:13px}
.rating-form label{font-weight:750;color:#315742}
.rating-form select{padding:12px;border-radius:9px;border:1px solid #ccdcd2;min-width:170px}
.member-private-note,.pending-update-note{background:#f4f7f5;border-radius:12px;padding:13px;margin:12px 0;line-height:1.9;color:#315c43;font-size:13px}
.pending-update-note{background:#fff2d6;color:#77510d}
.member-form{margin-top:16px}
.member-form .field{min-width:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){.member-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.member-groups{grid-template-columns:1fr}}
@media(max-width:620px){.member-manager{padding:14px!important}.member-group-inner{padding:11px}.member-lookup-form,.member-select-form{flex-wrap:wrap}.member-lookup-form input,.member-select-form select{flex:1 1 100%}.member-lookup-form button,.member-select-form button{width:100%}.member-facts{grid-template-columns:1fr}.member-selected{padding:15px!important}.member-selected-heading h2{font-size:20px}.member-selected-actions .action-btn{flex-grow:1;text-align:center}.brand .brand-developer{font-size:10px}.admin-notification-bell span{display:none}}

/* Citizen one-time login code: private staff-only record. */
.member-code-panel{margin:16px 0 22px;padding:15px 18px;border:1px solid #c9ddcd;background:#f5faf6;border-radius:13px}
.member-code-panel h3{margin:0 0 9px;color:#07513f}
.member-code-panel p{margin:8px 0;line-height:1.9}
.member-generated-code{display:inline-block;font-size:24px;letter-spacing:4px;background:#fff;color:#064d3d;border:1px dashed #a8bcab;border-radius:8px;padding:5px 13px;font-variant-numeric:tabular-nums}
.member-code-panel form{margin-top:12px}
