/* Member portal actions: visible, usable and mobile-friendly. */
.portal-notification-link { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #ded3c1; border-radius: 50%; color: #8b6328; font-size: 22px; text-decoration: none; }
.member-action-link { border: 0; padding: 0; background: none; font: inherit; cursor: pointer; }
.member-support { margin: 0 5vw 64px; padding: 24px 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; background: var(--paper); border: 1px solid #ded3c1; border-radius: 13px; }
.member-support p { margin: 0; color: var(--muted); }
.member-support a { color: #8f672d; font-weight: 700; text-decoration: none; }
.call-modal-backdrop[hidden], .call-modal[hidden] { display: none; }
.call-modal-backdrop { position: fixed; inset: 0; z-index: 80; background: rgba(4,4,4,.72); backdrop-filter: blur(5px); }
.call-modal { position: fixed; z-index: 81; left: 50%; top: 50%; width: min(560px, calc(100vw - 32px)); max-height: min(90vh, 800px); overflow-y: auto; transform: translate(-50%,-50%); padding: 34px; color: #17140f; background: #fbf8f1; border: 1px solid #ded3c1; border-radius: 16px; box-shadow: 0 24px 90px rgba(0,0,0,.35); }
.call-modal h2 { margin: 10px 0; font: 700 30px/1.15 var(--display); }
.call-modal > p { color: #686259; line-height: 1.6; }
.call-modal-close { position: absolute; top: 14px; right: 16px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: #eee7db; color: #312b21; font-size: 26px; cursor: pointer; }
.call-modal form { display: grid; gap: 16px; margin-top: 22px; }
.call-modal label { display: grid; gap: 8px; font-weight: 600; }
.call-modal label span { color: #857e72; font-weight: 400; }
.call-modal input, .call-modal textarea { width: 100%; padding: 13px 14px; color: #191713; background: white; border: 1px solid #d6ccbb; border-radius: 9px; font: inherit; }
.call-modal textarea { resize: vertical; }
.call-form-message { min-height: 1.3em; margin: 0; color: #75511b; line-height: 1.5; }
.call-modal button:disabled { opacity: .65; cursor: wait; }
.call-requests-dashboard { margin: 26px 0; padding: 24px; background: #fffdf8; border: 1px solid #ded3c1; border-radius: 13px; }
.call-requests-dashboard .panel-heading { margin-bottom: 16px; }
.call-requests-dashboard .panel-heading h2 { margin: 8px 0; }
.call-requests-dashboard .panel-heading p { margin: 0; color: #777064; }
.call-request-count { padding: 8px 12px; border-radius: 99px; color: #76531e; background: #f3ead9; white-space: nowrap; }
.call-request-list { display: grid; gap: 10px; margin-bottom: 14px; }
.call-request-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 18px; padding: 14px 16px; border: 1px solid #e8dfd0; border-radius: 10px; }
.call-request-row b, .call-request-row div > span { display: block; }
.call-request-row div > span, .call-request-row time { margin-top: 5px; color: #766f63; font-size: .9rem; }
.call-request-row p { margin: 8px 0 0; color: #615b52; }
.call-requests-dashboard > .text-link { color: #8b6328; text-decoration: none; font-weight: 700; }
@media(max-width:700px) { .member-support { margin: 0 20px 40px; align-items: flex-start; flex-direction: column; } .call-modal { padding: 28px 22px; } .call-request-row { grid-template-columns: 1fr auto; } .call-request-row .lead-stage { grid-column: 1/-1; justify-self: start; } }