.participation-user-counters{display:flex;gap:25px;padding:16px 19px;background:#fffaf0;border:1px solid #ede3ca;border-radius:13px;margin-bottom:18px;color:#b4a383;font-size:12px}.participation-user-counters b{font:400 24px 'Jua',sans-serif;color:#b09a67;margin:0 6px}.participation-pending,.participation-awarded{display:inline-flex;gap:7px;align-items:center;font-size:12px;line-height:1.8;color:#b39b62;background:#fcf5e1;border:1px solid #ede1bc;padding:9px 12px;border-radius:10px}.participation-awarded{color:#87a07a;background:#f1f7e9;border-color:#dfebd1}.item-history-actions{gap:9px;flex-wrap:wrap}.item-history-actions>.btn{font-size:13px!important}.participation-admin-awarded{font-size:12px;color:#6f9b80;background:#edf6f0;border:1px solid #d8eadd;border-radius:4px;padding:6px 9px;display:inline-block}.admin-applicant-table .muted{line-height:1.8}.admin-applicant-table td .btn[data-approve-participation]{white-space:nowrap}.admin-applicant-table td:nth-last-child(2){white-space:normal;font-size:13px!important;min-width:150px}.impact-detail{flex-wrap:wrap}.impact-detail>div,.impact-detail>button{min-width:65px}.participation-user-counters>span{white-space:nowrap}
@media(max-width:720px){.participation-user-counters{padding:14px 15px;gap:18px;font-size:11px}.participation-user-counters b{font-size:23px}.item-history-actions>.btn{font-size:12px!important;padding-inline:12px}.participation-pending,.participation-awarded{font-size:11px}}

.shell .rank-metrics{display:flex;gap:14px;margin-left:auto;flex-shrink:0;text-align:right}.shell .rank-metrics>span{display:grid;gap:5px}.shell .rank-metrics small{font-size:11px;color:var(--muted);font-weight:400;white-space:nowrap}.shell .rank-metrics b{font-size:18px;color:var(--navy);white-space:nowrap}.shell .rank-metrics b small{margin-left:3px}.shell .rank-info{min-width:0}.shell .rank{flex-wrap:wrap}

.shell .ranking-criterion{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.shell .ranking-criterion label{margin:0;font-size:13px;white-space:nowrap}.shell .ranking-criterion .field{width:auto;min-width:150px}

.shell .ranking-period{display:flex;gap:4px;flex-wrap:wrap;margin-top:14px;background:#f1f3f6;padding:4px;border-radius:6px}.shell .ranking-period button{flex:1;padding:8px 6px;border-radius:4px;font-size:13px;white-space:nowrap}.shell .ranking-period button.active{background:var(--navy);color:white}.shell .ranking-period-note{font-size:11px;color:var(--muted);line-height:1.6;margin:0 0 10px}

/* Shared lifecycle palette in member history and admin applicants. */
body .badge.cooperation-status{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--status-border);background:var(--status-bg);color:var(--status-ink);font-weight:700;white-space:nowrap}
body .badge.cooperation-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
.cooperation-status-applied{--status-bg:#eff6ff;--status-ink:#1d4ed8;--status-border:#bfdbfe}
.cooperation-status-pending{--status-bg:#fffbeb;--status-ink:#92400e;--status-border:#fde68a}
.cooperation-status-accepted{--status-bg:#f5f3ff;--status-ink:#6d28d9;--status-border:#ddd6fe}
.cooperation-status-ongoing{--status-bg:#ecfeff;--status-ink:#0e7490;--status-border:#a5f3fc}
.cooperation-status-completed{--status-bg:#ecfdf5;--status-ink:#047857;--status-border:#a7f3d0}
.cooperation-status-withdrawn{--status-bg:#f1f5f9;--status-ink:#475569;--status-border:#cbd5e1}
.cooperation-status-cancelled{--status-bg:#fff1f2;--status-ink:#be123c;--status-border:#fecdd3}

.shell .admin-applicant-table td:nth-last-child(2){min-width:248px;width:270px;vertical-align:middle}
.shell .participation-process{padding:13px 14px;border:1px solid #e2e8f0;border-left:3px solid var(--status-border);border-radius:7px;background:#fafbfd;white-space:normal;text-align:left}
.shell .participation-process-heading{display:flex;align-items:center;gap:7px;color:var(--status-ink);line-height:1.5}
.shell .participation-process-heading i{height:7px;width:7px;flex-shrink:0;border-radius:50%;background:currentColor}
.shell .participation-process-heading strong{font-size:13px;font-weight:700}
.shell .participation-process p{font-size:12px;line-height:1.7;color:#64748b;margin:5px 0 0;word-break:keep-all}
.shell .participation-process-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:11px;padding-top:10px;border-top:1px solid #e2e8f0}
.shell .participation-process .participation-process-primary{font-size:12px;padding:8px 12px;min-height:34px;border-radius:5px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.shell .participation-process-primary span{font-size:11px;padding:1px 5px;border-radius:3px;background:#ffffff26}
.shell .participation-process .participation-process-cancel{font-size:12px;color:#a34653;padding:7px 2px;background:transparent;border:0;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.shell .participation-process button:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
.shell .participation-process-cancel:hover{color:#be123c}

/* Member history actions: one clear message and a separate action row. */
.mobile-shell .item-history-actions{justify-content:stretch;align-items:stretch;padding-top:18px}
.mobile-shell .history-status-panel{width:100%;min-width:0;padding:17px;border:1px solid var(--status-border);border-radius:16px;background:var(--status-bg);text-align:left}
.mobile-shell .history-status-heading{display:flex;align-items:center;gap:8px;color:var(--status-ink)}
.mobile-shell .history-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}
.mobile-shell .history-status-heading h3{font-family:inherit;font-size:15px;font-weight:700;line-height:1.6;margin:0;color:inherit}
.mobile-shell .history-status-panel>p{font-size:13px;line-height:1.8;color:#586574;margin:7px 0 0;word-break:keep-all}
.mobile-shell .history-status-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:15px}
.mobile-shell .history-status-buttons .history-action-primary{display:flex;justify-content:center;align-items:center;gap:8px;flex:1 1 180px;min-height:44px;border-radius:11px;font-family:inherit;font-size:14px;font-weight:700;padding:11px 15px;background:#426a60;color:#fff;border:1px solid #426a60;box-shadow:0 3px 8px #426a6015;white-space:normal;line-height:1.5}
.mobile-shell .history-action-primary:hover{background:#34574f;border-color:#34574f}
.mobile-shell .history-status-buttons .history-action-cancel{flex:0 0 auto;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid #dcc6c7;background:#ffffffc9;color:#984954;font-family:inherit;font-size:13px;line-height:1.5;white-space:nowrap}
.mobile-shell .history-action-cancel:hover{background:#fff1f2;border-color:#dba9af}
.mobile-shell .history-status-note{display:block;margin-top:10px;font-size:11px;line-height:1.7;color:#63706e}
.mobile-shell .history-status-buttons button:focus-visible{outline:2px solid #426a60;outline-offset:3px}
@media(max-width:400px){.mobile-shell .history-status-panel{padding:14px}.mobile-shell .history-status-buttons{gap:8px}.mobile-shell .history-status-buttons .history-action-primary{flex-basis:100%}.mobile-shell .history-status-buttons .history-action-cancel{width:100%}}