/* OSCMAROC – Member Portal | Palette aligned with the public website */
.member-portal-page{background:#fbf3e0}
.member-portal-page .section.soft{background:#f5e8c9}
.member-portal-wrap{max-width:1180px;margin:auto}

.mp-hero{background:linear-gradient(135deg,#006b43,#004b34);color:#fff;border-radius:24px;padding:28px 32px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:4px solid #d69a24;box-shadow:0 18px 42px rgba(0,75,52,.16)}
.mp-hero h1{margin:0 0 8px;font-size:30px;color:#fff}
.mp-hero p{margin:0;color:#f6fff9;opacity:.94}
.mp-hero img{width:86px;height:86px;object-fit:contain;background:#fff;border:3px solid #f5e8c9;border-radius:50%;padding:8px}

.mp-auth{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.mp-card{background:#fff;border:1px solid #ead9b6;border-radius:18px;padding:22px;box-shadow:0 8px 25px rgba(122,74,0,.06)}
.mp-card h2,.mp-card h3{margin-top:0;color:#006b43}
.mp-card p{color:#33483f}

.mp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mp-field{display:flex;flex-direction:column;gap:6px}
.mp-field.full{grid-column:1/-1}
.mp-field label{font-weight:700;font-size:13px;color:#29453d}
.mp-field input,.mp-field select,.mp-field textarea{width:100%;box-sizing:border-box;border:1px solid #d9c8a6;border-radius:10px;padding:11px 12px;background:#fffdf8;color:#1d3028;font:inherit;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.mp-field input:hover,.mp-field select:hover,.mp-field textarea:hover{border-color:#c89a43}
.mp-field input:focus,.mp-field select:focus,.mp-field textarea:focus{outline:0;border-color:#d69a24;background:#fff;box-shadow:0 0 0 3px rgba(214,154,36,.16)}
.mp-field input[readonly]{background:#f7f0df;color:#4c5c55}
.mp-field small{color:#6f776f}

/* Prevent browser autofill from introducing blue fields */
.mp-field input:-webkit-autofill,
.mp-field input:-webkit-autofill:hover,
.mp-field input:-webkit-autofill:focus,
.mp-field input:-webkit-autofill:active{-webkit-text-fill-color:#1d3028!important;-webkit-box-shadow:0 0 0 1000px #fffdf8 inset!important;box-shadow:0 0 0 1000px #fffdf8 inset!important;border-color:#d9c8a6!important;transition:background-color 9999s ease-out 0s}

.mp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.mp-btn{border:0;border-radius:10px;padding:11px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.mp-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(76,52,9,.14)}
.mp-btn.primary{background:linear-gradient(180deg,#d69a24,#b97e12);color:#fff;border:1px solid #9c6910}
.mp-btn.green{background:linear-gradient(180deg,#00764b,#005d3d);color:#fff;border:1px solid #004b34}
.mp-btn.gold{background:linear-gradient(180deg,#f1c45d,#d69a24);color:#493005;border:1px solid #c18412}
.mp-btn.light{background:#fff8e8;color:#60420a;border:1px solid #e5c57b}
.mp-btn.danger{background:#fff0f0;color:#a63434;border:1px solid #f2caca}

.mp-note{border-radius:10px;padding:11px 13px;margin:12px 0;font-size:13px}
.mp-note.info{background:#fff8e6;color:#765500;border:1px solid #edc96d}
.mp-note.success{background:#e7f8ef;color:#087746;border:1px solid #bfe5d1}
.mp-note.warning{background:#fff3cf;color:#705514;border:1px solid #e6c96f}
.mp-note.error{background:#fff0f0;color:#9c2929;border:1px solid #f2cccc}

.mp-shell{display:grid;grid-template-columns:250px 1fr;gap:18px}
.mp-sidebar{background:#fff;border:1px solid #ead9b6;border-radius:18px;padding:12px;height:max-content;position:sticky;top:18px;box-shadow:0 8px 24px rgba(122,74,0,.045)}
.mp-member-head{padding:14px;border-bottom:1px solid #f0e3c9;margin-bottom:8px}
.mp-member-head strong{display:block;color:#006b43}
.mp-member-head small{color:#71837d}
.mp-nav button{width:100%;text-align:right;border:0;background:transparent;padding:12px 13px;border-radius:10px;font-weight:700;color:#34554a;cursor:pointer;transition:.18s ease}
.mp-nav button:hover{background:#fff8e8;color:#704a05}
.mp-nav button.active{background:linear-gradient(90deg,#fff8e8,#fff0c7);color:#714d09;border-right:4px solid #d69a24}

.mp-section{display:none}
.mp-section.active{display:block}
.mp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.mp-stat{background:#fff;border:1px solid #ead9b6;border-radius:14px;padding:16px;box-shadow:0 5px 18px rgba(122,74,0,.035)}
.mp-stat small{display:block;color:#72847e}
.mp-stat strong{font-size:24px;color:#006b43}

.mp-list{display:grid;gap:12px}
.mp-item{border:1px solid #ead9b6;border-radius:14px;padding:15px;background:#fff}
.mp-item-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.mp-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#f5efe2;color:#5d5a4e}
.mp-badge.approved{background:#e4f7ed;color:#176343}
.mp-badge.rejected{background:#fdeaea;color:#9b3030}
.mp-badge.pending,.mp-badge.submitted{background:#fff4d8;color:#7d5b08}
.mp-job.public{border-right:4px solid #d69a24}
.mp-job.private{border-right:4px solid #006b43}
.mp-job-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px;color:#667a73;font-size:12px}

.mp-declaration-text{white-space:pre-wrap;background:#fffdf8;border:1px solid #ead9b6;border-radius:12px;padding:16px;line-height:1.9}
.mp-fee{font-size:22px;font-weight:900;color:#006b43}
.mp-empty{text-align:center;padding:34px;color:#74867f;border:1px dashed #d0b979;border-radius:14px;background:#fffdf8}
.mp-loading{display:none;text-align:center;padding:12px}
.mp-loading.show{display:block}
.mp-hidden{display:none!important}
.mp-table{width:100%;border-collapse:collapse}
.mp-table th,.mp-table td{padding:10px;border-bottom:1px solid #eee3cc;text-align:right;vertical-align:top}
.mp-table th{font-size:12px;color:#61736d;background:#fffbf2}
.mp-file-list{display:flex;gap:8px;flex-wrap:wrap}
.mp-file-link{border:1px solid #e1c98f;border-radius:8px;padding:7px 10px;background:#fff8e8;color:#684709;cursor:pointer}
.mp-print-only{display:none}

@media(max-width:900px){.mp-auth,.mp-shell{grid-template-columns:1fr}.mp-sidebar{position:static}.mp-nav{display:flex;overflow:auto}.mp-nav button{min-width:max-content}.mp-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.mp-hero{padding:20px}.mp-hero img{width:64px;height:64px}.mp-form-grid{grid-template-columns:1fr}.mp-field.full{grid-column:auto}.mp-stats{grid-template-columns:1fr}.mp-card{padding:16px}.mp-hero h1{font-size:24px}}


/* v2.7.4 – member portal auth colors aligned with main site */
#mp-auth .mp-card h2{color:#8c5a06}
#mp-auth .mp-card p{color:#6b5b3f}
#mp-auth .mp-card:first-child .mp-btn.primary{background:linear-gradient(180deg,#c99223,#a86e0a);border-color:#8f5f09;color:#fff}
#mp-auth .mp-card:first-child .mp-btn.primary:hover{box-shadow:0 8px 18px rgba(143,95,9,.18)}
#mp-auth .mp-card:last-child .mp-btn.green{background:linear-gradient(180deg,#d2a23c,#b27a13);border-color:#94620d;color:#fff}
#mp-auth .mp-card:last-child .mp-btn.green:hover{box-shadow:0 8px 18px rgba(148,98,13,.18)}