:root {
    --member-navy: #12304a;
    --member-blue: #176b8e;
    --member-cyan: #47b8c7;
    --member-gold: #b49343;
    --member-cream: #f7f5ef;
    --member-text: #22313f;
    --member-muted: #71808d;
    --member-border: #e4e9ed;
}

.member-page {
    color: var(--member-text);
    background: #f5f7f8;
}

/* Member Dashboard follows the gold/charcoal palette used by the site header. */
.member-dashboard-page {
    --member-navy: #2b2925;
    --member-blue: #ad8f3b;
    --member-cyan: #e7c057;
    --member-gold: #ad8f3b;
    --member-cream: #fbf5e5;
    --member-text: #3e3a33;
    --member-muted: #7d7568;
    --member-border: #e2d9c5;
}

.member-page .member-eyebrow {
    margin: 0 0 8px;
    color: #937e4a;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.2px;
}

.member-login-main {
    position: relative;
    min-height: 690px;
    padding: 100px 0;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.9)), url('../../img/bg.webp') center/cover;
}

.member-login-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(4px);
    pointer-events: none;
}

.member-login-glow-one {
    width: 460px;
    height: 460px;
    top: -260px;
    right: -80px;
    background: rgba(71, 184, 199, .18);
}

.member-login-glow-two {
    width: 360px;
    height: 360px;
    bottom: -230px;
    left: -90px;
    background: rgba(180, 147, 67, .2);
}

.member-login-container {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}

.member-login-card {
    width: min(100%, 590px);
    padding: 48px 52px 42px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 26px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 30px 80px rgba(3, 24, 40, .28);
    margin-top: 140PX;
}

.member-login-icon {
    display: grid;
    width: 76px;
    height: 76px;
    margin: 0 auto 20px;
    place-items: center;
    color: #fff;
    font-size: 42px;
    border-radius: 24px;
    background: linear-gradient(135deg, #9a844b, #d7b455);
    box-shadow: 0 14px 28px rgba(131, 133, 134, 0.25);
}

.member-login-card h1 {
    margin: 0;
    color: var(--member-navy);
    font-size: clamp(30px, 4vw, 42px);
    font-weight: 800;
}

.member-login-description {
    margin: 12px 0 26px;
    color: var(--member-muted);
    font-size: 17px;
    line-height: 1.65;
}

.member-login-form fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.member-login-form legend {
    width: auto;
    margin: 0 auto 12px;
    color: #4f5e69;
    font-size: 14px;
    font-weight: 700;
}

.member-login-methods {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    margin: 0 0 24px;
    padding: 5px;
    border-radius: 12px;
    background: #edf1f3;
}

.member-method-button {
    display: flex;
    min-height: 45px;
    padding: 8px 12px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #71808b;
    font-size: 14px;
    font-weight: 750;
    border: 0;
    border-radius: 9px;
    background: transparent;
    cursor: pointer;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.member-method-button i {
    font-size: 20px;
}

.member-method-button:hover,
.member-method-button.active {
    color: var(--member-navy);
    background: #fff;
    box-shadow: 0 5px 14px rgba(27, 57, 75, .09);
}

.member-login-panel {
    display: none;
}

.member-login-panel.active {
    display: block;
}

.member-phone-inputs {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.member-method-hint {
    margin: 0 0 20px;
    color: #8a969e;
    font-size: 12px;
}

.member-email-label {
    display: block;
    margin: 0 0 10px;
    color: #4f5e69;
    font-size: 14px;
    font-weight: 700;
}

.member-email-field {
    display: flex;
    height: 58px;
    margin: 0 0 10px;
    padding: 0 16px;
    align-items: center;
    gap: 10px;
    border: 1.5px solid #d4dce2;
    border-radius: 11px;
    background: #fbfcfc;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.member-email-field:focus-within {
    border-color: var(--member-cyan);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(71, 184, 199, .13);
}

.member-email-field i {
    flex: 0 0 auto;
    color: var(--member-blue);
    font-size: 22px;
}

.member-email-field input {
    width: 100%;
    height: 100%;
    padding: 0;
    color: var(--member-navy);
    font-family: Arial, sans-serif;
    font-size: 16px;
    border: 0;
    outline: 0;
    background: transparent;
}

.member-email-field input::placeholder {
    color: #a3adb4;
}

.member-phone-digit {
    width: 100%;
    height: 58px;
    padding: 0;
    color: var(--member-navy);
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    border: 1.5px solid #d4dce2;
    border-radius: 11px;
    outline: none;
    background: #fbfcfc;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.member-phone-digit:focus {
    border-color: var(--member-cyan);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(71, 184, 199, .13);
    transform: translateY(-2px);
}

.member-phone-inputs.has-error .member-phone-digit {
    border-color: #dc5c5c;
}

.member-login-button {
    display: flex;
    width: 100%;
    height: 56px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(100deg, #c4a452, #d5b254);
    box-shadow: 0 12px 24px rgba(18, 48, 74, .2);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}

.member-login-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(18, 48, 74, .28);
}

.member-login-button i {
    font-size: 24px;
}

.member-alert {
    display: flex;
    margin: 0 0 20px;
    padding: 11px 14px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #9d3131;
    font-size: 14px;
    border: 1px solid #f0c4c4;
    border-radius: 10px;
    background: #fff2f2;
}

.member-alert i {
    font-size: 20px;
}

.member-form-message:empty {
    display: none;
}

.member-login-help {
    margin: 20px 0 0;
    color: #8b969f;
    font-size: 13px;
}

.member-login-help i {
    margin-right: 3px;
    color: var(--member-gold);
}

.member-dashboard-main {
    min-height: 700px;
    background: #f6f4ef;
}

.member-dashboard-hero {
    padding: 72px 0 95px;
    color: #fff;
    background:
        radial-gradient(circle at 90% 0, rgba(231, 192, 87, .28), transparent 33%),
        linear-gradient(120deg, #232022, #927f4f);
}

.member-dashboard-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.member-dashboard-heading .member-eyebrow {
    color: #f0cd6c;
}

.member-dashboard-heading h1 {
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 800;
}

.member-dashboard-heading p:last-child {
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 16px;
}

.member-logout-form button {
    display: flex;
    padding: 11px 18px;
    align-items: center;
    gap: 7px;
    color: #fff;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 10px;
    background: rgba(255, 255, 255, .08);
    cursor: pointer;
}

.member-logout-form button:hover {
    background: rgba(255, 255, 255, .16);
}

.member-dashboard-content {
    padding: 0 0 90px;
}

.member-stat-grid {
    display: grid;
    position: relative;
    z-index: 2;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: -44px;
    margin-bottom: 28px;
}

.member-stat-card {
    display: flex;
    min-height: 112px;
    padding: 22px 24px;
    align-items: center;
    gap: 18px;
    border: 1px solid rgba(222, 228, 232, .9);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 35px rgba(26, 53, 70, .08);
}

.member-stat-icon {
    display: grid;
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    place-items: center;
    font-size: 29px;
    border-radius: 15px;
}

.member-stat-total .member-stat-icon { color: #94772e; background: #fbf3dc; }
.member-stat-paid .member-stat-icon { color: #31845c; background: #e9f6ef; }
.member-stat-waiting .member-stat-icon { color: #af7823; background: #fff3dd; }

.member-stat-card strong,
.member-stat-card span:last-child {
    display: block;
}

.member-stat-card strong {
    color: var(--member-navy);
    font-family: Arial, sans-serif;
    font-size: 30px;
    line-height: 1.1;
}

.member-stat-card span:last-child {
    margin-top: 4px;
    color: var(--member-muted);
    font-size: 14px;
}

.member-dashboard-grid {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.member-profile-card {
    padding: 30px 25px;
    text-align: center;
    border: 1px solid var(--member-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(26, 53, 70, .05);
}

.member-profile-avatar {
    display: grid;
    width: 82px;
    height: 82px;
    margin: 0 auto 17px;
    place-items: center;
    color: #fff;
    font-size: 44px;
    border-radius: 28px;
    background: linear-gradient(135deg, var(--member-blue), var(--member-cyan));
}

.member-profile-card h2 {
    margin: 0 0 4px;
    color: var(--member-navy);
    font-size: 21px;
    font-weight: 800;
}

.member-profile-card > p {
    min-height: 24px;
    margin: 0 0 23px;
    color: var(--member-muted);
    font-size: 14px;
}

.member-profile-card dl {
    margin: 0;
    text-align: left;
}

.member-profile-card dl div {
    padding: 13px 0;
    border-top: 1px solid #edf0f2;
}

.member-profile-card dt {
    margin-bottom: 3px;
    color: #88949d;
    font-size: 12px;
    font-weight: 600;
}

.member-profile-card dt i {
    margin-right: 4px;
    color: var(--member-blue);
    font-size: 15px;
    vertical-align: -1px;
}

.member-profile-card dd {
    margin: 0;
    color: #34444f;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.member-account-menu {
    display: grid;
    gap: 7px;
    margin-top: 20px;
    padding-top: 20px;
    text-align: left;
    border-top: 1px solid #edf0f2;
}

.member-account-menu a,
.member-account-menu button {
    display: grid;
    width: 100%;
    min-height: 45px;
    padding: 9px 11px;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    color: #61707b;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    border: 0;
    border-radius: 9px;
    background: transparent;
    cursor: pointer;
    transition: color .2s ease, background .2s ease;
}

.member-account-menu a i,
.member-account-menu button i {
    color: var(--member-blue);
    font-size: 20px;
}

.member-account-menu a b {
    display: inline-grid;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    place-items: center;
    color: #71808d;
    font-family: Arial, sans-serif;
    font-size: 11px;
    border-radius: 999px;
    background: #edf2f4;
}

.member-account-menu a:hover,
.member-account-menu a.active {
    color: var(--member-navy);
    background: #faf4e3;
}

.member-account-menu a.active b {
    color: #fff;
    background: var(--member-blue);
}

.member-account-menu form {
    margin: 0;
}

.member-account-menu button {
    grid-template-columns: 22px minmax(0, 1fr);
    color: #a34646;
}

.member-account-menu button i {
    color: #b84f4f;
}

.member-account-menu button:hover {
    color: #923838;
    background: #fff0f0;
}

.member-course-tabs {
    display: inline-flex;
    margin: 0 0 24px;
    padding: 5px;
    gap: 4px;
    border: 1px solid #dde5e9;
    border-radius: 12px;
    background: #e9eef0;
}

.member-course-tabs a {
    display: inline-flex;
    min-height: 42px;
    padding: 8px 14px;
    align-items: center;
    gap: 7px;
    color: #687782;
    font-size: 13px;
    font-weight: 750;
    border-radius: 8px;
}

.member-course-tabs a i {
    font-size: 18px;
}

.member-course-tabs a span {
    display: inline-grid;
    min-width: 23px;
    height: 23px;
    padding: 0 5px;
    place-items: center;
    font-family: Arial, sans-serif;
    font-size: 11px;
    border-radius: 999px;
    background: rgba(107, 125, 137, .12);
}

.member-course-tabs a:hover,
.member-course-tabs a.active {
    color: var(--member-navy);
    background: #fff;
    box-shadow: 0 4px 12px rgba(27, 57, 75, .08);
}

.member-course-tabs a.active span {
    color: #fff;
    background: var(--member-blue);
}

.member-section-heading {
    display: flex;
    margin: 3px 0 17px;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
}

.member-section-heading h2 {
    margin: 0;
    color: var(--member-navy);
    font-size: 26px;
    font-weight: 800;
}

.member-section-description {
    margin: 5px 0 0;
    color: var(--member-muted);
    font-size: 13px;
}

.member-section-heading a {
    color: var(--member-blue);
    font-size: 14px;
    font-weight: 700;
}

.member-course-list {
    display: grid;
    gap: 16px;
}

.member-course-empty {
    padding: 54px 28px;
    text-align: center;
    border: 1px dashed #cad6dc;
    border-radius: 16px;
    background: #fff;
}

.member-course-empty > span {
    display: grid;
    width: 66px;
    height: 66px;
    margin: 0 auto 16px;
    place-items: center;
    color: var(--member-blue);
    font-size: 34px;
    border-radius: 20px;
    background: #faf4e3;
}

.member-course-empty h3 {
    margin: 0 0 6px;
    color: var(--member-navy);
    font-size: 19px;
    font-weight: 800;
}

.member-course-empty p {
    margin: 0;
    color: var(--member-muted);
    font-size: 14px;
}

.member-course-card {
    display: grid;
    grid-template-columns: 5px minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid var(--member-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 9px 24px rgba(26, 53, 70, .045);
    transition: transform .2s ease, box-shadow .2s ease;
}

.member-course-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(26, 53, 70, .09);
}

.member-course-accent {
    background: linear-gradient(to bottom, var(--member-cyan), var(--member-blue));
}

.member-course-body {
    padding: 22px 24px 18px;
}

.member-course-topline,
.member-course-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.member-course-generation {
    color: var(--member-blue);
    font-size: 13px;
    font-weight: 800;
}

.member-status {
    display: inline-flex;
    padding: 5px 10px;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 999px;
}

.member-status i { font-size: 8px; }
.member-status-paid { color: #26734c; background: #e9f7ef; }
.member-status-waiting { color: #9a681c; background: #fff3da; }
.member-status-cancelled { color: #a33e3e; background: #fdecec; }

.member-course-card h3 {
    margin: 13px 0 14px;
    color: var(--member-navy);
    font-size: 18px;
    font-weight: 750;
    line-height: 1.55;
}

.member-course-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 18px;
    color: #6e7b85;
    font-size: 13px;
}

.member-course-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.member-course-meta i {
    color: var(--member-blue);
    font-size: 17px;
}

.member-course-footer {
    margin-top: 17px;
    padding-top: 14px;
    border-top: 1px solid #edf0f2;
}

.member-course-footer > span {
    color: #9aa3aa;
    font-family: Arial, sans-serif;
    font-size: 11px;
}

.member-course-footer a {
    display: inline-flex;
    align-items: center;
    color: var(--member-blue);
    font-size: 13px;
    font-weight: 700;
}

.member-course-footer a i {
    font-size: 18px;
}

.member-organization-card {
    padding: 28px;
    border: 1px solid var(--member-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(26, 53, 70, .05);
}

.member-organization-heading {
    display: flex;
    margin-bottom: 22px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.member-organization-heading h2 {
    margin: 0;
    color: var(--member-navy);
    font-size: 26px;
    font-weight: 800;
}

.member-organization-heading p:last-child {
    max-width: 670px;
    margin: 6px 0 0;
    color: var(--member-muted);
    font-size: 13px;
    line-height: 1.65;
}

.member-organization-heading > span {
    display: inline-flex;
    min-width: max-content;
    padding: 7px 11px;
    align-items: center;
    gap: 5px;
    color: #25704b;
    font-size: 11px;
    font-weight: 800;
    border-radius: 999px;
    background: #e9f7ef;
}

.member-organization-heading > span i {
    font-size: 16px;
}

.member-organization-alert,
.member-organization-hint,
.member-organization-setup {
    display: flex;
    margin-bottom: 20px;
    padding: 13px 15px;
    align-items: flex-start;
    gap: 9px;
    font-size: 13px;
    line-height: 1.6;
    border-radius: 10px;
}

.member-organization-alert i,
.member-organization-hint i {
    margin-top: 1px;
    font-size: 19px;
}

.member-organization-alert-success {
    color: #236f49;
    border: 1px solid #c9ead8;
    background: #edf9f2;
}

.member-organization-alert-danger {
    color: #9c3d3d;
    border: 1px solid #f0cccc;
    background: #fff0f0;
}

.member-organization-hint {
    color: #705b28;
    border: 1px solid #e2d2a5;
    background: #fff9e9;
}

.member-organization-setup {
    padding: 25px;
    align-items: center;
    color: #70511d;
    border: 1px dashed #dfc98e;
    background: #fff9e8;
}

.member-organization-setup > i {
    font-size: 37px;
}

.member-organization-setup h3 {
    margin: 0 0 3px;
    color: #614716;
    font-size: 17px;
    font-weight: 800;
}

.member-organization-setup p {
    margin: 0;
}

.member-organization-layout {
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr);
    gap: 27px;
    align-items: start;
}

.member-organization-logo-card {
    padding: 19px;
    text-align: center;
    border: 1px solid #dfe7eb;
    border-radius: 14px;
    background: #f8fafb;
}

.member-organization-logo-box {
    display: grid;
    min-height: 175px;
    padding: 16px;
    place-items: center;
    overflow: hidden;
    border: 1px solid #d9e2e7;
    border-radius: 11px;
    background:
        linear-gradient(45deg, #eef2f4 25%, transparent 25%),
        linear-gradient(-45deg, #eef2f4 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #eef2f4 75%),
        linear-gradient(-45deg, transparent 75%, #eef2f4 75%),
        #fff;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
    background-size: 16px 16px;
}

.member-organization-logo-box img {
    display: block;
    max-width: 100%;
    max-height: 145px;
    object-fit: contain;
}

.member-organization-logo-box [hidden] {
    display: none;
}

.member-organization-logo-box > span {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
    color: var(--member-blue);
    font-size: 39px;
    border-radius: 23px;
    background: #faf2d9;
}

.member-organization-logo-card h3 {
    margin: 15px 0 4px;
    color: var(--member-navy);
    font-size: 16px;
    font-weight: 800;
}

.member-organization-logo-card p {
    margin: 0 0 12px;
    color: #82909a;
    font-size: 11px;
    line-height: 1.55;
}

.member-organization-logo-button {
    display: inline-flex;
    min-height: 38px;
    margin: 0;
    padding: 8px 13px;
    align-items: center;
    gap: 6px;
    color: var(--member-blue);
    font-size: 12px;
    font-weight: 800;
    border: 1px solid #dac993;
    border-radius: 9px;
    background: #fff;
    cursor: pointer;
}

.member-organization-logo-button:hover {
    color: #fff;
    border-color: var(--member-blue);
    background: var(--member-blue);
}

.member-organization-logo-card input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

#member-organization-logo-message {
    display: block;
    min-height: 16px;
    margin-top: 7px;
    color: #ad4545;
    font-size: 10px;
}

.member-organization-fields {
    display: grid;
    gap: 17px;
}

.member-organization-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}

.member-organization-field label {
    display: block;
    margin-bottom: 6px;
    color: #3a4f5d;
    font-size: 12px;
    font-weight: 800;
}

.member-organization-field label em {
    color: #c34b4b;
    font-style: normal;
}

.member-organization-field input,
.member-organization-field textarea {
    display: block;
    width: 100%;
    padding: 10px 12px;
    color: #283c49;
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #d4dfe5;
    border-radius: 9px;
    outline: 0;
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.member-organization-field textarea {
    min-height: 122px;
    resize: vertical;
}

.member-organization-field input:focus,
.member-organization-field textarea:focus {
    border-color: var(--member-blue);
    box-shadow: 0 0 0 3px rgba(173, 143, 59, .13);
}

.member-organization-updated {
    margin: -2px 0 0;
    color: #85919a;
    font-size: 11px;
}

.member-organization-updated i {
    margin-right: 3px;
    font-size: 15px;
    vertical-align: -2px;
}

.member-organization-actions {
    display: flex;
    padding-top: 2px;
    align-items: center;
    gap: 12px;
}

.member-organization-actions button,
.member-organization-actions a {
    display: inline-flex;
    min-height: 43px;
    padding: 9px 17px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 800;
    border-radius: 9px;
}

.member-organization-actions button {
    color: #fff;
    border: 0;
    background: linear-gradient(135deg, var(--member-blue), #7e6e47);
    box-shadow: 0 8px 18px rgba(126, 110, 71, .22);
    cursor: pointer;
}

.member-organization-actions button:hover {
    transform: translateY(-1px);
}

.member-organization-actions a {
    color: #64737e;
    border: 1px solid #d8e0e5;
    background: #fff;
}

.member-prompt-library {
    min-width: 0;
}

.member-prompt-heading {
    display: flex;
    margin-bottom: 20px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.member-prompt-heading h2 {
    margin: 0;
    color: var(--member-navy);
    font-size: 28px;
    font-weight: 850;
}

.member-prompt-heading p:last-child {
    max-width: 680px;
    margin: 6px 0 0;
    color: var(--member-muted);
    font-size: 13px;
    line-height: 1.65;
}

.member-prompt-heading-actions {
    display: flex;
    min-width: max-content;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.member-prompt-guide-open {
    display: inline-flex;
    min-height: 36px;
    padding: 7px 12px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--member-blue), #7e6e47);
    box-shadow: 0 6px 14px rgba(126, 110, 71, .18);
    cursor: pointer;
}

.member-prompt-guide-open i {
    font-size: 17px;
}

.member-prompt-total {
    display: inline-flex;
    min-width: max-content;
    padding: 8px 12px;
    align-items: center;
    gap: 6px;
    color: var(--member-blue);
    font-size: 12px;
    font-weight: 800;
    border: 1px solid #dfce9b;
    border-radius: 999px;
    background: #fff8e7;
}

.member-prompt-total i {
    font-size: 17px;
}

.member-prompt-agency-alert {
    display: grid;
    margin-bottom: 20px;
    padding: 15px 17px;
    grid-template-columns: 35px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    color: #73551e;
    border: 1px solid #e6ce96;
    border-radius: 13px;
    background: #fff9e9;
}

.member-prompt-agency-alert > i {
    font-size: 29px;
}

.member-prompt-agency-alert strong {
    display: block;
    color: #614716;
    font-size: 13px;
}

.member-prompt-agency-alert p {
    margin: 2px 0 0;
    color: #826b3d;
    font-size: 11px;
}

.member-prompt-agency-alert code {
    color: #765218;
    background: rgba(180, 147, 67, .12);
}

.member-prompt-agency-alert a {
    display: inline-flex;
    min-width: max-content;
    padding: 8px 11px;
    align-items: center;
    gap: 4px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    border-radius: 8px;
    background: #a57626;
}

.member-prompt-personalized-note {
    display: flex;
    margin-bottom: 20px;
    padding: 11px 14px;
    align-items: center;
    gap: 7px;
    color: #26714c;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #cce8d9;
    border-radius: 10px;
    background: #edf9f2;
}

.member-prompt-personalized-note i {
    font-size: 19px;
}

.member-prompt-filter-form,
.member-prompt-detail {
    border: 1px solid var(--member-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(78, 67, 43, .07);
}

.member-prompt-filter-form {
    margin-bottom: 24px;
    padding: 20px;
}

.member-prompt-search-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

.member-prompt-search-box {
    display: flex;
    min-width: 0;
    height: 48px;
    margin: 0;
    padding: 0 14px;
    align-items: center;
    gap: 8px;
    border: 1px solid #ded5c3;
    border-radius: 11px;
    background: #fdfbf7;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.member-prompt-search-box:focus-within {
    border-color: var(--member-blue);
    box-shadow: 0 0 0 3px rgba(173, 143, 59, .13);
}

.member-prompt-search-box i {
    color: var(--member-blue);
    font-size: 22px;
}

.member-prompt-search-box input {
    width: 100%;
    min-width: 0;
    height: 44px;
    padding: 0;
    color: #2c3f4c;
    font-size: 14px;
    border: 0;
    outline: 0;
    background: transparent;
}

.member-prompt-search-row > button,
.member-prompt-filter-actions button {
    display: inline-flex;
    min-height: 44px;
    padding: 9px 17px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--member-blue), #7e6e47);
    cursor: pointer;
}

.member-prompt-advanced {
    margin-top: 13px;
    border-top: 1px solid #edf1f3;
}

.member-prompt-advanced summary {
    display: flex;
    padding: 13px 2px 0;
    align-items: center;
    gap: 6px;
    color: #536774;
    font-size: 12px;
    font-weight: 800;
    list-style: none;
    cursor: pointer;
}

.member-prompt-advanced summary::-webkit-details-marker {
    display: none;
}

.member-prompt-advanced summary i {
    color: var(--member-blue);
    font-size: 18px;
}

.member-prompt-advanced summary span {
    color: #96a1a9;
    font-size: 10px;
    font-weight: 600;
}

.member-prompt-filter-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-top: 14px;
}

.member-prompt-filter-grid label {
    min-width: 0;
    margin: 0;
}

.member-prompt-filter-grid label > span {
    display: block;
    margin-bottom: 5px;
    color: #61727e;
    font-size: 11px;
    font-weight: 800;
}

.member-prompt-filter-grid select,
.member-prompt-filter-grid .nice-select {
    width: 100%;
    height: 44px;
    padding: 0 34px 0 12px;
    color: #354956;
    font-size: 12px;
    line-height: 42px;
    border: 1px solid #ded4bc;
    border-radius: 9px;
    background: #fff;
}

.member-prompt-filter-grid .nice-select .list {
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
}

.member-prompt-filter-actions {
    display: flex;
    margin-top: 15px;
    align-items: center;
    gap: 10px;
}

.member-prompt-filter-actions a {
    display: inline-flex;
    min-height: 42px;
    padding: 8px 13px;
    align-items: center;
    gap: 5px;
    color: #687985;
    font-size: 12px;
    font-weight: 800;
    border: 1px solid #dbe3e7;
    border-radius: 9px;
    background: #fff;
}

.member-prompt-results-heading {
    display: flex;
    margin: 0 0 13px;
    align-items: flex-end;
    justify-content: space-between;
}

.member-prompt-results-heading h3 {
    margin: 0;
    color: var(--member-navy);
    font-size: 20px;
    font-weight: 850;
}

.member-prompt-results-heading p {
    margin: 3px 0 0;
    color: #89959e;
    font-size: 11px;
}

.member-prompt-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}

.member-prompt-card {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid var(--member-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 9px 24px rgba(26, 53, 70, .05);
    transition: transform .2s ease, box-shadow .2s ease;
}

.member-prompt-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 32px rgba(26, 53, 70, .1);
}

.member-prompt-card-visual {
    display: grid;
    position: relative;
    aspect-ratio: 4 / 4.6;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 88% 5%, rgba(106, 221, 222, .48), transparent 34%),
        linear-gradient(135deg, #153d59, #177994);
}

.member-prompt-card-visual > img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    object-fit: cover;
    transition: transform .35s ease;
}

.member-prompt-card:hover .member-prompt-card-visual > img {
    transform: scale(1.025);
}

.member-prompt-card:nth-child(3n+2) .member-prompt-card-visual {
    background:
        radial-gradient(circle at 88% 5%, rgba(255, 225, 148, .38), transparent 34%),
        linear-gradient(135deg, #35455f, #697a91);
}

.member-prompt-card:nth-child(3n) .member-prompt-card-visual {
    background:
        radial-gradient(circle at 88% 5%, rgba(147, 231, 187, .38), transparent 34%),
        linear-gradient(135deg, #18534b, #238476);
}

.member-prompt-card-visual > span {
    display: grid;
    width: 49px;
    height: 49px;
    place-items: center;
    font-size: 27px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 15px;
    background: rgba(255, 255, 255, .12);
}

.member-prompt-card-overlay {
    display: flex;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 62px;
    padding: 22px 14px 12px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    background: linear-gradient(to top, rgba(10, 28, 42, .88), transparent);
}

.member-prompt-card-overlay small,
.member-prompt-card-overlay b {
    color: #fff;
    font-size: 10px;
    font-weight: 850;
}

.member-prompt-card-overlay b {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #ffe49c;
}

.member-prompt-card-body {
    display: flex;
    height: 100%;
    padding: 18px;
    flex-direction: column;
}

.member-prompt-card-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--member-blue);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .2px;
}

.member-prompt-card-topline i {
    color: #2d8a5d;
    font-size: 18px;
}

.member-prompt-card h3 {
    margin: 8px 0 7px;
    color: var(--member-navy);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.45;
}

.member-prompt-card-body > p {
    min-height: 60px;
    margin: 0 0 12px;
    color: #74828c;
    font-size: 12px;
    line-height: 1.65;
}

.member-prompt-tags {
    display: flex;
    min-height: 29px;
    margin-bottom: 13px;
    flex-wrap: wrap;
    gap: 5px;
}

.member-prompt-tags span {
    display: inline-flex;
    max-width: 100%;
    padding: 5px 7px;
    align-items: center;
    gap: 4px;
    color: #647784;
    font-size: 9px;
    border-radius: 999px;
    background: #eff4f6;
}

.member-prompt-specs {
    display: flex;
    min-height: 25px;
    margin: -5px 0 10px;
    flex-wrap: wrap;
    gap: 8px 13px;
    color: #81909a;
    font-size: 9px;
}

.member-prompt-specs span {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.member-prompt-specs i {
    color: var(--member-blue);
    font-size: 14px;
}

.member-prompt-card-copy {
    display: flex;
    margin-top: auto;
    padding-top: 12px;
    gap: 6px;
    border-top: 1px solid #edf1f3;
}

.member-prompt-copy-button {
    display: inline-flex;
    min-height: 38px;
    padding: 7px 11px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: var(--member-blue);
    font-size: 11px;
    font-weight: 850;
    border: 1px solid #c5dce4;
    border-radius: 8px;
    background: #f7fbfc;
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background .2s ease;
}

.member-prompt-copy-button:hover,
.member-prompt-copy-button.is-copied {
    color: #fff;
    border-color: var(--member-blue);
    background: var(--member-blue);
}

.member-prompt-copy-button:disabled {
    color: #a7b0b6;
    border-color: #e2e7ea;
    background: #f5f7f8;
    cursor: not-allowed;
}

.member-prompt-copy-small {
    min-height: 33px;
    padding: 5px 7px;
    font-size: 9px;
}

.member-prompt-detail-link {
    display: flex;
    min-height: 39px;
    margin-top: 10px;
    padding: 8px 10px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    border-radius: 8px;
    background: linear-gradient(135deg, #153d59, var(--member-blue));
}

.member-prompt-copy-source {
    position: fixed;
    width: 1px;
    height: 1px;
    top: -9999px;
    left: -9999px;
    padding: 0;
    opacity: 0;
    pointer-events: none;
}

.member-prompt-pagination {
    display: flex;
    margin-top: 23px;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.member-prompt-pagination a {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    color: #60737f;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    border: 1px solid #d8e1e5;
    border-radius: 9px;
    background: #fff;
}

.member-prompt-pagination a:hover,
.member-prompt-pagination a.active {
    color: #fff;
    border-color: var(--member-blue);
    background: var(--member-blue);
}

.member-prompt-empty {
    padding: 52px 25px;
    text-align: center;
    border: 1px dashed #cbd7dd;
    border-radius: 16px;
    background: #fff;
}

.member-prompt-empty > span {
    display: grid;
    width: 66px;
    height: 66px;
    margin: 0 auto 15px;
    place-items: center;
    color: var(--member-blue);
    font-size: 34px;
    border-radius: 20px;
    background: #faf3df;
}

.member-prompt-empty h3 {
    margin: 0 0 5px;
    color: var(--member-navy);
    font-size: 19px;
    font-weight: 850;
}

.member-prompt-empty p {
    margin: 0;
    color: var(--member-muted);
    font-size: 13px;
}

.member-prompt-empty > a {
    display: inline-flex;
    margin-top: 13px;
    padding: 8px 12px;
    color: var(--member-blue);
    font-size: 12px;
    font-weight: 800;
    border: 1px solid #c9dfe6;
    border-radius: 8px;
}

.member-prompt-not-found {
    display: flex;
    margin-bottom: 17px;
    padding: 12px 14px;
    align-items: center;
    gap: 7px;
    color: #9b4141;
    font-size: 12px;
    border: 1px solid #efcccc;
    border-radius: 10px;
    background: #fff0f0;
}

.member-prompt-not-found i {
    font-size: 19px;
}

.member-prompt-detail {
    padding: 25px;
}

.member-prompt-detail-toolbar {
    display: flex;
    margin-bottom: 21px;
    padding-bottom: 15px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #edf1f3;
}

.member-prompt-detail-toolbar a,
.member-prompt-detail-toolbar span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 800;
}

.member-prompt-detail-toolbar a {
    color: var(--member-blue);
}

.member-prompt-detail-toolbar span {
    color: #81909a;
}

.member-prompt-detail-header {
    display: grid;
    grid-template-columns: minmax(190px, 260px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.member-prompt-detail-cover {
    display: grid;
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    place-items: center;
    overflow: hidden;
    color: #fff;
    font-size: 46px;
    border-radius: 18px;
    background: linear-gradient(135deg, #153d59, #1887a0);
}

.member-prompt-detail-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.member-prompt-detail-cover b {
    position: absolute;
    right: 11px;
    bottom: 11px;
    padding: 5px 8px;
    color: #fff;
    font-size: 10px;
    border-radius: 999px;
    background: rgba(10, 30, 44, .78);
}

.member-prompt-category {
    margin-bottom: 5px;
    color: var(--member-blue);
    font-size: 11px;
    font-weight: 850;
}

.member-prompt-category span {
    display: inline-flex;
    margin-left: 7px;
    padding: 4px 7px;
    align-items: center;
    gap: 3px;
    color: #9a6b1f;
    font-size: 9px;
    border-radius: 999px;
    background: #fff4d8;
}

.member-prompt-detail-header h3 {
    margin: 0;
    color: var(--member-navy);
    font-size: 24px;
    font-weight: 850;
    line-height: 1.45;
}

.member-prompt-detail-header p {
    margin: 7px 0 0;
    color: #6f7f89;
    font-size: 12px;
    line-height: 1.7;
}

.member-prompt-detail-tags {
    display: flex;
    margin-top: 12px;
    flex-wrap: wrap;
    gap: 5px;
}

.member-prompt-detail-tags span {
    padding: 5px 8px;
    color: #5f7481;
    font-size: 9px;
    border-radius: 999px;
    background: #eef4f6;
}

.member-prompt-detail-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 21px 0;
}

.member-prompt-detail-meta > div {
    display: grid;
    padding: 13px;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 1px 7px;
    border: 1px solid #e1e8ec;
    border-radius: 10px;
    background: #fafcfd;
}

.member-prompt-detail-meta i {
    grid-row: 1 / 3;
    color: var(--member-blue);
    font-size: 20px;
}

.member-prompt-detail-meta span {
    color: #94a0a8;
    font-size: 9px;
    font-weight: 750;
}

.member-prompt-detail-meta strong {
    color: #405460;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.45;
}

.member-prompt-usage-tip {
    display: flex;
    margin: 0 0 18px;
    padding: 14px 16px;
    align-items: flex-start;
    gap: 10px;
    color: #6a5528;
    border: 1px solid #e5d29f;
    border-radius: 11px;
    background: #fff9e9;
}

.member-prompt-usage-tip > i {
    color: #bd8425;
    font-size: 25px;
}

.member-prompt-usage-tip strong {
    display: block;
    margin-bottom: 2px;
    color: #684f1e;
    font-size: 12px;
}

.member-prompt-usage-tip p {
    margin: 0;
    font-size: 11px;
    line-height: 1.65;
}

.member-prompt-text-panel {
    margin-top: 13px;
    overflow: hidden;
    border: 1px solid #dfe7eb;
    border-radius: 12px;
}

.member-prompt-text-panel > header {
    display: flex;
    min-height: 54px;
    padding: 9px 13px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #e4eaed;
    background: #f7fafb;
}

.member-prompt-text-panel h4 {
    display: flex;
    margin: 0;
    align-items: center;
    gap: 6px;
    color: #334a58;
    font-size: 13px;
    font-weight: 850;
}

.member-prompt-text-panel h4 i {
    color: var(--member-blue);
    font-size: 20px;
}

.member-prompt-text-panel-negative h4 i {
    color: #a35454;
}

.member-prompt-text-panel pre {
    max-height: 420px;
    margin: 0;
    padding: 17px;
    overflow: auto;
    color: #354956;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.75;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    background: #fff;
}

.member-prompt-copy-status {
    position: fixed;
    z-index: 9999;
    max-width: calc(100vw - 30px);
    right: 20px;
    bottom: 20px;
    padding: 10px 14px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    border-radius: 9px;
    background: #173e57;
    box-shadow: 0 10px 25px rgba(16, 43, 63, .2);
}

.member-prompt-copy-status:empty {
    display: none;
}

.member-prompt-agency-profile {
    display: grid;
    margin-bottom: 20px;
    padding: 13px 15px;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    color: #685b3a;
    border: 1px solid #e1d3ab;
    border-radius: 14px;
    background: #fcf7e9;
}

.member-prompt-agency-logo {
    display: grid;
    width: 48px;
    height: 48px;
    padding: 5px;
    place-items: center;
    overflow: hidden;
    color: var(--member-blue);
    font-size: 25px;
    border-radius: 12px;
    background: #fff;
}

.member-prompt-agency-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.member-prompt-agency-profile small,
.member-prompt-agency-profile strong,
.member-prompt-agency-profile p {
    display: block;
}

.member-prompt-agency-profile small {
    color: #7c929f;
    font-size: 9px;
}

.member-prompt-agency-profile strong {
    color: var(--member-navy);
    font-size: 14px;
}

.member-prompt-agency-profile p {
    margin: 2px 0 0;
    color: #6e828f;
    font-size: 10px;
}

.member-prompt-agency-profile > a {
    display: inline-flex;
    padding: 7px 10px;
    align-items: center;
    gap: 4px;
    color: var(--member-blue);
    font-size: 10px;
    font-weight: 800;
    border: 1px solid #dbc995;
    border-radius: 8px;
    background: #fff;
}

.member-prompt-builder-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.member-prompt-builder-card {
    display: flex;
    min-width: 0;
    padding: 14px;
    flex-direction: column;
    border: 1px solid #e1d7bf;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(78, 67, 43, .075);
}

.member-prompt-builder-card-head {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 34px auto;
    align-items: center;
    gap: 7px;
}

.member-prompt-builder-icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    font-size: 22px;
    border-radius: 11px;
    background: linear-gradient(135deg, #232022, #927f4f);
}

.member-prompt-builder-card-head strong,
.member-prompt-builder-card-head span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-prompt-builder-card-head strong {
    color: #0e2d48;
    font-size: 11px;
    font-weight: 900;
}

.member-prompt-builder-card-head span {
    margin-top: 3px;
    color: #768798;
    font-size: 8px;
}

.member-prompt-favorite {
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    color: #a99b76;
    font-size: 18px;
    border: 0;
    border-radius: 10px;
    background: #f5f0e4;
    cursor: pointer;
}

.member-prompt-favorite.active {
    color: var(--member-gold);
    background: var(--member-cream);
}

.member-prompt-builder-card-head > b {
    padding: 7px 8px;
    color: #7f7357;
    font-family: Arial, sans-serif;
    font-size: 9px;
    border-radius: 9px;
    background: #f5f0e4;
}

.member-prompt-builder-card > h3 {
    min-height: 42px;
    margin: 12px 0 9px;
    color: #0b2943;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.45;
}

.member-prompt-builder-selects {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 7px;
}

.member-prompt-builder-selects label {
    min-width: 0;
    margin: 0;
}

.member-prompt-builder-selects label > span {
    display: block;
    margin: 0 0 4px 2px;
    color: #687b90;
    font-size: 8px;
    font-weight: 850;
}

.member-prompt-builder-selects select,
.member-prompt-builder-selects .nice-select {
    width: 100%;
    height: 38px;
    padding: 0 29px 0 10px;
    overflow: hidden;
    color: #403a2f;
    font-size: 9px;
    font-weight: 750;
    line-height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #dccb9b;
    border-radius: 10px;
    background: #fff;
}

.member-prompt-builder-selects .nice-select .current {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-prompt-builder-selects .nice-select .list {
    width: max-content;
    min-width: 100%;
    max-width: 330px;
    max-height: 280px;
    overflow-y: auto;
}

.member-prompt-builder-selects .nice-select .option {
    min-height: 35px;
    padding: 0 10px;
    font-size: 10px;
    line-height: 35px;
}

.member-prompt-builder-template {
    position: fixed;
    width: 1px;
    height: 1px;
    top: -9999px;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
}

.member-prompt-live-preview {
    height: 174px;
    margin: 12px 0;
    padding: 13px;
    overflow: hidden;
    color: var(--member-text);
    font-family: inherit;
    font-size: 9px;
    line-height: 1.75;
    white-space: pre-wrap;
    border: 1px solid #ded1ad;
    border-radius: 12px;
    background: #fbf8ef;
}

.member-prompt-builder-actions {
    display: grid;
    margin-top: auto;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.25fr);
    gap: 7px;
}

.member-prompt-builder-actions button {
    display: inline-flex;
    min-height: 39px;
    padding: 8px 10px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 10px;
    font-weight: 900;
    border-radius: 10px;
    cursor: pointer;
}

.member-prompt-view-button {
    color: var(--member-blue);
    border: 1px solid var(--member-blue);
    background: #fff;
}

.member-prompt-copy-main {
    color: #fff;
    border: 1px solid var(--member-blue);
    background: linear-gradient(135deg, var(--member-blue), #7e6e47);
}

.member-prompt-copy-main.is-copied {
    border-color: #2b8658;
    background: #2b8658;
}

.member-prompt-modal {
    display: grid;
    position: fixed;
    z-index: 10000;
    padding: 20px;
    inset: 0;
    place-items: center;
}

.member-prompt-modal[hidden] {
    display: none;
}

.member-prompt-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(35, 32, 34, .7);
    backdrop-filter: blur(3px);
}

.member-prompt-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(760px, 100%);
    max-height: calc(100vh - 40px);
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(5, 25, 42, .28);
}

.member-prompt-modal-dialog > header,
.member-prompt-modal-dialog > footer {
    display: flex;
    padding: 15px 18px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.member-prompt-modal-dialog > header {
    color: #fff;
    background: linear-gradient(135deg, #232022, #927f4f);
}

.member-prompt-modal-dialog header small {
    color: rgba(255, 255, 255, .68);
    font-size: 8px;
    letter-spacing: 1.3px;
}

.member-prompt-modal-dialog header h3 {
    margin: 2px 0 0;
    color: #fff;
    font-size: 17px;
    font-weight: 850;
}

.member-prompt-modal-dialog header button {
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    color: #fff;
    font-size: 23px;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 10px;
    background: rgba(255, 255, 255, .1);
    cursor: pointer;
}

.member-prompt-modal-dialog > pre {
    max-height: calc(100vh - 210px);
    margin: 0;
    padding: 20px;
    overflow: auto;
    color: #433d33;
    font-family: inherit;
    font-size: 12px;
    line-height: 1.8;
    white-space: pre-wrap;
    background: #fbf9f4;
}

.member-prompt-modal-dialog > footer {
    justify-content: flex-end;
    border-top: 1px solid #e2e9ed;
}

.member-prompt-modal-dialog footer button {
    min-height: 39px;
    padding: 8px 14px;
    font-size: 11px;
    font-weight: 850;
    border: 1px solid #d2dde3;
    border-radius: 9px;
    background: #fff;
    cursor: pointer;
}

#member-prompt-modal-copy {
    color: #fff;
    border-color: var(--member-blue);
    background: linear-gradient(135deg, var(--member-blue), #7e6e47);
}

.member-prompt-guide[hidden] {
    display: none;
}

.member-prompt-guide-backdrop {
    position: fixed;
    z-index: 10000;
    padding: 0;
    inset: 0;
    border: 0;
    background: rgba(35, 32, 34, .72);
    backdrop-filter: blur(2px);
    cursor: default;
}

.member-prompt-guide-dialog {
    position: fixed;
    z-index: 10003;
    width: min(390px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    right: 18px;
    bottom: 18px;
    overflow: auto;
    border: 1px solid rgba(231, 192, 87, .5);
    border-radius: 18px;
    outline: 0;
    background: #fff;
    box-shadow: 0 24px 70px rgba(23, 20, 17, .35);
}

.member-prompt-guide-dialog > header {
    display: flex;
    padding: 15px 17px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #fff;
    background: linear-gradient(135deg, #232022, #927f4f);
}

.member-prompt-guide-dialog > header small,
.member-prompt-guide-dialog > header strong {
    display: block;
}

.member-prompt-guide-dialog > header small {
    margin-bottom: 2px;
    color: #f0cd6c;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: 1.3px;
}

.member-prompt-guide-dialog > header strong {
    color: #fff;
    font-size: 13px;
}

.member-prompt-guide-dialog > header button {
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    flex: 0 0 34px;
    place-items: center;
    color: #fff;
    font-size: 23px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 10px;
    background: rgba(255, 255, 255, .09);
    cursor: pointer;
}

.member-prompt-guide-progress {
    display: grid;
    padding: 12px 17px 0;
    grid-template-columns: auto minmax(80px, 1fr);
    align-items: center;
    gap: 11px;
}

.member-prompt-guide-progress > span {
    color: #81765e;
    font-size: 9px;
    font-weight: 850;
}

.member-prompt-guide-progress > div {
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: #eee9dc;
}

.member-prompt-guide-progress i {
    display: block;
    width: 16.66%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ad8f3b, #e7c057);
    transition: width .25s ease;
}

.member-prompt-guide-content {
    padding: 17px;
}

.member-prompt-guide-icon {
    display: grid;
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
    place-items: center;
    color: #fff;
    font-size: 26px;
    border-radius: 14px;
    background: linear-gradient(135deg, #ad8f3b, #7e6e47);
}

.member-prompt-guide-content > small {
    display: block;
    margin-bottom: 3px;
    color: #9a7d31;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .7px;
}

.member-prompt-guide-content h3 {
    margin: 0 0 7px;
    color: var(--member-navy);
    font-size: 18px;
    font-weight: 900;
}

.member-prompt-guide-content > p {
    min-height: 54px;
    margin: 0;
    color: #706a60;
    font-size: 11px;
    line-height: 1.7;
}

.member-prompt-guide-tip {
    display: grid;
    margin-top: 13px;
    padding: 10px 11px;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 7px;
    color: #6e5927;
    font-size: 10px;
    line-height: 1.55;
    border: 1px solid #ead9a5;
    border-radius: 10px;
    background: #fff9e9;
}

.member-prompt-guide-tip i {
    color: #ad8f3b;
    font-size: 19px;
}

.member-prompt-guide-dialog > footer {
    display: grid;
    padding: 12px 17px 16px;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 7px;
    border-top: 1px solid #eee9df;
}

.member-prompt-guide-dialog > footer button {
    min-height: 38px;
    padding: 7px 11px;
    font-size: 10px;
    font-weight: 850;
    border-radius: 9px;
    cursor: pointer;
}

.member-prompt-guide-previous {
    color: #625b4e;
    border: 1px solid #ded7c9;
    background: #fff;
}

.member-prompt-guide-previous:disabled {
    opacity: .42;
    cursor: not-allowed;
}

.member-prompt-guide-skip {
    justify-self: center;
    color: #8b8375;
    border: 0;
    background: transparent;
}

.member-prompt-guide-next {
    color: #fff;
    border: 0;
    background: linear-gradient(135deg, #ad8f3b, #7e6e47);
}

.member-prompt-guide-focus {
    position: relative !important;
    z-index: 10001 !important;
    outline: 3px solid #e7c057;
    outline-offset: 6px;
    border-radius: 12px;
    box-shadow: 0 0 0 9px rgba(255, 255, 255, .96), 0 16px 45px rgba(35, 32, 34, .32) !important;
    animation: member-prompt-guide-pulse 1.35s ease-in-out infinite alternate;
}

@keyframes member-prompt-guide-pulse {
    from { outline-color: #d5ae47; }
    to { outline-color: #ffe49a; }
}

@media (max-width: 991px) {
    .member-dashboard-grid { grid-template-columns: 1fr; }
    .member-profile-card { text-align: left; }
    .member-profile-avatar { margin-left: 0; }
    .member-stat-card { padding: 18px; }
    .member-organization-layout { grid-template-columns: 220px minmax(0, 1fr); }
    .member-organization-card { padding: 24px; }
    .member-prompt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .member-prompt-builder-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    .member-login-main { min-height: 600px; padding: 55px 0; }
    .member-login-card { padding: 35px 20px 30px; border-radius: 20px; }
    .member-phone-inputs { gap: 5px; }
    .member-phone-digit { height: 49px; font-size: 20px; border-radius: 8px; }
    .member-dashboard-hero { padding: 54px 0 86px; }
    .member-dashboard-heading { align-items: flex-start; flex-direction: column; }
    .member-stat-grid { grid-template-columns: 1fr; margin-top: -48px; }
    .member-stat-card { min-height: 94px; }
    .member-section-heading { align-items: flex-start; flex-direction: column; }
    .member-course-tabs { display: grid; width: 100%; grid-template-columns: 1fr; }
    .member-course-tabs a { justify-content: center; }
    .member-course-topline { align-items: flex-start; }
    .member-course-body { padding: 19px 17px 16px; }
    .member-organization-card { padding: 21px 17px; }
    .member-organization-heading { flex-direction: column; }
    .member-organization-layout { grid-template-columns: 1fr; }
    .member-organization-logo-card { max-width: 320px; }
    .member-organization-field-grid { grid-template-columns: 1fr; }
    .member-prompt-heading { flex-direction: column; }
    .member-prompt-heading-actions { width: 100%; justify-content: flex-start; }
    .member-prompt-agency-alert { grid-template-columns: 32px minmax(0, 1fr); }
    .member-prompt-agency-alert a { grid-column: 1 / -1; justify-content: center; }
    .member-prompt-search-row { grid-template-columns: 1fr; }
    .member-prompt-filter-grid { grid-template-columns: 1fr; }
    .member-prompt-grid { grid-template-columns: 1fr; }
    .member-prompt-builder-grid { grid-template-columns: 1fr; }
    .member-prompt-card-body > p { min-height: 0; }
    .member-prompt-detail { padding: 20px 16px; }
    .member-prompt-detail-header { grid-template-columns: minmax(160px, 220px) minmax(0, 1fr); }
    .member-prompt-detail-header h3 { font-size: 20px; }
    .member-prompt-detail-meta { grid-template-columns: 1fr; }
    .member-prompt-guide-dialog { right: 12px; bottom: 12px; }
}

@media (max-width: 390px) {
    .member-login-card { padding-inline: 14px; }
    .member-phone-inputs { gap: 3px; }
    .member-phone-digit { height: 44px; font-size: 18px; border-radius: 7px; }
    .member-course-footer { align-items: flex-start; flex-direction: column; }
    .member-organization-actions { align-items: stretch; flex-direction: column; }
    .member-prompt-filter-actions { align-items: stretch; flex-direction: column; }
    .member-prompt-filter-actions a { justify-content: center; }
    .member-prompt-card-copy { flex-wrap: wrap; }
    .member-prompt-copy-small { flex: 1 1 auto; }
    .member-prompt-detail-toolbar { align-items: flex-start; flex-direction: column; }
    .member-prompt-detail-header { grid-template-columns: 1fr; }
    .member-prompt-detail-cover { max-width: 280px; }
    .member-prompt-text-panel > header { align-items: flex-start; flex-direction: column; }
    .member-prompt-text-panel .member-prompt-copy-button { width: 100%; }
    .member-prompt-agency-profile { grid-template-columns: 45px minmax(0, 1fr); }
    .member-prompt-agency-profile > a { grid-column: 1 / -1; justify-content: center; }
    .member-prompt-builder-selects { grid-template-columns: 1fr; }
    .member-prompt-heading-actions { min-width: 0; flex-wrap: wrap; }
    .member-prompt-guide-dialog { width: calc(100vw - 20px); max-height: calc(100vh - 20px); right: 10px; bottom: 10px; }
    .member-prompt-guide-dialog > footer { grid-template-columns: 1fr 1fr; }
    .member-prompt-guide-skip { display: none; }
    .member-prompt-guide-dialog > footer button { width: 100%; }
}