/**
 * FILE: assets/css/activities.css
 * HG Connect Activities Module Styles
 * Version: 1.0.9-clean-modal-footer-rescue
 *
 * All styles for the Activities module:
 * - Container, layout, sub-tabs
 * - Cards, filters, search
 * - Workspace, authority, reports
 * - Stats, badges, statuses
 * - Wizard modals (create, view, apply)
 * - Responsive adjustments
 * - Footer buttons (Cancel, Save Draft, Previous, Next, Create)
 */

/* ============================================================
   ROOT VARIABLES (using existing HG Connect colors)
   ============================================================ */
:root {
    --hg-activity-primary: #001d6e;
    --hg-activity-secondary: #7fb5ff;
    --hg-activity-light: #c4ddff;
    --hg-activity-accent: #fee2c5;
    --hg-activity-white: #ffffff;
    --hg-activity-text: #1a2a4a;
    --hg-activity-muted: #5f6f89;
    --hg-activity-border: #d9e6f8;
    --hg-activity-shadow: rgba(0, 29, 110, 0.08);
    --hg-activity-radius: 10px;
    --hg-activity-transition: all 0.3s ease;
}

/* ============================================================
   RESET & CONTAINER
   ============================================================ */
.hg-activities-container,
.hg-activities-container *,
.hg-activities-container *::before,
.hg-activities-container *::after {
    box-sizing: border-box;
}

.hg-activities-container {
    width: 100%;
    max-width: 100%;
    padding: 13px;
    margin: 0;
}

/* ============================================================
   HEADER & SUB-TABS
   ============================================================ */
.hg-activities-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--hg-activity-border);
}

.hg-activities-title h2 {
    margin: 0;
    color: var(--hg-activity-primary);
    font-size: 22px;
    font-weight: 700;
}

.hg-activities-subtitle {
    margin: 4px 0 0;
    color: var(--hg-activity-muted);
    font-size: 14px;
}

/* Pill sub-tabs (no underline) */
.hg-activities-sub-tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: none;
}

.hg-activities-sub-tab {
    padding: 8px 18px;
    border-radius: 20px;
    background: #f8f9fa;
    color: var(--hg-activity-text);
    text-decoration: none ;
    font-weight: 500;
    font-size: 14px;
    transition: var(--hg-activity-transition);
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.hg-activities-sub-tab:hover {
    background: #e9ecef;
    color: var(--hg-activity-primary);
    text-decoration: none;
}

.hg-activities-sub-tab.active {
    background: var(--hg-activity-primary);
    color: #ffffff;
    border-color: var(--hg-activity-primary);
    box-shadow: 0 2px 8px rgba(0, 29, 110, 0.15);
}

.hg-activities-content {
    min-height: 300px;
}

/* ============================================================
   SECTION HEADER
   ============================================================ */
.hg-activities-section-header {
    margin-bottom: 16px;
}

.hg-activities-section-header h3 {
    margin: 0;
    color: var(--hg-activity-primary);
    font-size: 18px;
}

.hg-activities-section-desc {
    margin: 4px 0 0;
    color: var(--hg-activity-muted);
    font-size: 14px;
}

/* ============================================================
   STATS CARDS
   ============================================================ */
.hg-activities-stats-grid,
.hg-reports-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    margin-bottom: 25px;
}

.hg-activities-stat-card,
.hg-report-stat-card {
    background: #ffffff;
    border: 1px solid var(--hg-activity-border);
    border-radius: var(--hg-activity-radius);
    padding: 16px 12px;
    text-align: center;
    transition: var(--hg-activity-transition);
}

.hg-activities-stat-card:hover,
.hg-report-stat-card:hover {
    border-color: var(--hg-activity-light);
    box-shadow: 0 2px 12px var(--hg-activity-shadow);
}

.hg-stat-number,
.hg-report-stat-number {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: var(--hg-activity-primary);
    line-height: 1.2;
}

.hg-stat-label,
.hg-report-stat-label {
    display: block;
    font-size: 13px;
    color: var(--hg-activity-muted);
    margin-top: 4px;
}

/* Color-coded stat cards */
.hg-stat-total {
    border-top: 3px solid var(--hg-activity-primary);
}
.hg-stat-active {
    border-top: 3px solid #28a745;
}
.hg-stat-completed {
    border-top: 3px solid #17a2b8;
}
.hg-stat-pending {
    border-top: 3px solid #ffc107;
}
.hg-stat-submissions {
    border-top: 3px solid #7fb5ff;
}

/* ============================================================
   QUICK ACTIONS (Overview)
   ============================================================ */
.hg-activities-quick-actions {
    background: #f8f9fa;
    border-radius: var(--hg-activity-radius);
    padding: 16px 20px;
    margin-bottom: 25px;
    border: 1px solid var(--hg-activity-border);
}

.hg-activities-quick-actions h3 {
    margin: 0 0 12px 0;
    color: var(--hg-activity-primary);
    font-size: 16px;
}

.hg-activities-actions-grid {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.hg-activities-actions-grid .hg-button {
    min-height: 38px;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
    justify-content: center;
}

/* ============================================================
   ACTIVITY CARD
   ============================================================ */
.hg-activity-card {
    background: #ffffff;
    border: 1px solid var(--hg-activity-border);
    border-radius: var(--hg-activity-radius);
    padding: 14px 16px;
    margin-bottom: 12px;
    transition: var(--hg-activity-transition);
}

.hg-activity-card:hover {
    border-color: var(--hg-activity-light);
    box-shadow: 0 2px 12px var(--hg-activity-shadow);
}

.hg-activity-card-expired {
    opacity: 0.6;
}

.hg-activity-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.hg-activity-card-title {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.hg-activity-card-title h4 {
    margin: 0;
    color: var(--hg-activity-primary);
    font-size: 16px;
    font-weight: 600;
}

.hg-activity-indicator {
    background: var(--hg-activity-primary);
    color: #fff;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
}

.hg-activity-status {
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    color: #fff;
}

.hg-activity-card-body {
    margin: 8px 0 10px;
}

.hg-activity-card-desc {
    margin: 0 0 8px;
    color: var(--hg-activity-muted);
    font-size: 13px;
    line-height: 1.5;
}

.hg-activity-card-meta {
    display: flex;
    flex-wrap: wrap;
}

.hg-activity-meta-item {
    font-size: 12px;
    color: var(--hg-activity-muted);
    display: flex;
    align-items: center;
    gap: 4px;
}

.hg-activity-meta-icon {
    font-size: 14px;
}

.hg-activity-badge-repeatable {
    display: inline-block;
    background: #fff3cd;
    color: #856404;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    margin-top: 4px;
}

.hg-activity-card-footer {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
}

.hg-activity-card-footer .hg-button {
    padding: 4px 12px;
    font-size: 12px;
    min-height: 30px;
    min-width: auto;
}

/* ============================================================
   EXPLORE ACTIVITIES - FILTERS & SEARCH
   ============================================================ */
.hg-activities-filters {
    background: #f8f9fa;
    padding: 12px 16px;
    border-radius: var(--hg-activity-radius);
    border: 1px solid var(--hg-activity-border);
    margin-bottom: 16px;
}

.hg-filter-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.hg-filter-search-row {
    margin-bottom: 10px;
}

.hg-search-wrapper {
    display: flex;
    gap: 8px;
    width: 100%;
    flex-wrap: wrap;
}

.hg-search-input {
    flex: 1;
    padding: 8px 14px;
    border: 1.5px solid var(--hg-activity-border);
    border-radius: 6px;
    font-size: 14px;
    background: #fff;
    transition: border-color 0.3s ease;
}

.hg-search-input:focus {
    border-color: var(--hg-activity-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 29, 110, 0.08);
}

.hg-search-btn {
    min-height: 40px;
    padding: 8px 20px;
    white-space: nowrap;
}

.hg-filter-options {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.hg-filter-select {
    padding: 6px 10px;
    border: 1.5px solid var(--hg-activity-border);
    border-radius: 6px;
    font-size: 12px;
    background: #fff;
}

.hg-filter-select:focus {
    border-color: var(--hg-activity-primary);
    outline: none;
}

.hg-filter-actions {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.hg-filter-actions .hg-button {
    padding: 6px 14px;
    font-size: 12px;
    min-height: 32px;
    min-width: auto;
}

.hg-filter-actions .hg-button-secondary {
    background: #e9ecef ;
    color: #333 ;
    border-color: #ddd ;
}

/* Active filters */
.hg-active-filters {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--hg-activity-border);
}

.hg-active-filters-label {
    font-size: 12px;
    color: var(--hg-activity-muted);
    font-weight: 600;
}

.hg-active-filter-tag {
    display: inline-block;
    background: var(--hg-activity-light);
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 11px;
    color: var(--hg-activity-primary);
}

.hg-activities-results-count {
    margin-bottom: 12px;
    font-size: 13px;
    color: var(--hg-activity-muted);
}

/* ============================================================
   MY ACTIVITIES – SUB-TABS (pill)
   ============================================================ */
.hg-my-activities-sub-tabs {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.hg-my-activities-sub-tab {
    padding: 5px 14px;
    border-radius: 20px;
    background: #f8f9fa;
    color: var(--hg-activity-text);
    text-decoration: none ;
    font-weight: 500;
    font-size: 13px;
    transition: var(--hg-activity-transition);
    border: 1px solid transparent;
    cursor: pointer;
}

.hg-my-activities-sub-tab:hover {
    background: #e9ecef;
    color: var(--hg-activity-primary);
    text-decoration: none;
}

.hg-my-activities-sub-tab.active {
    background: var(--hg-activity-primary);
    color: #ffffff;
    border-color: var(--hg-activity-primary);
    box-shadow: 0 2px 8px rgba(0, 29, 110, 0.15);
}

/* ============================================================
   WORKSPACE
   ============================================================ */
.hg-activities-workspace {
    max-width: 1100px;
    margin: 0 auto;
}

.hg-workspace-back {
    margin-bottom: 16px;
}

.hg-workspace-header {
    background: #f8f9fa;
    padding: 16px 20px;
    border-radius: var(--hg-activity-radius);
    border: 1px solid var(--hg-activity-border);
    margin-bottom: 20px;
}

.hg-workspace-title {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.hg-workspace-title h2 {
    margin: 0;
    color: var(--hg-activity-primary);
    font-size: 22px;
}

.hg-workspace-meta {
    display: flex;
    flex-wrap: wrap;
    margin-top: 6px;
    font-size: 13px;
    color: var(--hg-activity-muted);
}

.hg-workspace-content {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 24px;
    align-items: start;
}

.hg-workspace-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.hg-workspace-section {
    background: #ffffff;
    border: 1px solid var(--hg-activity-border);
    border-radius: var(--hg-activity-radius);
    padding: 16px 18px;
}

.hg-workspace-section h4 {
    margin: 0 0 10px 0;
    color: var(--hg-activity-primary);
    font-size: 15px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 8px;
}

.hg-workspace-instructions {
    background: #f8f9fa;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-wrap;
}

.hg-workspace-requirements {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hg-workspace-requirements li {
    padding: 4px 0;
    font-size: 14px;
    border-bottom: 1px solid #f5f5f5;
}
.hg-workspace-requirements li:last-child {
    border-bottom: none;
}

.hg-workspace-actions {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hg-workspace-submit .hg-textarea,
.hg-workspace-submit .hg-input {
    width: 100%;
    margin-bottom: 8px;
}

.hg-workspace-submission {
    background: #f8f9fa;
    padding: 10px 14px;
    border-radius: 6px;
    margin-bottom: 8px;
    border: 1px solid var(--hg-activity-border);
}

.hg-workspace-submission-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.hg-submission-status {
    padding: 1px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
}

.hg-submission-submitted {
    background: #17a2b8;
}
.hg-submission-approved {
    background: #28a745;
}
.hg-submission-rejected {
    background: #dc3545;
}
.hg-submission-pending {
    background: #ffc107;
    color: #856404;
}

.hg-submission-date {
    font-size: 12px;
    color: var(--hg-activity-muted);
}

.hg-submission-message {
    margin: 6px 0 0;
    font-size: 13px;
    color: #333;
}

.hg-submission-files {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.hg-submission-file {
    background: #e9ecef;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 12px;
}

.hg-workspace-manager-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.hg-workspace-manager-actions .hg-button {
    font-size: 12px;
    padding: 4px 12px;
    min-height: 30px;
}

/* ============================================================
   AUTHORITY
   ============================================================ */
.hg-authority-section {
    margin-bottom: 24px;
}
.hg-authority-section h4 {
    margin: 0 0 12px 0;
    color: var(--hg-activity-primary);
    font-size: 16px;
}

.hg-authority-community-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hg-authority-community-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 14px;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid var(--hg-activity-border);
    flex-wrap: wrap;
    gap: 8px;
}

.hg-authority-community-info {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.hg-authority-community-actions {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.hg-authority-community-actions .hg-button {
    padding: 3px 10px;
    font-size: 12px;
    min-height: 28px;
    min-width: auto;
}

.hg-permission-badge {
    display: inline-block;
    background: var(--hg-activity-light);
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 11px;
    color: var(--hg-activity-primary);
    font-weight: 500;
}

.hg-authority-supervisor-list {
    overflow-x: auto;
}

.hg-authority-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: #fff;
    border: 1px solid var(--hg-activity-border);
    border-radius: 6px;
}

.hg-authority-table th {
    background: #f8f9fa;
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    color: var(--hg-activity-primary);
    border-bottom: 2px solid var(--hg-activity-border);
}

.hg-authority-table td {
    padding: 8px 12px;
    border-bottom: 1px solid #f0f0f0;
}

.hg-authority-table .hg-button {
    padding: 2px 8px;
    font-size: 11px;
    min-height: 24px;
    min-width: auto;
}

/* ============================================================
   REPORTS
   ============================================================ */
.hg-reports-table-wrap {
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid var(--hg-activity-border);
    border-radius: var(--hg-activity-radius);
}

.hg-reports-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.hg-reports-table th {
    background: #f8f9fa;
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    color: var(--hg-activity-primary);
    border-bottom: 2px solid var(--hg-activity-border);
}

.hg-reports-table td {
    padding: 8px 12px;
    border-bottom: 1px solid #f0f0f0;
}

.hg-report-status {
    display: inline-block;
    padding: 1px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
}

.hg-report-status-approved {
    background: #28a745;
}
.hg-report-status-pending {
    background: #ffc107;
    color: #856404;
}
.hg-report-status-rejected {
    background: #dc3545;
}
.hg-report-status-submitted {
    background: #17a2b8;
}

.hg-reports-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--hg-activity-border);
}

/* ============================================================
   TASK TYPES – DYNAMIC FIELDS
   ============================================================ */
.hg-task-type-empty {
    color: var(--hg-activity-muted);
    padding: 20px;
    text-align: center;
    font-size: 14px;
}

.hg-task-type-loading {
    color: var(--hg-activity-muted);
    padding: 20px;
    text-align: center;
}

.hg-task-type-summary {
    margin-top: 12px;
    padding: 12px 16px;
    background: #e8f4fd;
    border-left: 4px solid var(--hg-activity-primary);
    border-radius: 6px;
}

/* ============================================================
   EMPTY STATE
   ============================================================ */
.hg-empty-state {
    text-align: center;
    padding: 40px 20px;
    background: #f8f9fa;
    border-radius: var(--hg-activity-radius);
    border: 2px dashed var(--hg-activity-border);
}

.hg-empty-icon {
    font-size: 48px;
    margin-bottom: 12px;
}

.hg-empty-state p {
    color: var(--hg-activity-muted);
    margin: 0;
    font-size: 16px;
}

.hg-empty-state .hg-button {
    margin-top: 12px;
}

/* ============================================================
   STATUS BADGE (generic)
   ============================================================ */
.hg-activity-status-badge {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

/* Color variants */
.hg-status-draft {
    background: #e9ecef;
    color: #6c757d;
}
.hg-status-published {
    background: #c4ddff;
    color: #001d6e;
}
.hg-status-active {
    background: #d4edda;
    color: #155724;
}
.hg-status-in_progress {
    background: #fff3cd;
    color: #856404;
}
.hg-status-completed {
    background: #28a745;
    color: #ffffff;
}
.hg-status-cancelled {
    background: #f8d7da;
    color: #721c24;
}
.hg-status-expired {
    background: #f8d7da;
    color: #721c24;
}
.hg-status-archived {
    background: #e9ecef;
    color: #6c757d;
}


/* Derived lifecycle states (do not overwrite the stored DB status). */
.hg-status-scheduled {
    background: #e9ecef;
    color: #6c757d;
}
.hg-status-open {
    background: #d4edda;
    color: #155724;
}
.hg-status-entry_closed {
    background: #fff3cd;
    color: #856404;
}
.hg-status-public_closed {
    background: #ffe5b4;
    color: #7a4500;
}
.hg-status-ended {
    background: #e2e3e5;
    color: #383d41;
}

/* ============================================================
   SMALL BUTTONS (View, Edit, Delete)
   ============================================================ */
.hg-btn-sm {
    padding: 3px 10px ;
    font-size: 12px ;
    min-height: 28px ;
    min-width: auto ;
    border-radius: 4px ;
    line-height: 1.2 ;
}

.hg-btn-sm.hg-button-danger {
    background: #dc3545 ;
    color: #ffffff ;
    border-color: #dc3545 ;
}

.hg-btn-sm.hg-button-danger:hover {
    background: #c82333 ;
    border-color: #bd2130 ;
}

/* ============================================================
   MODALS – BASE
   ============================================================ */
.hg-activity-wizard-modal,
.hg-view-activity-modal,
.hg-apply-activity-modal {
    position: fixed;
    inset: 0;
    z-index: 1000000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: transparent;
}

.hg-activity-wizard-modal.is-open,
.hg-view-activity-modal.is-open,
.hg-apply-activity-modal.is-open {
    display: flex;
}

.hg-activity-wizard-modal[hidden],
.hg-view-activity-modal[hidden],
.hg-apply-activity-modal[hidden] {
    display: none ;
}

/* Overlay */
.hg-activity-wizard-modal .hg-modal-overlay,
.hg-view-activity-modal .hg-modal-overlay,
.hg-apply-activity-modal .hg-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: 999998;
    cursor: pointer;
}

/* Content */
.hg-activity-wizard-modal .hg-modal-content,
.hg-view-activity-modal .hg-modal-content,
.hg-apply-activity-modal .hg-modal-content {
    position: relative;
    z-index: 999999;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.hg-modal-activity {
    max-height: min(92dvh, 900px);
}

.hg-modal-activity-view {
    max-height: 90dvh;
}

.hg-modal-activity-apply {
    max-height: 90dvh;
}

/* Modal Header */
.hg-activity-wizard-modal .hg-modal-header,
.hg-view-activity-modal .hg-modal-header,
.hg-apply-activity-modal .hg-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    border-bottom: 1px solid var(--hg-activity-border);
    flex-shrink: 0;
    background: #fafbfc;
    border-radius: 16px 16px 0 0;
}

.hg-activity-wizard-modal .hg-modal-header h2,
.hg-view-activity-modal .hg-modal-header h2,
.hg-apply-activity-modal .hg-modal-header h2 {
    margin: 0;
    color: var(--hg-activity-primary);
    font-size: 20px;
    font-weight: 700;
}

.hg-modal-close {
    font-size: 28px;
    font-weight: 300;
    cursor: pointer;
    color: #6c757d;
    background: none;
    border: none;
    line-height: 1;
    padding: 0 4px;
}

.hg-modal-close:hover {
    color: #dc3232;
}

/* Modal Body */
.hg-activity-wizard-modal .hg-modal-body,
.hg-view-activity-modal .hg-modal-body,
.hg-apply-activity-modal .hg-modal-body {
    padding: 24px;
    overflow-y: auto;
    flex: 1;
}

/* Modal Actions (footer) */
.hg-modal-actions {
    display: flex;
    justify-content: flex-end;
    padding: 16px 24px;
    border-top: 1px solid var(--hg-activity-border);
    flex-shrink: 0;
    background: #fafbfc;
    border-radius: 0 0 16px 16px;
    flex-wrap: wrap;
}

/* ============================================================
   CREATE ACTIVITY – WIZARD
   ============================================================ */
.hg-activity-wizard-header .hg-activity-wizard-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.hg-activity-step-heading {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--hg-activity-muted);
}

.hg-activity-step-heading strong {
    color: var(--hg-activity-primary);
    font-weight: 600;
}

/* Progress */
.hg-activity-progress {
    padding: 16px 24px 8px 24px;
    background: #fafbfc;
    border-bottom: 1px solid var(--hg-activity-border);
    flex-shrink: 0;
}

.hg-activity-progress-track {
    width: 100%;
    height: 4px;
    background: #e9ecef;
    border-radius: 2px;
    position: relative;
    margin-bottom: 12px;
}

.hg-activity-progress-bar {
    height: 100%;
    background: var(--hg-activity-primary);
    border-radius: 2px;
    transition: width 0.4s ease;
    width: 14.285%;
}

.hg-activity-progress-labels {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.hg-activity-step-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6px 4px;
    border-radius: 8px;
    border: 2px solid transparent;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    transition: var(--hg-activity-transition);
    color: var(--hg-activity-muted);
    font-size: 11px;
    font-weight: 500;
    gap: 2px;
    min-width: 0;
}

.hg-activity-step-nav .hg-step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e9ecef;
    color: #6c757d;
    font-size: 12px;
    font-weight: 700;
    transition: var(--hg-activity-transition);
}

.hg-activity-step-nav .hg-step-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
    text-align: center;
}

/* Active */
.hg-activity-step-nav.is-active {
    color: var(--hg-activity-primary);
    border-color: var(--hg-activity-primary);
}

.hg-activity-step-nav.is-active .hg-step-number {
    background: var(--hg-activity-primary);
    color: #fff;
}

/* Completed */
.hg-activity-step-nav.is-complete .hg-step-number {
    background: var(--hg-activity-primary);
    color: #fff;
}
.hg-activity-step-nav.is-complete {
    color: var(--hg-activity-primary);
}

/* Locked (future) */
.hg-activity-step-nav.is-locked {
    cursor: not-allowed;
    opacity: 0.5;
}
.hg-activity-step-nav.is-locked .hg-step-number {
    background: #e9ecef;
    color: #6c757d;
}

/* Wizard Steps */
.hg-activity-wizard-step {
    display: none;
    animation: hgFadeIn 0.3s ease;
}

.hg-activity-wizard-step.is-active {
    display: block;
}

@keyframes hgFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hg-activity-step-intro {
    margin-bottom: 20px;
}

.hg-activity-step-intro h3 {
    margin: 0 0 4px 0;
    color: var(--hg-activity-primary);
    font-size: 18px;
}

.hg-activity-step-intro p {
    margin: 0;
    color: var(--hg-activity-muted);
    font-size: 14px;
}

.hg-activity-step-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Form rows */
.hg-form-row {
    display: grid;
    gap: 12px;
}

.hg-form-row-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hg-form-row-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hg-form-row .hg-form-group {
    margin-bottom: 0;
}

/* Conditional sections */
.hg-conditional-section {
    margin-top: 8px;
}

/* Application builder */
.hg-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.hg-section-header h4 {
    margin: 0;
    color: var(--hg-activity-primary);
    font-size: 15px;
}

.hg-application-question {
    
    
    
    
    margin-bottom: 10px;
}

.hg-application-question .hg-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    align-items: center;
}

.hg-application-question .hg-form-group {
    margin-bottom: 0;
}

.hg-remove-application-question {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 16px;
    cursor: pointer;
    line-height: 1;
    min-height: 36px;
}

.hg-remove-application-question:hover {
    background: #f5c6cb;
}

/* Review summary */
.hg-review-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hg-review-section {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 14px 16px;
}

.hg-review-section h4 {
    margin: 0 0 8px 0;
    color: var(--hg-activity-primary);
    font-size: 14px;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 6px;
}

.hg-review-row {
    display: flex;
    padding: 4px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 13px;
}
.hg-review-row:last-child {
    border-bottom: none;
}
.hg-review-row strong {
    flex-shrink: 0;
    color: var(--hg-activity-primary);
    font-weight: 600;
}

.hg-review-empty {
    color: var(--hg-activity-muted);
    text-align: center;
    padding: 30px 0;
}

.hg-review-confirmation {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--hg-activity-border);
}

/* ============================================================
   VIEW ACTIVITY
   ============================================================ */
.hg-view-activity-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #f8f9fa;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}

.hg-view-activity-row {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    border-bottom: 1px solid #f0f0f0;
}
.hg-view-activity-row:last-child {
    border-bottom: none;
}

.hg-view-label {
    font-weight: 600;
    color: var(--hg-activity-primary);
}

.hg-view-value {
    color: #333;
}

.hg-view-activity-section {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--hg-activity-border);
}

.hg-view-activity-section h3 {
    margin: 0 0 8px 0;
    color: var(--hg-activity-primary);
    font-size: 15px;
}

.hg-view-description {
    color: #555;
    font-size: 14px;
    line-height: 1.6;
    white-space: pre-wrap;
}

.hg-view-requirements {
    color: #555;
    font-size: 13px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 6px;
}

.hg-view-participants {
    color: var(--hg-activity-muted);
    font-size: 13px;
}

#hg-view-activity-modal .hg-view-activity-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

#hg-view-activity-modal .hg-view-activity-actions .hg-button {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    justify-content: center;
    box-sizing: border-box;
}

/* ============================================================
   APPLY ACTIVITY
   ============================================================ */
.hg-apply-activity-summary {
    background: #f8f9fa;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}

.hg-apply-activity-summary strong {
    display: block;
    font-size: 16px;
    color: var(--hg-activity-primary);
    margin-bottom: 4px;
}

.hg-apply-activity-meta {
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    color: var(--hg-activity-muted);
}

.hg-apply-activity-meta strong {
    color: var(--hg-activity-text);
}

.hg-apply-activity-actions {
    justify-content: flex-end;
}

.hg-modal-success {
    text-align: center;
    padding: 30px 20px;
}

.hg-modal-success-icon {
    font-size: 48px;
    color: #28a745;
    margin-bottom: 12px;
}

.hg-modal-success h3 {
    margin: 0 0 8px 0;
    color: var(--hg-activity-primary);
}

.hg-modal-success p {
    color: var(--hg-activity-muted);
    margin-bottom: 20px;
}

/* ============================================================
   NOTICES & LOADERS
   ============================================================ */
.hg-form-notice {
    padding: 10px 14px;
    border-radius: 6px;
    border-left: 4px solid transparent;
    margin-top: 12px;
    font-size: 14px;
}

.hg-form-notice-success {
    background: #d4edda;
    color: #155724;
    border-color: #28a745;
}
.hg-form-notice-error {
    background: #f8d7da;
    color: #721c24;
    border-color: #dc3545;
}
.hg-form-notice-warning {
    background: #fff3cd;
    color: #856404;
    border-color: #ffc107;
}
.hg-form-notice-info {
    background: #d1ecf1;
    color: #0c5460;
    border-color: #17a2b8;
}

.hg-field-error {
    color: #dc3232;
    font-size: 12px;
    margin-top: 4px;
    display: none;
}

.hg-field-error:not(:empty) {
    display: block;
}

.hg-loading-spinner {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 3px solid #e9ecef;
    border-top: 3px solid var(--hg-activity-primary);
    border-radius: 50%;
    animation: hgSpin 0.8s linear infinite;
}

@keyframes hgSpin {
    to {
        transform: rotate(360deg);
    }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* Tablet */
@media (max-width: 1024px) {
    .hg-workspace-content {
        grid-template-columns: 1fr;
    }
}

/* Small tablet / large phone */
@media (max-width: 768px) {
    .hg-activities-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .hg-activities-sub-tabs {
        gap: 6px;
    }
    .hg-activities-sub-tab {
        font-size: 12px;
        padding: 6px 12px;
    }

    .hg-activities-stats-grid,
    .hg-reports-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .hg-activities-actions-grid .hg-button {
        flex: 1 1 100%;
        min-width: 0;
    }

    .hg-search-wrapper {
        flex-direction: column;
    }
    .hg-search-input {
        min-width: 0;
        width: 100%;
    }
    .hg-search-btn {
        width: 100%;
        justify-content: center;
    }

    .hg-filter-row {
        flex-direction: column;
        align-items: stretch;
    }
    .hg-filter-select {
        min-width: 0;
        max-width: 100%;
        width: 100%;
    }
    .hg-filter-actions {
        flex-direction: column;
        width: 100%;
    }
    .hg-filter-actions .hg-button {
        width: 100%;
        justify-content: center;
    }

    .hg-application-question .hg-form-row {
        grid-template-columns: 1fr;
    }

    .hg-review-row {
        flex-direction: column;
        gap: 2px;
    }
    .hg-review-row strong {
        width: 100%;
    }

    .hg-authority-community-item {
        flex-direction: column;
        align-items: stretch;
    }
    .hg-authority-community-actions {
        justify-content: flex-start;
    }

    .hg-authority-table {
        font-size: 11px;
    }
    .hg-authority-table th,
    .hg-authority-table td {
        padding: 4px 6px;
    }

    .hg-workspace-title h2 {
        font-size: 18px;
    }
    .hg-workspace-meta {
        font-size: 12px;
        gap: 10px;
    }
    .hg-workspace-section {
        padding: 12px 14px;
    }

    .hg-view-activity-info {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    /* Modals */
    .hg-activity-wizard-modal .hg-modal-content,
    .hg-view-activity-modal .hg-modal-content,
    .hg-apply-activity-modal .hg-modal-content {
        border-radius: 12px;
    }

    .hg-modal-activity {
    }
    .hg-modal-activity-view {
    }
    .hg-modal-activity-apply {
    }

    .hg-activity-wizard-modal .hg-modal-header,
    .hg-view-activity-modal .hg-modal-header,
    .hg-apply-activity-modal .hg-modal-header {
        padding: 14px 16px;
    }
    .hg-activity-wizard-modal .hg-modal-body,
    .hg-view-activity-modal .hg-modal-body,
    .hg-apply-activity-modal .hg-modal-body {
        padding: 16px;
    }
    .hg-modal-actions {
        padding: 12px 16px;
    }

    .hg-activity-progress {
        padding: 12px 16px 6px 16px;
    }
    .hg-activity-progress-labels {
        gap: 2px;
    }
    .hg-activity-step-nav {
        font-size: 10px;
    }
    .hg-activity-step-nav .hg-step-number {
        font-size: 10px;
    }
    .hg-activity-step-nav .hg-step-label {
        font-size: 8px;
    }

    .hg-form-row-2,
    .hg-form-row-3 {
        grid-template-columns: 1fr;
    }

    .hg-apply-activity-actions .hg-button {
        flex: 1 1 100%;
    }
}

/* Phone */
@media (max-width: 480px) {
    .hg-activities-sub-tab {
        font-size: 11px;
        padding: 4px 10px;
    }

    .hg-activities-stats-grid,
    .hg-reports-stats-grid {
        grid-template-columns: 1fr 1fr;
    }
    .hg-stat-number,
    .hg-report-stat-number {
        font-size: 22px;
    }

    .hg-activities-filters {
        padding: 10px 12px;
    }
    .hg-filter-select {
        font-size: 11px;
        padding: 4px 8px;
    }
    .hg-active-filters {
        font-size: 11px;
    }
    .hg-active-filter-tag {
        font-size: 10px;
        padding: 1px 8px;
    }

    .hg-activity-card-title h4 {
        font-size: 14px;
    }
    .hg-activity-card-meta {
        gap: 4px 10px;
    }
    .hg-activity-meta-item {
        font-size: 11px;
    }
    .hg-activity-card-footer .hg-button {
        font-size: 11px;
        padding: 3px 10px;
    }

    .hg-reports-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .hg-reports-table {
        font-size: 11px;
    }
    .hg-reports-table th,
    .hg-reports-table td {
        padding: 4px 6px;
    }

    .hg-my-activities-sub-tab {
        font-size: 11px;
        padding: 3px 10px;
    }

    .hg-activity-step-nav .hg-step-label {
        display: none;
    }
    .hg-activity-step-nav {
        min-height: 36px;
        padding: 4px 2px;
    }
    .hg-activity-step-nav .hg-step-number {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }

    .hg-modal-activity {
        max-width: 100vw;
        border-radius: 0;
    }
    .hg-modal-activity-view {
        max-width: 100vw;
        border-radius: 0;
    }
    .hg-modal-activity-apply {
        max-width: 100vw;
        border-radius: 0;
    }

    .hg-activity-wizard-modal .hg-modal-content,
    .hg-view-activity-modal .hg-modal-content,
    .hg-apply-activity-modal .hg-modal-content {
        max-height: 100dvh;
        border-radius: 0;
        max-width: 100%;
        width: 100%;
    }

    .hg-activity-wizard-modal .hg-modal-header,
    .hg-view-activity-modal .hg-modal-header,
    .hg-apply-activity-modal .hg-modal-header {
        padding: 12px 14px;
        border-radius: 0;
    }
    .hg-activity-wizard-modal .hg-modal-body,
    .hg-view-activity-modal .hg-modal-body,
    .hg-apply-activity-modal .hg-modal-body {
        padding: 14px;
    }
    .hg-modal-actions {
        padding: 10px 14px;
        gap: 6px;
        border-radius: 0;
    }

    .hg-activity-wizard-actions .hg-button {
        font-size: 10px ;
        min-height: 34px ;
        padding: 6px 8px ;
    }

    #hg-view-activity-modal .hg-view-activity-actions .hg-button {
        min-width: 0;
        flex: 0 0 auto;
    }

    .hg-apply-activity-actions .hg-button {
        flex: 1 1 100%;
    }

    .hg-activity-wizard-modal .hg-modal-header h2,
    .hg-view-activity-modal .hg-modal-header h2,
    .hg-apply-activity-modal .hg-modal-header h2 {
        font-size: 17px;
    }

    .hg-activity-step-intro h3 {
        font-size: 16px;
    }
    .hg-activity-step-intro p {
        font-size: 13px;
    }

    .hg-application-question {
        padding: 10px 12px;
    }
    .hg-application-question .hg-form-row {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .hg-review-section {
        padding: 10px 12px;
    }
    .hg-review-row {
        font-size: 12px;
    }

    .hg-apply-activity-summary strong {
        font-size: 14px;
    }
    .hg-apply-activity-meta {
        font-size: 12px;
        gap: 8px;
    }
}

/* Extra small (max-width: 360px) */
@media (max-width: 360px) {
    .hg-activities-stats-grid,
    .hg-reports-stats-grid {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }
    .hg-stat-number,
    .hg-report-stat-number {
        font-size: 20px;
    }
    .hg-stat-label,
    .hg-report-stat-label {
        font-size: 11px;
    }

    .hg-activity-step-nav .hg-step-label {
        display: none;
    }

    .hg-activity-wizard-actions {
        flex-direction: column;
        gap: 6px;
    }
    .hg-activity-wizard-actions .hg-button {
        width: 100%;
        flex: none;
    }

    .hg-view-activity-info {
        padding: 8px 12px;
    }
    .hg-view-activity-row {
        font-size: 12px;
    }

    .hg-modal-actions {
        flex-direction: column;
    }
    .hg-modal-actions .hg-button {
        width: 100%;
        justify-content: center;
    }
}


/* ============================================================
   CREATE ACTIVITY – CLEAN SCOPED FOOTER RESCUE
   ============================================================
   Purpose:
   - Keep modal action buttons inside the Create Activity modal.
   - Do not affect the HG Connect page footer or dashboard sidebar.
   - Do not use sticky/fixed positioning.
*/
#hg-create-activity-modal .hg-modal-content.hg-modal-activity {
    display: flex;
    flex-direction: column;
    max-height: 92vh;
    overflow: hidden;
}

#hg-create-activity-modal .hg-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

#hg-create-activity-modal .hg-activity-wizard-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--hg-activity-border);
    background: transparent;
    box-sizing: border-box;
    position: static;
}

#hg-create-activity-modal .hg-activity-wizard-actions .hg-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    white-space: nowrap;
}

#hg-create-activity-modal .hg-activity-wizard-actions .hg-button[hidden] {
    display: none ;
}

#hg-create-activity-modal #hg-save-activity-draft {
    margin-right: auto;
}

@media (max-width: 600px) {
    #hg-create-activity-modal .hg-activity-wizard-actions {
        gap: 8px;
    }

    #hg-create-activity-modal .hg-activity-wizard-actions .hg-button {
        flex: 1 1 calc(50% - 4px);
        width: calc(50% - 4px);
        max-width: calc(50% - 4px);
        min-height: 38px;
        font-size: 11px;
    }

    #hg-create-activity-modal #hg-save-activity-draft {
        margin-right: 0;
    }
}


/* Create Activity parent shell: engine selector stays inside Step 1 only. */
#hg-create-activity-modal .hg-activity-engine-selector {
    border: 1px solid #dce7f5;
    background: #f8fbff;
    border-radius: 14px;
    padding: 16px;
}
#hg-create-activity-modal .hg-activity-engine-selector .hg-task-type-summary {
    margin-top: 12px;
}

/* Create Activity parent shell: simple 3-phase rail without fake step numbers. */
#hg-create-activity-modal .hg-activity-progress-parent-shell .hg-activity-progress-labels {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#hg-create-activity-modal .hg-activity-progress-parent-shell .hg-activity-step-nav {
    min-height: 42px;
    padding: 9px 12px;
}

#hg-create-activity-modal .hg-activity-progress-parent-shell .hg-step-label {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
}

#hg-create-activity-modal #hg-task-reward-fields,
#hg-create-activity-modal #hg-task-submission-fields {
    margin-top: 14px;
}


/* ============================================================
   CREATE ACTIVITY – COMPACT HEADER + FORM/VOTE ARCHITECTURE
   ============================================================ */
#hg-create-activity-modal .hg-activity-wizard-header-compact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
}

#hg-create-activity-modal .hg-activity-modal-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 20px;
    line-height: 1.15;
}

#hg-create-activity-modal .hg-activity-modal-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#hg-create-activity-modal .hg-activity-progress-parent-shell .hg-step-number {
    display: none;
}

#hg-create-activity-modal .hg-builder-compact-title {
    margin: 0 0 14px;
}

#hg-create-activity-modal .hg-builder-compact-title h4 {
    margin: 0 0 4px;
}

#hg-create-activity-modal .hg-activity-form-list,
#hg-create-activity-modal .hg-voting-type-list,
#hg-create-activity-modal .hg-voting-type-details {
    margin-top: 12px;
}

#hg-create-activity-modal .hg-voting-type-grid {
    display: grid;
    
    
}

#hg-create-activity-modal .hg-voting-type-card {
    display: flex;
    
    align-items: flex-start;
    
    border: 1px solid var(--hg-activity-border, #dce7f5);
    
    background: #fff;
    cursor: pointer;
}

#hg-create-activity-modal .hg-voting-type-card.is-active,
#hg-create-activity-modal .hg-voting-type-card:has(input:checked) {
    
    
}

#hg-create-activity-modal .hg-voting-type-card-copy {
    display: grid;
    gap: 3px;
}

#hg-create-activity-modal .hg-voting-type-card-copy small,
#hg-create-activity-modal .hg-voting-type-card-copy em {
    color: #64748b;
    font-size: 12px;
}

#hg-create-activity-modal .hg-voting-type-detail {
    
    
    
    
    
}

#hg-create-activity-modal .hg-voting-type-detail h5 {
    margin: 0 0 12px;
}

/* ============================================================
 * Parent Create Activity V2 — specialized child flow shell
 * Version: 1.1.1 lifecycle/child-flow support
 * ============================================================ */

.hg-activity-child-progress[hidden],
.hg-activity-child-wizard[hidden] {
    display: none ;
}

.hg-activity-child-wizard {
    width: 100%;
    min-width: 0;
}

.hg-activity-child-intro {
    margin-bottom: 18px;
}

.hg-activity-child-context {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
    opacity: .72;
}

.hg-activity-child-flow-body {
    width: 100%;
    min-width: 0;
}

.hg-activity-child-flow-body [data-hg-child-step][hidden] {
    display: none ;
}

.hg-activity-child-flow-body [data-hg-child-step].is-active {
    display: block;
}

.hg-activity-child-progress-labels {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
}

.hg-activity-child-step-indicator {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: max-content;
    opacity: .55;
}

.hg-activity-child-step-indicator.is-active,
.hg-activity-child-step-indicator.is-complete {
    opacity: 1;
}

.hg-activity-lifecycle-row .hg-small {
    display: block;
    margin-top: 6px;
}

@media (max-width: 768px) {
    .hg-activity-child-progress-labels {
        justify-content: flex-start;
        gap: 14px;
        padding-bottom: 4px;
    }

    .hg-activity-child-context {
        font-size: 11px;
    }
}


/* ============================================================
 * Voting Builder polish — pre-live UI pass
 * ============================================================ */
#hg-create-activity-modal .hg-voting-builder {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

#hg-create-activity-modal .hg-voting-builder-header {
    margin-bottom: 16px;
    padding: 2px 2px 0;
}

#hg-create-activity-modal .hg-voting-builder-kicker {
    display: inline-block;
    margin-bottom: 5px;
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#hg-create-activity-modal .hg-voting-builder-panel {
    margin: 0 0 14px;
    padding: 16px;
    border: 1px solid #dfe7f1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(15, 23, 42, .035);
}

#hg-create-activity-modal .hg-voting-builder-panel-head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 14px;
}

#hg-create-activity-modal .hg-voting-builder-panel-head > div {
    min-width: 0;
}

#hg-create-activity-modal .hg-voting-builder-panel-head strong,
#hg-create-activity-modal .hg-voting-builder-panel-head small {
    display: block;
}

#hg-create-activity-modal .hg-voting-builder-panel-head strong {
    color: #0f2748;
    font-size: 14px;
    line-height: 1.3;
}

#hg-create-activity-modal .hg-voting-builder-panel-head small {
    margin-top: 2px;
    color: #64748b;
    font-size: 11.5px;
    line-height: 1.4;
}

#hg-create-activity-modal .hg-voting-builder-panel-step {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 8px;
    color: #123a70;
    background: #edf4ff;
    font-size: 11px;
    font-weight: 900;
}

#hg-create-activity-modal .hg-voting-type-grid {
    
    gap: 10px;
}

#hg-create-activity-modal .hg-voting-type-card {
    position: relative;
    min-height: 126px;
    gap: 10px;
    padding: 13px 34px 13px 12px;
    border-color: #e1e8f1;
    border-radius: 13px;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

#hg-create-activity-modal .hg-voting-type-card:hover {
    border-color: #b9cbe3;
    transform: translateY(-1px);
}

#hg-create-activity-modal .hg-voting-type-card.is-active,
#hg-create-activity-modal .hg-voting-type-card:has(input:checked) {
    border-color: #2b6cb0;
    background: #f7fbff;
    box-shadow: 0 0 0 2px rgba(43, 108, 176, .09);
}

#hg-create-activity-modal .hg-voting-type-card > input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

#hg-create-activity-modal .hg-voting-type-icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 9px;
    color: #184a84;
    background: #eef5ff;
    font-size: 15px;
    font-weight: 900;
}

#hg-create-activity-modal .hg-voting-type-card-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

#hg-create-activity-modal .hg-voting-type-card-title-row strong {
    color: #132b4d;
    font-size: 12.5px;
    line-height: 1.25;
}

#hg-create-activity-modal .hg-voting-type-badge {
    flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 999px;
    color: #475569;
    background: #f1f5f9;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

#hg-create-activity-modal .hg-voting-type-badge.is-external {
    color: #7c4a03;
    background: #fff5d8;
}

#hg-create-activity-modal .hg-voting-type-meta {
    display: inline-block;
    margin-top: 5px;
    color: #37638f;
    font-size: 10px;
    font-weight: 700;
}

#hg-create-activity-modal .hg-voting-type-selected-mark {
    position: absolute;
    top: 10px;
    right: 10px;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    color: transparent;
    background: #eef2f7;
    font-size: 11px;
    font-weight: 900;
}

#hg-create-activity-modal .hg-voting-type-card.is-active .hg-voting-type-selected-mark,
#hg-create-activity-modal .hg-voting-type-card:has(input:checked) .hg-voting-type-selected-mark {
    color: #fff;
    background: #2563eb;
}

#hg-create-activity-modal .hg-voting-type-details {
    margin-top: 0;
}

#hg-create-activity-modal .hg-voting-type-detail {
    margin-top: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

#hg-create-activity-modal .hg-voting-type-detail > h5 {
    display: none;
}

#hg-create-activity-modal .hg-activity-child-wizard {
    max-width: 820px;
    margin: 0 auto;
    padding: 4px 0 2px;
}

#hg-create-activity-modal .hg-activity-child-context {
    margin-bottom: 10px;
    padding: 5px 9px;
    border-radius: 999px;
    color: #31597f;
    background: #edf4fb;
    opacity: 1;
}

#hg-create-activity-modal .hg-activity-child-flow-body > [data-hg-child-step] {
    padding: 18px;
    border: 1px solid #dfe7f1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 6px 20px rgba(15, 23, 42, .04);
}

#hg-create-activity-modal .hg-activity-child-step-indicator {
    padding: 5px 8px;
    border-radius: 999px;
    background: #f3f6fa;
}

#hg-create-activity-modal .hg-activity-child-step-indicator.is-active {
    color: #173f70;
    background: #e8f2ff;
}


/* ============================================================
 * Specialized setup step rail — groove + sliding active pill
 * Informational only: Previous / Next remain the navigation authority.
 * ============================================================ */
#hg-create-activity-modal .hg-activity-child-progress {
    padding-top: 12px;
    padding-bottom: 12px;
}

#hg-create-activity-modal .hg-activity-child-progress > .hg-activity-progress-track {
    display: none;
}

#hg-create-activity-modal .hg-activity-child-progress-labels {
    display: block;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 0;
    cursor: grab;
    user-select: none;
    touch-action: pan-x;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#hg-create-activity-modal .hg-activity-child-progress-labels::-webkit-scrollbar {
    display: none;
}

#hg-create-activity-modal .hg-activity-child-progress-labels.is-dragging {
    cursor: grabbing;
}

#hg-create-activity-modal .hg-activity-child-progress-rail {
    position: relative;
    min-width: max(100%, calc(var(--hg-child-step-count) * 118px));
    padding: 6px;
    border: 1px solid #d9e3ef;
    border-radius: 999px;
    background: #e9eff6;
    box-shadow: inset 0 2px 5px rgba(15, 39, 72, .08);
}

#hg-create-activity-modal .hg-activity-child-progress-thumb {
    position: absolute;
    z-index: 1;
    top: 6px;
    bottom: 6px;
    left: calc(6px + var(--hg-child-step-left));
    width: calc(var(--hg-child-step-width) - 12px);
    min-width: 92px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(20, 62, 109, .14), 0 0 0 1px rgba(43, 108, 176, .10);
    transition: left .28s ease, width .28s ease, transform .18s ease;
    pointer-events: none;
}

#hg-create-activity-modal .hg-activity-child-progress-steps {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(var(--hg-child-step-count), minmax(112px, 1fr));
    align-items: center;
}

#hg-create-activity-modal .hg-activity-child-progress-steps .hg-activity-child-step-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    padding: 8px 9px;
    border-radius: 999px;
    background: transparent;
    color: #738096;
    opacity: .72;
    pointer-events: none;
    white-space: nowrap;
}

#hg-create-activity-modal .hg-activity-child-progress-steps .hg-activity-child-step-indicator.is-complete {
    color: #426487;
    opacity: .92;
}

#hg-create-activity-modal .hg-activity-child-progress-steps .hg-activity-child-step-indicator.is-active {
    color: #173f70;
    background: transparent;
    opacity: 1;
}

#hg-create-activity-modal .hg-activity-child-progress-steps .hg-step-number {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 999px;
    background: rgba(255,255,255,.55);
    color: inherit;
    font-size: 10px;
    font-weight: 900;
}

#hg-create-activity-modal .hg-activity-child-progress-steps .is-active .hg-step-number {
    background: #e8f2ff;
}

#hg-create-activity-modal .hg-activity-child-progress-steps .hg-step-label {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 680px) {
    #hg-create-activity-modal .hg-activity-child-progress {
        padding-left: 14px;
        padding-right: 14px;
    }

    #hg-create-activity-modal .hg-activity-child-progress-rail {
        min-width: calc(var(--hg-child-step-count) * 108px);
    }

    #hg-create-activity-modal .hg-activity-child-progress-steps {
        grid-template-columns: repeat(var(--hg-child-step-count), minmax(102px, 1fr));
    }
}

@media (max-width: 900px) {
    #hg-create-activity-modal .hg-voting-type-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    #hg-create-activity-modal .hg-voting-builder-panel {
        padding: 13px;
        border-radius: 13px;
    }

    #hg-create-activity-modal .hg-voting-type-grid {
        grid-template-columns: 1fr;
    }

    #hg-create-activity-modal .hg-voting-type-card {
        min-height: 0;
    }

    #hg-create-activity-modal .hg-activity-child-flow-body > [data-hg-child-step] {
        padding: 14px;
        border-radius: 13px;
    }
}

/* ============================================================
 * PRE-LIVE ADMIN ACTIVITIES POLISH
 * Backend-only readability/alignment pass.
 * Scope is intentionally limited to WordPress admin so the
 * public/member Activities design is not changed.
 * ============================================================ */
body.wp-admin .hg-activities-container,
body.wp-admin .hg-activities-container * {
    box-sizing: border-box;
}

body.wp-admin .hg-activities-container {
    width: 100%;
    max-width: none;
    color: #20364f;
}

body.wp-admin .hg-activities-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 14px;
    padding: 18px 20px;
    border: 1px solid var(--hg-activity-border);
    border-radius: var(--hg-activity-radius);
    background: #fff;
    box-shadow: 0 2px 10px rgba(15, 39, 72, .045);
}

body.wp-admin .hg-activities-title {
    min-width: 0;
}

body.wp-admin .hg-activities-title h2,
body.wp-admin .hg-activities-title h3,
body.wp-admin .hg-activities-title p {
    margin-top: 0;
}

body.wp-admin .hg-activities-title h2,
body.wp-admin .hg-activities-title h3 {
    margin-bottom: 4px;
    line-height: 1.25;
}

body.wp-admin .hg-activities-subtitle {
    margin: 0;
    color: var(--hg-activity-muted);
    line-height: 1.45;
}

body.wp-admin .hg-activities-sub-tabs {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    margin: 0 0 16px;
    padding: 7px;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--hg-activity-border);
    border-radius: var(--hg-activity-radius);
    background: #fff;
    white-space: nowrap;
    scrollbar-width: thin;
}

body.wp-admin .hg-activities-sub-tab {
    flex: 0 0 auto;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

body.wp-admin .hg-activities-content {
    width: 100%;
    min-width: 0;
}

body.wp-admin .hg-activities-section-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    margin: 0 0 14px;
    padding: 16px 18px;
    border: 1px solid var(--hg-activity-border);
    border-radius: var(--hg-activity-radius);
    background: #fff;
}

body.wp-admin .hg-activities-section-header h2,
body.wp-admin .hg-activities-section-header h3,
body.wp-admin .hg-activities-section-header h4,
body.wp-admin .hg-activities-section-header p {
    margin: 0;
}

body.wp-admin .hg-activities-section-header h3 {
    color: var(--hg-activity-primary);
    line-height: 1.3;
}

body.wp-admin .hg-activities-section-desc {
    color: var(--hg-activity-muted);
    line-height: 1.45;
}

body.wp-admin .hg-activities-stats-grid,
body.wp-admin .hg-reports-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    align-items: stretch;
    gap: 12px;
    margin-bottom: 18px;
}

body.wp-admin .hg-activities-stat-card,
body.wp-admin .hg-report-stat-card {
    min-width: 0;
    min-height: 108px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 12px;
}

body.wp-admin .hg-stat-number,
body.wp-admin .hg-report-stat-number {
    line-height: 1.1;
}

body.wp-admin .hg-stat-label,
body.wp-admin .hg-report-stat-label {
    line-height: 1.35;
}

body.wp-admin .hg-activities-recent,
body.wp-admin .hg-reports-recent,
body.wp-admin .hg-authority-section,
body.wp-admin .hg-activities-quick-actions {
    width: 100%;
    margin-bottom: 16px;
    padding: 18px;
    border: 1px solid var(--hg-activity-border);
    border-radius: var(--hg-activity-radius);
    background: #fff;
}

body.wp-admin .hg-activities-recent > h3,
body.wp-admin .hg-activities-recent > h4,
body.wp-admin .hg-reports-recent > h3,
body.wp-admin .hg-reports-recent > h4,
body.wp-admin .hg-authority-section > h3,
body.wp-admin .hg-authority-section > h4 {
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8edf3;
    color: var(--hg-activity-primary);
    line-height: 1.3;
}

body.wp-admin .hg-activities-list {
    display: grid;
    gap: 12px;
}

body.wp-admin .hg-activity-card {
    margin: 0;
    padding: 16px 18px;
    overflow: hidden;
}

body.wp-admin .hg-activity-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: nowrap;
    padding-bottom: 11px;
    border-bottom: 1px solid #edf1f5;
}

body.wp-admin .hg-activity-card-title {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

body.wp-admin .hg-activity-card-title h4 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.wp-admin .hg-activity-status-badge {
    flex: 0 0 auto;
    white-space: nowrap;
}

body.wp-admin .hg-activity-card-body {
    padding-top: 12px;
}

body.wp-admin .hg-activity-card-desc {
    margin: 0 0 11px;
    color: #52657a;
    line-height: 1.5;
}

body.wp-admin .hg-activity-card-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 8px 14px;
    align-items: center;
}

body.wp-admin .hg-activity-meta-item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 1.35;
}

body.wp-admin .hg-activity-meta-icon {
    flex: 0 0 auto;
}

body.wp-admin .hg-activity-card-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 13px;
    padding-top: 12px;
    border-top: 1px solid #edf1f5;
}

body.wp-admin .hg-authority-community-list {
    display: grid;
    gap: 10px;
}

body.wp-admin .hg-authority-community-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid #e5ebf2;
    border-radius: 10px;
    background: #fbfcfe;
}

body.wp-admin .hg-authority-community-info {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

body.wp-admin .hg-authority-community-actions,
body.wp-admin .hg-reports-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

body.wp-admin .hg-authority-community-actions {
    flex: 0 0 auto;
}

body.wp-admin .hg-authority-supervisor-list,
body.wp-admin .hg-reports-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--hg-activity-border);
    border-radius: 10px;
    background: #fff;
}

body.wp-admin .hg-authority-table,
body.wp-admin .hg-reports-table {
    width: 100%;
    min-width: 760px;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

body.wp-admin .hg-authority-table th,
body.wp-admin .hg-reports-table th {
    padding: 10px 12px;
    vertical-align: middle;
    background: #f6f8fb;
    border-bottom: 1px solid #dfe6ee;
    color: var(--hg-activity-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
}

body.wp-admin .hg-authority-table td,
body.wp-admin .hg-reports-table td {
    padding: 10px 12px;
    vertical-align: middle;
    border-bottom: 1px solid #edf1f5;
    color: #334a62;
    line-height: 1.4;
}

body.wp-admin .hg-authority-table tbody tr:last-child td,
body.wp-admin .hg-reports-table tbody tr:last-child td {
    border-bottom: 0;
}

body.wp-admin .hg-authority-table tbody tr:hover td,
body.wp-admin .hg-reports-table tbody tr:hover td {
    background: #fbfdff;
}

body.wp-admin .hg-authority-table td:last-child,
body.wp-admin .hg-reports-table td:last-child {
    white-space: nowrap;
}

body.wp-admin .hg-authority-table td:last-child .hg-button,
body.wp-admin .hg-reports-table td:last-child .hg-button {
    margin: 2px 3px 2px 0;
    vertical-align: middle;
}

body.wp-admin .hg-permission-badge,
body.wp-admin .hg-report-status,
body.wp-admin .hg-status {
    vertical-align: middle;
    white-space: nowrap;
}

body.wp-admin .hg-reports-actions {
    margin-top: 16px;
    padding-top: 14px;
}

/* Keep organizer form rows visually aligned in wp-admin only. */
body.wp-admin #hg-create-activity-modal .hg-form-row {
    align-items: start;
}

body.wp-admin #hg-create-activity-modal .hg-form-row-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.wp-admin #hg-create-activity-modal .hg-form-group {
    min-width: 0;
}

body.wp-admin #hg-create-activity-modal .hg-form-group > label {
    display: flex;
    align-items: center;
    min-height: 20px;
    margin-bottom: 6px;
    line-height: 1.3;
}

body.wp-admin #hg-create-activity-modal .hg-input,
body.wp-admin #hg-create-activity-modal .hg-select,
body.wp-admin #hg-create-activity-modal .hg-textarea {
    width: 100%;
    max-width: none;
}

@media (max-width: 960px) {
    body.wp-admin .hg-activities-header,
    body.wp-admin .hg-authority-community-item {
        align-items: stretch;
        flex-direction: column;
    }

    body.wp-admin .hg-authority-community-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 782px) {
    body.wp-admin .hg-activities-header,
    body.wp-admin .hg-activities-section-header,
    body.wp-admin .hg-activities-recent,
    body.wp-admin .hg-reports-recent,
    body.wp-admin .hg-authority-section,
    body.wp-admin .hg-activities-quick-actions {
        padding: 14px;
    }

    body.wp-admin .hg-activities-stats-grid,
    body.wp-admin .hg-reports-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.wp-admin .hg-activity-card-header {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    body.wp-admin .hg-activity-card-title h4 {
        white-space: normal;
    }

    body.wp-admin .hg-activity-card-meta {
        grid-template-columns: 1fr;
    }

    body.wp-admin #hg-create-activity-modal .hg-form-row-2 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    body.wp-admin .hg-activities-stats-grid,
    body.wp-admin .hg-reports-stats-grid {
        grid-template-columns: 1fr;
    }

    body.wp-admin .hg-activity-card-footer,
    body.wp-admin .hg-reports-actions,
    body.wp-admin .hg-authority-community-actions {
        align-items: stretch;
        flex-direction: column;
    }

    body.wp-admin .hg-activity-card-footer .hg-button,
    body.wp-admin .hg-reports-actions .hg-button,
    body.wp-admin .hg-authority-community-actions .hg-button {
        width: 100%;
        justify-content: center;
    }
}



/* ============================================================
 * WP-ADMIN CLASSIC FORM CONTROLS
 * Keep HG Connect boxes/layout, but use sober WordPress-like
 * inputs/selects/textareas in Activities admin.
 * Does NOT restyle radio/checkbox Vote Type selectors.
 * ============================================================ */

body.wp-admin .hg-activities-container input[type="text"],
body.wp-admin .hg-activities-container input[type="search"],
body.wp-admin .hg-activities-container input[type="url"],
body.wp-admin .hg-activities-container input[type="email"],
body.wp-admin .hg-activities-container input[type="number"],
body.wp-admin .hg-activities-container input[type="date"],
body.wp-admin .hg-activities-container input[type="datetime-local"],
body.wp-admin .hg-activities-container input[type="time"],
body.wp-admin .hg-activities-container input[type="file"],
body.wp-admin .hg-activities-container select,
body.wp-admin .hg-activities-container textarea,
body.wp-admin #hg-create-activity-modal input[type="text"],
body.wp-admin #hg-create-activity-modal input[type="search"],
body.wp-admin #hg-create-activity-modal input[type="url"],
body.wp-admin #hg-create-activity-modal input[type="email"],
body.wp-admin #hg-create-activity-modal input[type="number"],
body.wp-admin #hg-create-activity-modal input[type="date"],
body.wp-admin #hg-create-activity-modal input[type="datetime-local"],
body.wp-admin #hg-create-activity-modal input[type="time"],
body.wp-admin #hg-create-activity-modal input[type="file"],
body.wp-admin #hg-create-activity-modal select,
body.wp-admin #hg-create-activity-modal textarea,
body.wp-admin .hg-external-vote-review-modal input[type="text"],
body.wp-admin .hg-external-vote-review-modal input[type="url"],
body.wp-admin .hg-external-vote-review-modal input[type="number"],
body.wp-admin .hg-external-vote-review-modal input[type="file"],
body.wp-admin .hg-external-vote-review-modal select,
body.wp-admin .hg-external-vote-review-modal textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    min-height: 30px;
    margin: 0;
    padding: 0 8px;
    border: 1px solid #8c8f94;
    border-radius: 4px;
    background: #fff;
    color: #2c3338;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
}

body.wp-admin .hg-activities-container textarea,
body.wp-admin #hg-create-activity-modal textarea,
body.wp-admin .hg-external-vote-review-modal textarea {
    min-height: 80px;
    padding: 6px 8px;
    line-height: 1.5;
    resize: vertical;
}

body.wp-admin .hg-activities-container input[type="file"],
body.wp-admin #hg-create-activity-modal input[type="file"],
body.wp-admin .hg-external-vote-review-modal input[type="file"] {
    min-height: 30px;
    padding: 3px 6px;
    line-height: 1.5;
}

body.wp-admin .hg-activities-container input::placeholder,
body.wp-admin .hg-activities-container textarea::placeholder,
body.wp-admin #hg-create-activity-modal input::placeholder,
body.wp-admin #hg-create-activity-modal textarea::placeholder,
body.wp-admin .hg-external-vote-review-modal input::placeholder,
body.wp-admin .hg-external-vote-review-modal textarea::placeholder {
    color: #646970;
    opacity: 1;
}

body.wp-admin .hg-activities-container input[type="text"]:focus,
body.wp-admin .hg-activities-container input[type="search"]:focus,
body.wp-admin .hg-activities-container input[type="url"]:focus,
body.wp-admin .hg-activities-container input[type="email"]:focus,
body.wp-admin .hg-activities-container input[type="number"]:focus,
body.wp-admin .hg-activities-container input[type="date"]:focus,
body.wp-admin .hg-activities-container input[type="datetime-local"]:focus,
body.wp-admin .hg-activities-container input[type="time"]:focus,
body.wp-admin .hg-activities-container input[type="file"]:focus,
body.wp-admin .hg-activities-container select:focus,
body.wp-admin .hg-activities-container textarea:focus,
body.wp-admin #hg-create-activity-modal input[type="text"]:focus,
body.wp-admin #hg-create-activity-modal input[type="search"]:focus,
body.wp-admin #hg-create-activity-modal input[type="url"]:focus,
body.wp-admin #hg-create-activity-modal input[type="email"]:focus,
body.wp-admin #hg-create-activity-modal input[type="number"]:focus,
body.wp-admin #hg-create-activity-modal input[type="date"]:focus,
body.wp-admin #hg-create-activity-modal input[type="datetime-local"]:focus,
body.wp-admin #hg-create-activity-modal input[type="time"]:focus,
body.wp-admin #hg-create-activity-modal input[type="file"]:focus,
body.wp-admin #hg-create-activity-modal select:focus,
body.wp-admin #hg-create-activity-modal textarea:focus,
body.wp-admin .hg-external-vote-review-modal input:focus,
body.wp-admin .hg-external-vote-review-modal select:focus,
body.wp-admin .hg-external-vote-review-modal textarea:focus {
    border-color: #2271b1;
    outline: 2px solid transparent;
    box-shadow: 0 0 0 1px #2271b1;
}

body.wp-admin .hg-activities-container input:disabled,
body.wp-admin .hg-activities-container select:disabled,
body.wp-admin .hg-activities-container textarea:disabled,
body.wp-admin #hg-create-activity-modal input:disabled,
body.wp-admin #hg-create-activity-modal select:disabled,
body.wp-admin #hg-create-activity-modal textarea:disabled,
body.wp-admin .hg-external-vote-review-modal input:disabled,
body.wp-admin .hg-external-vote-review-modal select:disabled,
body.wp-admin .hg-external-vote-review-modal textarea:disabled {
    border-color: #dcdcde;
    background: #f0f0f1;
    color: #646970;
    opacity: 1;
}

/* Preserve HG Connect Vote Type selectors and existing radio/checkbox design. */
body.wp-admin #hg-create-activity-modal input[type="radio"],
body.wp-admin #hg-create-activity-modal input[type="checkbox"],
body.wp-admin .hg-activities-container input[type="radio"],
body.wp-admin .hg-activities-container input[type="checkbox"] {
    width: auto;
    min-height: 0;
}


/* HG CONNECT UNIVERSAL ACTIVITY CARD + SHARED APPLICATION BUILDER 1.2.0 */
.hg-activity-card-universal{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e6ed;border-radius:14px;overflow:hidden;min-height:286px}
.hg-activity-card-universal .hg-activity-card-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:14px 14px 0}
.hg-activity-card-type{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.hg-activity-type-badge,.hg-activity-subtype{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700;line-height:1}
.hg-activity-type-badge{background:#eef4ff;color:#244d98}
.hg-activity-subtype{background:#f3f4f6;color:#526071}
.hg-activity-card-universal .hg-activity-card-body{display:flex;flex:1;flex-direction:column;padding:14px}
.hg-activity-card-name{font-size:18px;margin:0 0 5px}
.hg-activity-card-community{margin:0 0 14px;color:#687386;font-size:13px}
.hg-activity-card-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.hg-activity-card-dates>div{padding:8px;background:#f8fafc;border:1px solid #edf0f4;border-radius:9px}
.hg-activity-card-dates span{display:block;font-size:10px;text-transform:uppercase;color:#7a8695}
.hg-activity-card-dates strong{display:block;font-size:12px;margin-top:3px}
.hg-activity-card-participants{margin-top:auto;padding-top:14px;font-size:12px;color:#657184}
.hg-activity-card-universal .hg-activity-card-footer{display:flex;justify-content:flex-end;padding:11px 14px;border-top:1px solid #edf0f4;background:#fbfcfd}
.hg-application-builder{margin-top:4px}
.hg-application-builder-head h4{margin:0 0 4px}
.hg-application-fixed-fields{border:1px solid #e0e5eb;background:#f8fafc;border-radius:8px;padding:10px;color:#5d697a;font-size:12px}
.hg-application-preset-box{border:1px solid #e0e5eb;border-radius:10px;padding:12px;margin:12px 0;background:#fff}
.hg-application-preset-buttons{flex-wrap:wrap;margin-top:9px;}
.hg-application-questions{display:grid;gap:10px;margin:12px 0}
.hg-application-question{border:1px solid #e1e6ec;border-radius:10px;padding:12px;background:#fbfcfd}
.hg-question-actions{display:flex;justify-content:flex-end;align-items:flex-end}
@media(max-width:700px){.hg-activity-card-dates{grid-template-columns:1fr 1fr}.hg-activity-card-dates>div:last-child{grid-column:1/-1}}

.hg-activities-section-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.hg-activities-section-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:700px){.hg-activities-section-header{display:grid}}
/* Explore Activities: All Activities / Showcase use two equal, centered buttons. */
.hg-activities-explore .hg-activities-section-header {flex-wrap:wrap;}
.hg-activities-explore .hg-activities-section-actions {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    width:100%;
    max-width:420px;
    flex:0 1 100%;
    justify-self:center;
    margin:0 auto;
}
.hg-activities-explore .hg-activities-section-actions > .hg-button {
    display:flex;
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:36px;
    box-sizing:border-box;
    align-items:center;
    justify-content:center;
    padding:8px;
    text-align:center;
    border-radius:8px;
}
@media(max-width:700px) {
    .hg-activities-explore .hg-activities-section-header {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:390px) {
    .hg-activities-explore .hg-activities-section-actions > .hg-button {font-size:12px;}
}

/* ============================================================
 * COMPACT UNIVERSAL ACTIVITY CARD — coherent 3-line information box
 * + compact type/state footer.
 * Row 1: Activity 45% / Community 45% / breathing room 10%
 * Row 2: Join by / participants
 * Row 3: End / small preview eye
 * ============================================================ */
.hg-activity-card-universal.hg-activity-card-compact {
    min-height: 0;
    display: grid;
    gap: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.hg-activity-card-compact .hg-activity-card-info-box {
    display: grid;
    gap: 7px;
    padding: 11px 12px 10px;
    min-width: 0;
}

.hg-activity-card-compact .hg-activity-card-line {
    min-width: 0;
}

.hg-activity-card-compact .hg-activity-card-name-community-row {
    display: grid;
    
    
    align-items: center;
}

.hg-activity-card-compact .hg-activity-card-name,
.hg-activity-card-compact .hg-activity-card-community {
    min-width: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hg-activity-card-compact .hg-activity-card-name {
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    color: #172033;
}

.hg-activity-card-compact .hg-activity-card-community {
    font-size: 12px;
    line-height: 1.3;
    color: #5f6f82;
    font-weight: 600;
}

.hg-activity-card-compact .hg-activity-card-join-participants-row,
.hg-activity-card-compact .hg-activity-card-end-view-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #64748b;
    font-size: 11.5px;
}

.hg-activity-card-compact .hg-activity-card-join,
.hg-activity-card-compact .hg-activity-card-end {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hg-activity-card-compact .hg-activity-card-join strong,
.hg-activity-card-compact .hg-activity-card-end strong {
    color: #475569;
    font-weight: 650;
}

.hg-activity-card-compact .hg-activity-card-participants {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    font-size: 11.5px;
    color: #64748b;
}

.hg-activity-card-compact .hg-activity-card-eye {
    flex: 0 0 auto;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #52657a;
    text-decoration: none ;
    box-shadow: none;
    cursor: pointer;
    transition: color .15s ease, background .15s ease, transform .15s ease;
}

.hg-activity-card-compact .hg-activity-card-eye::before,
.hg-activity-card-compact .hg-activity-card-eye::after {
    content: none ;
    display: none ;
}

.hg-activity-card-compact .hg-activity-card-eye-icon {
    width: 16px;
    height: 16px;
    display: block;
    fill: currentColor;
}

.hg-activity-card-compact .hg-activity-card-eye:hover,
.hg-activity-card-compact .hg-activity-card-eye:focus-visible {
    color: #244d98;
    background: #f0f5fb;
    text-decoration: none ;
    outline: none;
}

.hg-activity-card-compact .hg-activity-card-eye:active {
    transform: scale(.95);
}

.hg-activity-card-compact .hg-activity-card-footer-box {
    min-height: 38px;
    padding: 7px 10px 7px 12px;
    border-top: 1px solid #edf1f5;
    background: #fbfcfe;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.hg-activity-card-compact .hg-activity-card-type-group,
.hg-activity-card-compact .hg-activity-card-state-group {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

.hg-activity-card-compact .hg-activity-card-type-group {
    flex: 1 1 auto;
    
}

.hg-activity-card-compact .hg-activity-card-state-group {
    
    justify-content: flex-end;
    
}

.hg-activity-card-compact .hg-activity-type-badge,
.hg-activity-card-compact .hg-activity-subtype-badge,
.hg-activity-card-compact .hg-activity-status-badge,
.hg-activity-card-compact .hg-activity-user-state-badge {
    display: inline-flex;
    align-items: center;
    max-width: 132px;
    min-width: 0;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 9.5px;
    line-height: 1.1;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hg-activity-card-compact .hg-activity-subtype-badge {
    background: #f2f5f8;
    color: #536276;
}

.hg-activity-card-compact .hg-activity-user-state-badge {
    border: 1px solid transparent;
}

.hg-activity-card-compact .hg-user-state-pending {
    color: #8a5a00;
    background: #fff8dc;
    border-color: #f4df9b;
}

.hg-activity-card-compact .hg-user-state-rejected {
    color: #9d2c2c;
    background: #fff0f0;
    border-color: #efc4c4;
}

/* Product lifecycle colors. */
.hg-activity-card-compact .hg-status-scheduled { background:#f3f4f6; color:#566171; }
.hg-activity-card-compact .hg-status-open { background:#ecfdf3; color:#16733c; }
.hg-activity-card-compact .hg-status-entry_closed { background:#eef4ff; color:#2856a7; }
.hg-activity-card-compact .hg-status-public_closed { background:#fff4e5; color:#9a5a00; }
.hg-activity-card-compact .hg-status-ended { background:#f1f2f4; color:#59606a; }

@media (max-width: 560px) {
    .hg-activity-card-compact .hg-activity-card-info-box {
        padding: 10px;
    }

    .hg-activity-card-compact .hg-activity-card-name-community-row {
        grid-template-columns: minmax(0, 48fr) minmax(0, 48fr) minmax(0, 4fr);
    }

    .hg-activity-card-compact .hg-activity-card-name {
        font-size: 13px;
    }

    .hg-activity-card-compact .hg-activity-card-community,
    .hg-activity-card-compact .hg-activity-card-join-participants-row,
    .hg-activity-card-compact .hg-activity-card-end-view-row {
        font-size: 11px;
    }

    .hg-activity-card-compact .hg-activity-card-footer-box {
        padding-left: 10px;
    }

    .hg-activity-card-compact .hg-activity-subtype-badge,
    .hg-activity-card-compact .hg-activity-user-state-badge,
    .hg-activity-card-compact .hg-activity-status-badge {
        max-width: 98px;
    }
}


/* ACTIVITY CARD 1.5 — full-width title/community + WP emoji View */
.hg-activity-card-compact .hg-activity-card-name-community-row {
    grid-template-columns: minmax(0,45fr) minmax(14px,10fr) minmax(0,45fr);
    gap: 0;
    width: 100%;
}
.hg-activity-card-compact .hg-activity-card-top-spacer { min-width: 14px; }
.hg-activity-card-compact .hg-activity-card-community { text-align: right; }
.hg-activity-card-compact .hg-activity-card-view-button {
    width: auto;
    height: 27px;
    min-width: 0;
    padding: 4px 8px;
    gap: 4px;
    border: 1px solid #dce4ee;
    border-radius: 8px;
    background: #fff;
    color: #40546c;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none ;
}
.hg-activity-card-compact .hg-activity-card-view-button:hover,
.hg-activity-card-compact .hg-activity-card-view-button:focus-visible {
    background: #f5f8fc;
    color: #244d98;
    border-color: #cad8e8;
    text-decoration: none ;
}
.hg-activity-card-compact .hg-activity-card-view-emoji {
    display: inline-flex;
    line-height: 1;
    font-size: 13px;
}
.hg-activity-card-compact .hg-activity-type-combined {
    max-width: none;
    width: auto;
    overflow: visible;
    text-overflow: clip;
    flex: 0 1 auto;
}
.hg-activity-card-compact .hg-activity-card-type-group {
    overflow: visible;
    min-width: 0;
}
.hg-activity-card-compact .hg-activity-card-state-group {
    flex: 0 0 auto;
    overflow: visible;
}
@media (max-width: 560px) {
    .hg-activity-card-compact .hg-activity-card-name-community-row {
        grid-template-columns: minmax(0,45fr) minmax(10px,10fr) minmax(0,45fr);
        gap: 0;
    }
    .hg-activity-card-compact .hg-activity-type-combined {
        font-size: 9px;
        padding-left: 6px;
        padding-right: 6px;
    }
}

/* ============================================================
 * BASIC ECONOMICS + APPLICATION BUILDER — MOBILE / ADMIN CLEANUP
 * Version: 1.3.0
 * Participation Cost and Reward are intentionally separate.
 * ============================================================ */
.hg-activity-economics-basic {
    width: 100%;
    min-width: 0;
    margin: 12px 0;
    padding: 14px;
    border: 1px solid #dfe6ee;
    border-radius: 12px;
    background: #fbfcfe;
    box-sizing: border-box;
    overflow: hidden;
}
.hg-activity-economics-head { min-width: 0; margin-bottom: 12px; }
.hg-activity-economics-head h4 { margin: 0 0 4px; color: #173f70; font-size: 14px; line-height: 1.3; }
.hg-activity-economics-head p { margin: 0; }
.hg-economics-primary-row,
.hg-economics-conditional,
.hg-economics-conditional .hg-form-row { min-width: 0; }
.hg-economics-conditional {
    width: 100%;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid #e3e8ef;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
}
.hg-economics-inline-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 9px 10px;
    border: 1px solid #dfe5ec;
    border-radius: 8px;
    background: #f8fafc;
    color: #4f5f73;
    font-size: 12px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

/* Shared Application Builder must never overflow its card/modal. */
#hg-create-activity-modal .hg-application-builder,
#hg-create-activity-modal .hg-application-builder *,
.hg-application-builder,
.hg-application-builder * { box-sizing: border-box; }
.hg-application-builder,
.hg-application-builder-head,
.hg-application-preset-box,
.hg-application-questions,
.hg-application-question,
.hg-application-question .hg-form-row,
.hg-application-question .hg-form-group { min-width: 0; max-width: 100%; }
.hg-application-builder-head p,
.hg-application-fixed-fields,
.hg-application-preset-box,
.hg-application-question label,
.hg-application-question small { overflow-wrap: anywhere; word-break: normal; }
.hg-application-preset-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 7px;
}
.hg-application-preset-buttons .hg-button {
    width: 100%;
    min-width: 0;
    min-height: 34px;
    padding: 6px 9px;
    white-space: normal;
    line-height: 1.25;
    text-align: left;
    justify-content: flex-start;
    overflow-wrap: anywhere;
}
.hg-application-question input:not([type="checkbox"]):not([type="radio"]),
.hg-application-question select,
.hg-application-question textarea,
.hg-activity-economics-basic input:not([type="checkbox"]):not([type="radio"]),
.hg-activity-economics-basic select,
.hg-activity-economics-basic textarea {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

/* WordPress admin: sober compact container; keep native WP controls. */
body.wp-admin #hg-create-activity-modal .hg-activity-economics-basic,
body.wp-admin #hg-create-activity-modal .hg-application-builder {
    font-size: 13px;
}
body.wp-admin #hg-create-activity-modal .hg-activity-economics-basic {
    padding: 12px;
    border-color: #dcdcde;
    border-radius: 6px;
    background: #fff;
}
body.wp-admin #hg-create-activity-modal .hg-economics-conditional,
body.wp-admin #hg-create-activity-modal .hg-application-preset-box,
body.wp-admin #hg-create-activity-modal .hg-application-question,
body.wp-admin #hg-create-activity-modal .hg-application-fixed-fields {
    border-color: #dcdcde;
    border-radius: 5px;
}
body.wp-admin #hg-create-activity-modal .hg-economics-inline-summary {
    border-color: #dcdcde;
    border-radius: 4px;
    background: #f6f7f7;
}

@media (max-width: 700px) {
    #hg-create-activity-modal .hg-activity-economics-basic,
    #hg-create-activity-modal .hg-application-builder {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
    #hg-create-activity-modal .hg-activity-economics-basic {
        margin: 9px 0;
        padding: 10px;
        border-radius: 10px;
    }
    #hg-create-activity-modal .hg-activity-economics-head { margin-bottom: 9px; }
    #hg-create-activity-modal .hg-activity-economics-head h4 { font-size: 13px; }
    #hg-create-activity-modal .hg-activity-economics-head .hg-small,
    #hg-create-activity-modal .hg-application-builder .hg-small { font-size: 10.5px; line-height: 1.4; }
    #hg-create-activity-modal .hg-economics-conditional { padding: 9px; margin-top: 8px; }
    #hg-create-activity-modal .hg-economics-inline-summary { min-height: 0; padding: 8px; font-size: 11px; }
    #hg-create-activity-modal .hg-application-preset-box,
    #hg-create-activity-modal .hg-application-question { padding: 9px; border-radius: 8px; }
    #hg-create-activity-modal .hg-application-preset-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
    #hg-create-activity-modal .hg-application-preset-buttons .hg-button { font-size: 10.5px; min-height: 32px; padding: 6px 7px; }
    #hg-create-activity-modal .hg-application-question .hg-form-row { grid-template-columns: 1fr; gap: 8px; }
    #hg-create-activity-modal .hg-question-actions { justify-content: flex-start; }
    #hg-create-activity-modal .hg-remove-application-question { width: auto; min-width: 0; }
}

@media (max-width: 420px) {
    #hg-create-activity-modal .hg-application-preset-buttons { grid-template-columns: 1fr; }
}


/* ============================================================
 * Activities > Applications dedicated review inbox
 * ============================================================ */
.hg-applications-page{display:grid;gap:14px;min-width:0}
.hg-applications-page-head{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid #dce4ed;border-radius:13px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 3px 0 #d0d9e4,0 8px 18px rgba(20,47,82,.07);}
.hg-applications-page-head h3{margin:2px 0 4px;color:#142f52}.hg-applications-page-head p{margin:0;color:#64748b;font-size:12px}.hg-section-kicker{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#60758c}
.hg-applications-pending-total{display:grid;place-items:center;padding:8px 10px;border-radius:11px;background:#fff8dc;border:1px solid #f4df9b;box-shadow:inset 0 1px 0 #fff,0 2px 0 #e4cc7d;}.hg-applications-pending-total strong{font-size:20px;color:#7c5b00}.hg-applications-pending-total span{font-size:9px;font-weight:800;text-transform:uppercase;color:#7c5b00}
.hg-application-status-tabs{}.hg-application-status-tab{display:inline-flex;align-items:center;text-decoration:none;}.hg-application-status-tab b{display:inline-grid;place-items:center;background:#edf2f7;}.hg-application-status-tab.is-active{}.hg-application-status-tab.is-active b{background:rgba(255,255,255,.2)}
.hg-applications-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr) auto;gap:9px;align-items:end;padding:10px;border:1px solid #e1e7ee;border-radius:11px;background:#fff}.hg-applications-filters label{display:grid;gap:4px;min-width:0}.hg-applications-filters label>span{font-size:9.5px;font-weight:800;color:#607086;text-transform:uppercase}.hg-applications-filters input,.hg-applications-filters select{width:100%;min-width:0}
.hg-application-inbox-list{display:grid;}.hg-application-inbox-card{min-width:0;border:1px solid #d8e0e9;border-radius:12px;background:#fff;}
.hg-application-inbox-summary{}.hg-application-photo-thumb{border:1px solid #cfd8e3;background:#eef3f7;padding:0;display:grid;place-items:center;cursor:pointer;}.hg-application-photo-thumb img{}.hg-application-photo-thumb.is-empty{font-size:20px}
.hg-application-inbox-person{}.hg-application-inbox-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.hg-application-inbox-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.hg-application-inbox-person small{}
.hg-application-inbox-meta{}.hg-application-inbox-meta small{font-size:9px;}.hg-application-status-badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;background:#eef2f6;color:#526071}.hg-application-status-badge.is-pending{background:#fff3cd;color:#765800}.hg-application-status-badge.is-approved{background:#e8f7ee;color:#1e6b3a}.hg-application-status-badge.is-rejected{background:#fff0f0;color:#9d2b2b}.hg-application-status-badge.is-revision_requested{background:#eef4ff;color:#325f99}
.hg-application-inbox-actions{}.hg-application-inbox-actions .hg-button,.hg-application-review-actions--inbox .hg-button{min-height:29px;padding:5px 9px;font-size:9.5px}
.hg-application-inbox-detail{margin-top:10px;padding-top:10px;border-top:1px solid #e7ecf1}.hg-application-inbox-detail[hidden]{display:none}.hg-application-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hg-application-inbox-detail section{min-width:0;padding:9px;border:1px solid #e4eaf0;border-radius:9px;background:#f9fbfd}.hg-application-inbox-detail h4{margin:0 0 7px;font-size:11px;color:#243b57}.hg-application-inbox-detail dl{display:grid;gap:5px;margin:0}.hg-application-inbox-detail dl>div{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);gap:7px}.hg-application-inbox-detail dt{font-size:9.5px;color:#68798b}.hg-application-inbox-detail dd{margin:0;text-align:right;font-size:10px;font-weight:700;color:#243b57;overflow-wrap:anywhere}.hg-application-answers-block,.hg-application-message-block{margin-top:9px}.hg-application-message-block p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10.5px;color:#40546c}
.hg-application-review-actions--inbox{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.hg-button-danger{background:#b42318;border-color:#912018;color:#fff}
.hg-applications-pagination{display:flex;justify-content:center;gap:6px}.hg-applications-pagination a{display:grid;place-items:center;min-width:30px;height:30px;border:1px solid #d5dde6;border-radius:8px;background:#fff;text-decoration:none}.hg-applications-pagination a.is-current{background:#173f70;color:#fff;border-color:#173f70}
.hg-application-photo-lightbox{position:fixed;inset:0;z-index:100080;display:grid;place-items:center;padding:18px}.hg-application-photo-lightbox[hidden]{display:none}.hg-application-photo-lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(8,18,32,.78);cursor:pointer}.hg-application-photo-lightbox-dialog{position:relative;z-index:1;padding:10px;border-radius:13px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.35);}.hg-application-photo-lightbox-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 3px 8px}.hg-application-photo-lightbox-head button{width:30px;height:30px;border:0;border-radius:50%;font-size:20px;background:#eef2f6;cursor:pointer}.hg-application-photo-lightbox-dialog img{display:block;max-width:100%;margin:auto;border-radius:9px;object-fit:contain}

@media(max-width:640px){
 .hg-applications-page{gap:9px}.hg-applications-page-head{padding:10px;align-items:center}.hg-applications-page-head h3{font-size:15px}.hg-applications-page-head p{font-size:10px}.hg-applications-pending-total{min-width:58px;padding:6px}.hg-applications-pending-total strong{font-size:16px}
 .hg-application-status-tab{padding:5px 7px;font-size:9px;border-radius:7px}.hg-application-status-tab b{min-width:17px;height:17px;font-size:8px}
 .hg-applications-filters{grid-template-columns:1fr;padding:8px}.hg-applications-filters .hg-button{width:100%;justify-content:center}
 .hg-application-inbox-card{padding:8px;border-radius:10px}.hg-application-inbox-summary{grid-template-columns:auto minmax(0,1fr);gap:7px}.hg-application-inbox-meta{grid-column:2;justify-items:start}.hg-application-photo-thumb{width:44px;height:44px;border-radius:8px}.hg-application-inbox-person strong{font-size:11px}.hg-application-inbox-person span{font-size:9.5px}
 .hg-application-inbox-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.hg-application-inbox-actions .hg-button{min-width:0;width:100%;padding:4px 6px;font-size:8.7px;justify-content:center}.hg-application-detail-grid{grid-template-columns:1fr}.hg-application-inbox-detail{padding-top:8px}.hg-application-inbox-detail section{padding:7px}.hg-application-inbox-detail dl>div{grid-template-columns:minmax(72px,.7fr) minmax(0,1.3fr)}.hg-application-inbox-detail dt{font-size:8.7px}.hg-application-inbox-detail dd{font-size:9.3px}.hg-application-review-actions--inbox{display:grid;grid-template-columns:1fr 1fr}.hg-application-review-actions--inbox .hg-button{min-width:0;width:100%;font-size:8.7px;padding:4px 6px;justify-content:center}
}

/* ============================================================
 * APPLICATIONS RUNTIME FIX — compact inbox + modal review
 * ============================================================ */
.hg-application-view-modal[hidden]{}
.hg-application-view-modal{}
.hg-application-view-modal-backdrop{cursor:pointer;}
.hg-application-view-modal-dialog{grid-template-rows:auto minmax(0,1fr);}
.hg-application-view-modal-head{}
.hg-application-view-modal-head>div{display:grid;gap:2px;min-width:0}.hg-application-view-modal-head strong{font-size:14px;color:#173f70;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hg-application-view-modal-close{cursor:pointer;}
.hg-application-view-modal-body{overflow:auto;}
.hg-application-view-modal-body .hg-application-inbox-detail{margin:0;}
.hg-application-view-modal-body .hg-application-detail-links{margin:9px 0;display:flex;justify-content:flex-end}

.hg-application-inbox-card{}
.hg-application-inbox-actions{margin-top:6px;}
.hg-application-inbox-actions .hg-button{}
.hg-application-inbox-actions .hg-button-danger{box-shadow:0 2px 0 rgba(145,43,43,.2)}
.hg-application-inbox-detail{display:none}
.hg-application-answer-public-badge{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:999px;background:#e9f3ff;color:#245f9f;font-size:8px;font-weight:800;text-transform:uppercase;vertical-align:middle}
.hg-question-public-limit{display:block;margin-top:4px;color:#2f6598;font-weight:700}
.hg-public-answer-note{display:block;margin-top:4px;color:#2f6598;font-weight:700}
.hg-entry-card-custom-public strong,.hg-contest-candidate-custom-public p,.hg-candidate-app-card-custom-public p{overflow-wrap:anywhere}

@media (max-width:680px){
 .hg-application-inbox-card{padding:7px}
 .hg-application-inbox-summary{gap:6px}.hg-application-photo-thumb{width:40px;height:40px}
 .hg-application-inbox-meta small{display:none}
 .hg-application-inbox-actions{display:flex;justify-content:flex-end;flex-wrap:nowrap}
 .hg-application-inbox-actions .hg-button{width:32px;min-width:32px;height:30px;min-height:30px;padding:0;display:grid;place-items:center;font-size:12px;border-radius:8px}
 .hg-application-inbox-actions .hg-action-label{display:none}
 .hg-application-view-modal{padding:7px}
 .hg-application-view-modal-dialog{width:100%;max-height:94vh;border-radius:12px}
 .hg-application-view-modal-head{padding:9px 10px}.hg-application-view-modal-body{padding:8px}
 .hg-application-view-modal-body .hg-application-detail-grid{grid-template-columns:1fr}
 .hg-application-view-modal-body .hg-application-review-actions--inbox{display:grid;grid-template-columns:1fr 1fr;gap:5px}
 .hg-application-view-modal-body .hg-application-review-actions--inbox .hg-button{min-height:31px;padding:5px 7px;font-size:9px}
}

/* ============================================================
   2026-08-23 — ACTIVITIES RAIL + APPLICATIONS COMPACT INBOX
   Match the inset "shelf" language used by Chat and keep
   Applications compact/mobile-first. No JS dependency.
   ============================================================ */

/* Activities top navigation: inset rail / "trou" like Chat. */
.hg-activities-container .hg-activities-sub-tabs {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    flex-wrap: nowrap;
    margin: 0 0 16px;
    padding: 9px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    border: 1px solid #dfe9f5;
    border-radius: 14px;
    background: linear-gradient(180deg, #eef4fb 0%, #f7faff 52%, #ffffff 100%);
    box-shadow:
        inset 0 2px 5px rgba(15, 23, 42, 0.07),
        inset 0 -1px 0 rgba(255, 255, 255, 0.9);
}

.hg-activities-container .hg-activities-sub-tabs::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.hg-connect-wrapper .hg-activities-container a.hg-activities-sub-tab {
    display: inline-flex;
    flex: 0 0 auto;
    min-width: 98px;
    min-height: 35px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 8px 11px;
    color: #536176;
    background: #fff;
    border: 1px solid #d9e3ef;
    border-radius: 10px;
    box-shadow:
        -2px 3px 0 rgba(15, 23, 42, 0.08),
        0 5px 12px rgba(15, 23, 42, 0.06);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none ;
    white-space: nowrap;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease;
}

.hg-activities-container .hg-activities-sub-tab:hover,
.hg-activities-container .hg-activities-sub-tab:focus-visible {
    color: var(--hg-activity-primary);
    background: #fff;
    border-color: #b7cbe5;
    box-shadow:
        -3px 4px 0 rgba(15, 23, 42, 0.10),
        0 8px 16px rgba(15, 23, 42, 0.10);
    transform: translate(1px, -1px);
    text-decoration: none;
}

.hg-activities-container .hg-activities-sub-tab.active,
.hg-activities-container .hg-activities-sub-tab[aria-current="page"] {
    color: #fff;
    background: var(--hg-activity-primary);
    border-color: var(--hg-activity-primary);
    box-shadow:
        -3px 4px 0 rgba(0, 29, 110, 0.18),
        0 8px 16px rgba(0, 29, 110, 0.18);
    transform: translate(1px, -1px);
}

/* Keep wp-admin from flattening the shared rail. */
body.wp-admin .hg-activities-container .hg-activities-sub-tabs {
    padding: 9px 10px;
    background: linear-gradient(180deg, #eef4fb 0%, #f7faff 52%, #ffffff 100%);
    border-color: #dfe9f5;
    border-radius: 14px;
    box-shadow:
        inset 0 2px 5px rgba(15, 23, 42, 0.07),
        inset 0 -1px 0 rgba(255, 255, 255, 0.9);
    scrollbar-width: none;
}

body.wp-admin .hg-activities-container .hg-activities-sub-tab {
    min-height: 35px;
    padding: 8px 11px;
    font-size: 11px;
    font-weight: 800;
    border-radius: 10px;
}

/* ------------------------------------------------------------
   Applications compact list
   ------------------------------------------------------------ */
.hg-applications-page,
.hg-applications-page * {
    min-width: 0;
}

.hg-application-inbox-card {
    
}

.hg-application-inbox-summary,
.hg-application-inbox-person,
.hg-application-inbox-meta,
.hg-application-inbox-actions {
    max-width: 100%;
}

.hg-application-inbox-person strong,
.hg-application-inbox-person span,
.hg-application-inbox-person small,
.hg-application-inbox-meta small {
    min-width: 0;
    max-width: 100%;
}

.hg-application-applied-date span {
    font-weight: 700;
    color: #65778c;
}

/* Desktop: compact actions stay on one line. */
.hg-application-inbox-actions,
.hg-application-review-actions--inbox {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
}

.hg-application-inbox-actions .hg-button,
.hg-application-review-actions--inbox .hg-button {
    flex: 0 0 auto;
    min-width: 0;
    white-space: nowrap;
}

/* Application modal: clean fixed dialog, no content escaping. */
.hg-application-view-modal {
    
}

.hg-application-view-modal-dialog {
    
    
    
    
}

.hg-application-view-modal-head {
    
    
}

.hg-application-view-modal-title-wrap {
    display: grid;
    min-width: 0;
}

.hg-application-view-modal-title-wrap .hg-section-kicker,
.hg-application-view-modal-title-wrap strong {
    display: block;
    min-width: 0;
}

.hg-application-view-modal-title-wrap strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hg-application-view-modal-close,
.hg-application-photo-lightbox-head button {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    padding: 0 ;
    display: inline-grid ;
    place-items: center ;
    line-height: 1 ;
    text-align: center;
    text-indent: 0;
    overflow: hidden;
}

.hg-application-view-modal-close {
    
    
    
}

.hg-application-view-modal-body,
.hg-application-view-modal-body * {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.hg-application-view-modal-body .hg-application-review-actions--inbox {
}

.hg-application-photo-lightbox-dialog {
}

/* ------------------------------------------------------------
   Mobile-first Applications row: photo + identity + status,
   icon actions in a narrow right rail.
   ------------------------------------------------------------ */
@media (max-width: 640px) {
    .hg-activities-container .hg-activities-header {
        margin-bottom: 10px;
        padding-bottom: 9px;
        gap: 6px;
    }

    .hg-activities-container .hg-activities-title h2 {
        font-size: 17px;
    }

    .hg-activities-container .hg-activities-subtitle {
        font-size: 10.5px;
    }

    .hg-activities-container .hg-activities-sub-tabs {
        gap: 3px;
        margin-bottom: 10px;
        padding: 7px 8px;
        border-radius: 12px;
        scroll-padding-inline: 8px;
    }

    .hg-connect-wrapper .hg-activities-container a.hg-activities-sub-tab,
    body.wp-admin .hg-activities-container .hg-activities-sub-tab {
        min-height: 31px;
        padding: 6px 9px;
        gap: 4px;
        border-radius: 8px;
        font-size: 9.5px;
        box-shadow:
            -2px 2px 0 rgba(15, 23, 42, 0.07),
            0 4px 8px rgba(15, 23, 42, 0.05);
    }

    .hg-application-inbox-list {
        gap: 7px;
    }

    .hg-application-inbox-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto;
        gap: 5px;
        align-items: center;
        padding: 6px 7px;
        border-radius: 9px;
        box-shadow: 0 2px 0 #d0d8e2, 0 5px 10px rgba(20,47,82,.05);
    }

    .hg-application-inbox-summary {
        grid-column: 1;
        grid-row: 1;
        display: grid;
        grid-template-columns: 36px minmax(0,1fr);
    }

    .hg-application-photo-thumb {
        border-radius: 7px;
    }

    .hg-application-photo-thumb.is-empty {
        font-size: 15px;
    }

    .hg-application-inbox-person {
        overflow: hidden;
    }

    .hg-application-inbox-person strong {
        font-size: 10.5px;
    }

    .hg-application-inbox-person span {
        font-size: 9px;
    }

    /* Community is secondary on a tiny card; modal keeps it. */
    .hg-application-inbox-person small {
        display: none;
    }

    .hg-application-inbox-meta {
        grid-column: 2;
        grid-row: 2;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .hg-application-status-badge {
        padding: 2px 5px;
        font-size: 7.5px;
        line-height: 1.2;
    }

    .hg-application-inbox-meta small {
        display: inline-flex;
        gap: 3px;
        font-size: 7.7px;
        line-height: 1.1;
        color: #78879a;
        white-space: nowrap;
    }

    .hg-application-inbox-actions {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        justify-self: end;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        margin: 0;
    }

    .hg-application-inbox-actions .hg-button {
        padding: 0 ;
        display: grid;
        place-items: center;
        border: 0 ;
        border-radius: 7px;
        background: transparent ;
        font-size: 12px;
    }

    .hg-application-inbox-actions .hg-button:hover,
    .hg-application-inbox-actions .hg-button:focus-visible {
        background: #eef4fb ;
        transform: none;
    }

    .hg-application-inbox-actions .hg-button-danger:hover,
    .hg-application-inbox-actions .hg-button-danger:focus-visible {
        background: #fff0f0 ;
    }

    .hg-application-inbox-actions .hg-action-label {
        display: none ;
    }

    .hg-application-view-modal {
        padding: 5px;
    }

    .hg-application-view-modal-dialog {
        border-radius: 11px;
    }

    .hg-application-view-modal-head {
        padding: 7px 8px 7px 10px;
    }

    .hg-application-view-modal-title-wrap {
        gap: 1px;
    }

    .hg-application-view-modal-title-wrap .hg-section-kicker {
        font-size: 7.5px;
    }

    .hg-application-view-modal-title-wrap strong {
        font-size: 11.5px;
    }

    .hg-application-view-modal-close {
        font-size: 18px;
    }

    .hg-application-view-modal-body {
        padding: 7px;
    }

    .hg-application-view-modal-body .hg-application-inbox-detail section {
        padding: 6px;
        border-radius: 8px;
    }

    .hg-application-view-modal-body .hg-application-inbox-detail h4 {
        font-size: 10px;
        margin-bottom: 5px;
    }

    .hg-application-view-modal-body .hg-application-inbox-detail dl > div {
        grid-template-columns: minmax(68px,.72fr) minmax(0,1.28fr);
    }

    .hg-application-view-modal-body .hg-application-inbox-detail dt {
        font-size: 8px;
    }

    .hg-application-view-modal-body .hg-application-inbox-detail dd {
        font-size: 8.6px;
    }

    .hg-application-view-modal-body .hg-application-review-actions--inbox {
        display: flex;
        flex-wrap: nowrap;
        gap: 4px;
        justify-content: stretch;
    }

    .hg-application-view-modal-body .hg-application-review-actions--inbox .hg-button {
        flex: 1 1 0;
        min-width: 0;
        min-height: 29px;
        padding: 4px 5px;
        font-size: 8px;
        white-space: nowrap;
    }

    .hg-application-photo-lightbox {
        padding: 5px;
    }

    .hg-application-photo-lightbox-dialog {
        width: calc(100vw - 10px);
        max-width: calc(100vw - 10px);
        max-height: 96vh;
        padding: 7px;
        border-radius: 10px;
    }

    .hg-application-photo-lightbox-dialog img {
        max-height: calc(96vh - 52px);
    }
}

/* ============================================================
   APPLICATION REVIEW INBOX — FINAL COMPACT LAYOUT
   Identity left / meta center-right / photo far right / action tray below.
   This block intentionally comes last to override older experimental rules.
   ============================================================ */
.hg-applications-page-head {
    align-items: center;
    overflow: hidden;
}

.hg-applications-page-head > div:first-child {
    min-width: 0;
    flex: 1 1 auto;
}

.hg-applications-pending-total {
    flex: 0 0 auto;
    min-width: 68px;
    max-width: 82px;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
}

.hg-applications-pending-total strong,
.hg-applications-pending-total span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hg-application-inbox-card {
    display: block;
    
    
}

.hg-application-inbox-summary {
    
    
    
    
    
    
}

.hg-application-inbox-person {
    
    
    
    
    
    
}

.hg-application-inbox-person strong,
.hg-application-inbox-person span,
.hg-application-inbox-person small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hg-application-inbox-person strong {
    font-size: 12px;
    line-height: 1.15;
    color: #17314f;
}

.hg-application-inbox-person span {
    font-size: 10.5px;
    line-height: 1.15;
    color: #42576d;
}

.hg-application-inbox-person small {
    font-size: 9.5px;
    line-height: 1.15;
    color: #7a8b9e;
}

.hg-application-inbox-meta {
    
    
    
    
    
    gap: 4px;
    
    
    
}

.hg-application-inbox-meta .hg-application-status-badge {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hg-application-applied-date {
    
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    
    text-align: right;
    
}

.hg-application-photo-thumb {
    
    
    
    
    
    
    border-radius: 9px;
    overflow: hidden;
}

.hg-application-photo-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hg-application-inbox-actions {
    
    
    
    
    
    
    justify-content: flex-end;
    
    flex-wrap: nowrap;
    
    
    
    
    box-sizing: border-box;
}

.hg-application-inbox-actions .hg-button {
    
    
    
    
    
    
    
    gap: 0 ;
    
    
    
    
}

.hg-application-inbox-actions .hg-button span[aria-hidden="true"] {
    display: block;
    line-height: 1;
}

.hg-application-inbox-actions .hg-action-label {
    
}

/* ============================================================
   APPLICATION VIEW MODAL — FULL CLEAN REVIEW PANEL
   ============================================================ */
.hg-application-view-modal {
    position: fixed;
    inset: 0;
    z-index: 100070;
    display: grid;
    place-items: center;
    padding: 14px;
}

.hg-application-view-modal[hidden] {
    display: none ;
}

.hg-application-view-modal-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    background: rgba(9, 22, 38, .72);
    backdrop-filter: blur(2px);
}

.hg-application-view-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(760px, calc(100vw - 28px));
    max-width: calc(100vw - 28px);
    max-height: 91vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cbd7e5;
    border-radius: 16px;
    background: #fff;
    box-shadow:
        0 3px 0 #aab9ca,
        0 24px 70px rgba(8, 25, 45, .32),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.hg-application-view-modal-head {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 56px;
    padding: 10px 12px 10px 15px;
    border-bottom: 1px solid #d8e2ed;
    background: linear-gradient(180deg, #f7fbff 0%, #eaf2fb 100%);
    box-shadow: inset 0 -2px 5px rgba(26, 57, 91, .06);
}

.hg-application-view-modal-title-wrap .hg-section-kicker {
    font-size: 8px;
}

.hg-application-view-modal-title-wrap strong {
    font-size: 14px;
    color: #17314f;
    text-shadow: 0 1px 0 #fff;
}

.hg-application-view-modal-close {
    flex: 0 0 30px;
    width: 30px ;
    height: 30px ;
    min-width: 30px ;
    min-height: 30px ;
    padding: 0 ;
    display: grid ;
    place-items: center ;
    border: 1px solid #cbd7e4 ;
    border-radius: 50% ;
    background: #fff ;
    color: #1f3650 ;
    font-family: Arial, sans-serif ;
    font-size: 20px ;
    font-weight: 700 ;
    line-height: 1 ;
    text-align: center ;
    box-shadow: 0 2px 0 #c7d2df ;
}

.hg-application-view-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    
    background: #f8fbfe;
}

.hg-application-view-modal-body .hg-application-inbox-detail {
    
    
    padding: 0;
    border: 0;
}

.hg-application-modal-applicant-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;
    grid-template-areas: "copy photo";
    gap: 14px;
    align-items: stretch;
    padding: 11px;
    border: 1px solid #d8e2ed;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff 0%, #f4f8fc 100%);
    box-shadow: 0 2px 0 #d8e1eb, 0 8px 18px rgba(30, 61, 95, .06);
}

.hg-application-modal-photo {
    grid-area: photo;
    width: 150px;
    height: 118px;
    min-width: 150px;
    min-height: 118px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccd8e5;
    border-radius: 11px;
    background: #eef3f8;
    box-shadow: inset 0 1px 3px rgba(20,47,82,.08);
    cursor: zoom-in;
}

.hg-application-modal-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #edf2f7;
}

.hg-application-modal-photo.is-empty {
    display: grid;
    place-items: center;
    font-size: 30px;
    cursor: default;
}

.hg-application-modal-applicant-copy {
    grid-area: copy;
    min-width: 0;
    display: grid;
    align-content: center;
    gap: 4px;
}

.hg-application-modal-applicant-copy > strong {
    font-size: 17px;
    color: #17314f;
}

.hg-application-modal-applicant-copy > span,
.hg-application-modal-applicant-copy > small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hg-application-modal-applicant-copy > span {
    font-size: 12px;
    color: #42566c;
}

.hg-application-modal-applicant-copy > small {
    font-size: 10px;
    color: #7a8b9e;
}

.hg-application-modal-applicant-meta {
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.hg-application-modal-applicant-meta small {
    font-size: 9px;
    color: #708196;
}

.hg-application-view-modal-body .hg-application-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.hg-application-view-modal-body .hg-application-inbox-detail section,
.hg-application-view-modal-body .hg-application-message-block,
.hg-application-view-modal-body .hg-application-answers-block {
    min-width: 0;
    padding: 10px;
    border: 1px solid #dde6ef;
    border-radius: 11px;
    background: #fff;
}

.hg-application-view-modal-body .hg-application-inbox-detail h4 {
    
    
    
    
    
}

.hg-application-view-modal-body .hg-application-inbox-detail dl {
    margin: 0;
}

.hg-application-view-modal-body .hg-application-inbox-detail dl > div {
    display: grid;
    grid-template-columns: minmax(90px, .8fr) minmax(0, 1.2fr);
    gap: 8px;
    padding: 5px 0;
    border-bottom: 1px solid #f1f4f7;
}

.hg-application-view-modal-body .hg-application-inbox-detail dl > div:last-child {
    border-bottom: 0;
}

.hg-application-view-modal-body .hg-application-inbox-detail dt {
    font-size: 9px;
    font-weight: 800;
    color: #66798f;
}

.hg-application-view-modal-body .hg-application-inbox-detail dd {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 10px;
    color: #263c54;
}

.hg-application-modal-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    border: 1px solid #dce6f0;
    border-radius: 12px;
    background: linear-gradient(180deg, #f7faff, #eef4fa);
    box-shadow: inset 0 1px 4px rgba(20,47,82,.06);
}

.hg-application-modal-action-grid .hg-button {
    width: 100%;
    min-width: 0;
    min-height: 36px;
    padding: 7px 9px;
    justify-content: center;
    font-size: 10px;
    white-space: normal;
    text-align: center;
}

.hg-application-modal-action-grid .is-disabled {
    opacity: .5;
    pointer-events: none;
}

@media (max-width: 640px) {
    .hg-applications-page-head {
        padding: 8px;
        gap: 7px;
    }

    .hg-applications-page-head h3 {
        font-size: 14px;
    }

    .hg-applications-page-head p {
        font-size: 9px;
        line-height: 1.3;
    }

    .hg-applications-pending-total {
        min-width: 55px;
        max-width: 60px;
        padding: 5px 4px;
    }

    .hg-applications-pending-total strong {
        font-size: 14px;
        line-height: 1;
    }

    .hg-applications-pending-total span {
        margin-top: 2px;
        font-size: 7px;
    }

    .hg-application-inbox-card {
        padding: 7px 7px 6px;
        border-radius: 10px;
    }

    .hg-application-inbox-summary {
        grid-template-columns: minmax(0, 1fr) 64px 44px;
        grid-template-areas: "person meta photo";
    }

    .hg-application-inbox-person {
    }

    .hg-application-inbox-person strong {
        font-size: 10px;
    }

    .hg-application-inbox-person span {
        font-size: 8.6px;
    }

    .hg-application-inbox-person small {
        display: block ;
        font-size: 7.8px;
    }

    .hg-application-inbox-meta {
        gap: 2px;
    }

    .hg-application-status-badge {
        padding: 2px 4px;
        font-size: 6.8px;
    }

    .hg-application-applied-date {
        font-size: 6.8px ;
        line-height: 1.1;
    }

    .hg-application-applied-date span {
        display: none;
    }

    .hg-application-photo-thumb {
        border-radius: 8px;
    }

    .hg-application-inbox-actions {
        margin-top: 5px;
        padding: 2px 4px;
        justify-content: flex-end;
        gap: 3px;
        border-radius: 8px;
    }

    .hg-application-inbox-actions .hg-button {
        width: 23px ;
        min-width: 23px ;
        height: 23px ;
        min-height: 23px ;
        border-radius: 6px ;
        font-size: 11px ;
    }

    .hg-application-view-modal {
        padding: 5px;
    }

    .hg-application-view-modal-dialog {
        width: calc(100vw - 10px);
        max-width: calc(100vw - 10px);
        max-height: 96vh;
        border-radius: 12px;
    }

    .hg-application-view-modal-head {
        min-height: 46px;
        padding: 7px 8px 7px 10px;
    }

    .hg-application-view-modal-title-wrap strong {
        font-size: 11.5px;
    }

    .hg-application-view-modal-close {
        width: 28px ;
        min-width: 28px ;
        height: 28px ;
        min-height: 28px ;
        font-size: 18px ;
    }

    .hg-application-view-modal-body {
        padding: 7px;
    }

    .hg-application-modal-applicant-hero {
        grid-template-columns: minmax(0, 1fr) 100px;
        grid-template-areas: "copy photo";
        gap: 8px;
        padding: 8px;
    }

    .hg-application-modal-photo {
        width: 100px;
        height: 82px;
        min-width: 100px;
        min-height: 82px;
        border-radius: 8px;
    }

    .hg-application-modal-applicant-copy > strong {
        font-size: 13px;
    }

    .hg-application-modal-applicant-copy > span {
        font-size: 9.5px;
    }

    .hg-application-modal-applicant-copy > small {
        font-size: 8px;
    }

    .hg-application-modal-applicant-meta {
        gap: 4px;
    }

    .hg-application-modal-applicant-meta small {
        font-size: 7px;
    }

    .hg-application-view-modal-body .hg-application-detail-grid {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .hg-application-view-modal-body .hg-application-inbox-detail section,
    .hg-application-view-modal-body .hg-application-message-block,
    .hg-application-view-modal-body .hg-application-answers-block {
        padding: 7px;
        border-radius: 8px;
    }

    .hg-application-view-modal-body .hg-application-inbox-detail h4 {
        font-size: 9px;
        margin-bottom: 4px;
    }

    .hg-application-view-modal-body .hg-application-inbox-detail dl > div {
        grid-template-columns: minmax(68px, .75fr) minmax(0, 1.25fr);
        gap: 5px;
        padding: 4px 0;
    }

    .hg-application-view-modal-body .hg-application-inbox-detail dt {
        font-size: 7.6px;
    }

    .hg-application-view-modal-body .hg-application-inbox-detail dd {
        font-size: 8.2px;
    }

    .hg-application-modal-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
        padding: 7px;
        border-radius: 9px;
    }

    .hg-application-modal-action-grid .hg-button {
        min-height: 31px;
        padding: 5px 6px;
        font-size: 8px;
    }
}

/* ============================================================
   APPLICATION INBOX — LOCKED FINAL LAYOUT
   Photo far left / identity center / status+date far right.
   Action tray: approve left / view center / reject right.
   ============================================================ */
.hg-application-inbox-summary {
    
    
    grid-template-areas: "photo person meta" ;
    
    
    min-height: 52px ;
}

.hg-application-photo-thumb {
    grid-area: photo ;
    justify-self: start ;
    
    
    
    
}

.hg-application-inbox-person {
    grid-area: person ;
    min-width: 0 ;
    height: 52px ;
    display: grid ;
    align-content: center ;
    gap: 2px ;
}

.hg-application-inbox-meta {
    grid-area: meta ;
    align-self: stretch ;
    min-width: 74px ;
    max-width: 110px ;
    display: grid ;
    align-content: space-between ;
    justify-items: end ;
    padding: 1px 0 ;
}

.hg-application-inbox-actions {
    
    
    
    
    
    
    gap: 4px ;
    
    
    
    
}

.hg-application-inbox-actions .hg-button {
    width: 25px ;
    min-width: 25px ;
    height: 25px ;
    min-height: 25px ;
    padding: 0 ;
    display: grid ;
    place-items: center ;
    border-radius: 7px ;
    font-size: 12px ;
    line-height: 1 ;
    box-shadow: none ;
}

.hg-application-action-approve {  }
.hg-application-view-toggle {  }
.hg-application-action-reject {  }
.hg-application-action-spacer {   }
.hg-application-inbox-actions .hg-action-label { display: none ; }

/* Modal: header only title + close, then photo occupies its own row. */
.hg-application-view-modal-head > strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #17314f;
    font-size: 14px;
    font-weight: 800;
    text-shadow: 0 1px 0 #fff;
}

.hg-application-modal-photo-stage {
    width: 100%;
    
    
    
    
    
    
    
    
}

.hg-application-modal-photo-stage .hg-application-modal-photo {
    
    
    min-width: 0 ;
    min-height: 150px ;
    
    
}

.hg-application-view-modal-body .hg-application-contact-block,
.hg-application-view-modal-body .hg-application-candidate-block,
.hg-application-view-modal-body .hg-application-answers-block,
.hg-application-view-modal-body .hg-application-message-block {
    min-width: 0;
    
    
    
    
}

.hg-application-short-fields {
    display: grid;
    gap: 0;
    margin: 0;
}

.hg-application-short-fields > div {
    display: grid ;
    grid-template-columns: minmax(110px, .7fr) minmax(0, 1.3fr) ;
    gap: 10px ;
    align-items: start;
    padding: 6px 0 ;
    border-bottom: 1px solid #eef3f7 ;
}
.hg-application-short-fields > div:last-child { border-bottom: 0 ; }
.hg-application-short-fields dt {
    font-size: 9.5px ;
    font-weight: 800 ;
    color: #66798f ;
}
.hg-application-short-fields dd {
    margin: 0 ;
    min-width: 0;
    text-align: right ;
    overflow-wrap: anywhere;
    font-size: 10px ;
    color: #263c54 ;
}

.hg-application-answer-list {
    display: grid;
    
}

.hg-application-answer-card,
.hg-application-long-answer {
    min-width: 0;
    padding: 8px;
    border: 1px solid #e1e8f0;
    border-radius: 9px;
    background: #f8fbfe;
}

.hg-application-answer-question,
.hg-application-long-answer > strong {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 6px;
    color: #17314f;
    font-size: 9.5px;
    font-weight: 800;
}

.hg-application-answer-value,
.hg-application-long-answer > div {
    min-height: 34px;
    padding: 8px 9px;
    border: 1px solid #dce5ee;
    border-radius: 8px;
    background: #fff;
    color: #344a61;
    font-size: 10px;
    line-height: 1.45;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* ============================================================
   ACTIVITY PAGES DIRECTORY
   Direct shortcuts to Single Activity and type-specific Showcase pages.
   ============================================================ */
.hg-activity-pages-directory {
    display: grid;
    gap: 12px;
}

.hg-activity-pages-head {
    padding: 12px;
    border: 1px solid #dbe5ef;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff, #f5f9fd);
    box-shadow: 0 2px 0 #d8e1eb;
}

.hg-activity-pages-head h3 { margin: 0 0 4px; color: #17314f; font-size: 15px; }
.hg-activity-pages-head p { margin: 0; color: #617489; font-size: 10px; }

.hg-activity-pages-quick {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 2px 1px 6px;
    scrollbar-width: none;
}
.hg-activity-pages-quick::-webkit-scrollbar { display: none; }
.hg-activity-pages-quick .hg-button { flex: 0 0 auto; min-height: 30px; padding: 5px 8px; font-size: 9px; }

.hg-activity-pages-list { display: grid; gap: 8px; }
.hg-activity-page-shortcut-card {
    min-width: 0;
    
    border: 1px solid #dce5ee;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 0 #d8e1eb, 0 7px 16px rgba(20,47,82,.05);
}
.hg-activity-page-shortcut-main {
    
    
    
    
}
.hg-activity-page-shortcut-copy {  }
.hg-activity-page-shortcut-copy strong,
.hg-activity-page-shortcut-copy span,
.hg-activity-page-shortcut-copy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hg-activity-page-shortcut-copy strong { color: #17314f;  }
.hg-activity-page-shortcut-copy span {  color: #53677d;  }
.hg-activity-page-shortcut-copy small {  color: #7d8d9e;  }
.hg-activity-page-shortcut-actions {    justify-content: flex-end; }
.hg-activity-page-shortcut-actions .hg-button { min-height: 27px; padding: 4px 7px; font-size: 8.5px; }

@media (max-width: 640px) {
    .hg-application-inbox-summary {
        grid-template-columns: 44px minmax(0, 1fr) 62px ;
        grid-template-areas: "photo person meta" ;
        min-height: 44px ;
    }

    .hg-application-photo-thumb {
    }

    .hg-application-inbox-person { height: 44px ; gap: 1px ; }
    .hg-application-inbox-person strong { font-size: 9.8px ; }
    .hg-application-inbox-person span { font-size: 8.3px ; }
    .hg-application-inbox-person small { font-size: 7.5px ; }
    .hg-application-inbox-meta { min-width: 0 ; max-width: 62px ; }
    .hg-application-status-badge { max-width: 62px ; padding: 2px 4px ; font-size: 6.7px ; }
    .hg-application-applied-date { max-width: 62px ; font-size: 6.6px ; }

    .hg-application-inbox-actions {
        margin-top: 5px ;
        min-height: 28px ;
        padding: 2px 5px ;
    }
    .hg-application-inbox-actions .hg-button,
    .hg-application-action-spacer {
        width: 22px ;
        min-width: 22px ;
        height: 22px ;
        min-height: 22px ;
    }
    .hg-application-inbox-actions .hg-button { font-size: 10.5px ; border-radius: 6px ; }

    .hg-application-view-modal-head > strong { font-size: 11px; }
    .hg-application-modal-photo-stage { padding: 7px; }
    .hg-application-modal-photo-stage .hg-application-modal-photo {
        width: min(260px, 76vw) ;
        height: min(220px, 58vw) ;
        min-height: 130px ;
    }

    .hg-application-short-fields > div {
        grid-template-columns: minmax(72px, .72fr) minmax(0, 1.28fr) ;
        gap: 6px ;
        padding: 5px 0 ;
    }
    .hg-application-short-fields dt { font-size: 7.8px ; }
    .hg-application-short-fields dd { font-size: 8.3px ; }
    .hg-application-answer-question,
    .hg-application-long-answer > strong { font-size: 8px; }
    .hg-application-answer-value,
    .hg-application-long-answer > div { min-height: 30px; padding: 6px 7px; font-size: 8.3px; }

    .hg-activity-pages-head { padding: 9px; }
    .hg-activity-pages-head h3 { font-size: 13px; }
    .hg-activity-pages-head p { font-size: 8.5px; }
    .hg-activity-page-shortcut-card { padding: 7px; }
    .hg-activity-page-shortcut-main { grid-template-columns: minmax(0, 1fr); }
    .hg-activity-page-shortcut-actions { justify-content: flex-start; }
    .hg-activity-page-shortcut-actions .hg-button { min-height: 25px; padding: 4px 6px; font-size: 7.8px; }
}


/* ============================================================
   FINAL UI POLISH — Applications / Activity Pages / Showcase
   ============================================================ */
.hg-application-inbox-actions{
    
    
    
    
    
    
    
    
    
    
}
.hg-application-inbox-actions .hg-button,
.hg-application-inbox-actions .hg-button-primary,
.hg-application-inbox-actions .hg-button-secondary,
.hg-application-inbox-actions .hg-button-danger{
    width:20px;
    min-width:20px;
    height:20px;
    min-height:20px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    font-size:13px;
    line-height:20px;
    color:inherit;
}
.hg-application-inbox-actions .hg-button:hover,
.hg-application-inbox-actions .hg-button:focus-visible{
    background:transparent;
    box-shadow:none;
    transform:scale(1.08);
}
.hg-application-action-approve{}
.hg-application-view-toggle{}
.hg-application-action-reject{}
.hg-application-action-spacer{}

.hg-application-view-modal-body{
    padding:14px;
}
.hg-application-view-modal-body .hg-application-inbox-detail{
    display:grid;
    gap:14px;
}
.hg-application-modal-photo-stage{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:2px 0 4px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.hg-application-modal-photo-stage .hg-application-modal-photo{
    width:min(360px,72vw);
    height:min(300px,54vw);
    margin:0 auto;
    border:1px solid #d6e0ea;
    border-radius:13px;
    background:#fff;
    box-shadow:0 4px 14px rgba(24,49,78,.12);
}
.hg-application-view-modal-body .hg-application-contact-block,
.hg-application-view-modal-body .hg-application-candidate-block,
.hg-application-view-modal-body .hg-application-answers-block,
.hg-application-view-modal-body .hg-application-message-block{
    margin:0;
    padding:12px;
    border:1px solid #dce5ee;
    border-radius:12px;
    background:#fff;
    box-shadow:0 2px 8px rgba(28,52,78,.045);
}
.hg-application-view-modal-body .hg-application-inbox-detail h4{
    margin:0 0 10px;
    padding-bottom:7px;
    border-bottom:1px solid #edf2f6;
    color:#17314f;
    font-size:11px;
    line-height:1.3;
}
.hg-application-short-fields>div{padding:8px 0}
.hg-application-answer-list{gap:10px}
.hg-application-answer-card,.hg-application-long-answer{padding:10px}
.hg-application-answer-value,.hg-application-long-answer>div{padding:9px 10px;line-height:1.5}

.hg-activity-pages-quick,
.hg-activity-page-shortcut-actions{
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.hg-activity-pages-quick::-webkit-scrollbar,
.hg-activity-page-shortcut-actions::-webkit-scrollbar{display:none}
.hg-activity-pages-quick .hg-button,
.hg-activity-page-shortcut-actions .hg-button{
    flex:0 0 auto;
    min-height:23px;
    padding:3px 6px;
    border-radius:7px;
    font-size:7.8px;
    line-height:1.1;
}

.hg-showcase-toolbar .hg-showcase-activity-select{
    min-width:150px;
    max-width:240px;
    height:34px;
    border:1px solid #cbd7e3;
    border-radius:9px;
    background:#fff;
    color:#324a63;
    font-size:10px;
}

@media(max-width:640px){
    .hg-application-inbox-actions{min-height:22px;padding:1px 3px}
    .hg-application-inbox-actions .hg-button,
    .hg-application-action-spacer{width:18px;min-width:18px;height:18px;min-height:18px;font-size:12px;line-height:18px}
    .hg-application-view-modal-body{padding:9px}
    .hg-application-view-modal-body .hg-application-inbox-detail{gap:10px}
    .hg-application-modal-photo-stage .hg-application-modal-photo{width:min(290px,80vw);height:min(240px,62vw)}
    .hg-application-view-modal-body .hg-application-contact-block,
    .hg-application-view-modal-body .hg-application-candidate-block,
    .hg-application-view-modal-body .hg-application-answers-block,
    .hg-application-view-modal-body .hg-application-message-block{padding:9px}
    .hg-activity-page-shortcut-main{grid-template-columns:minmax(0,1fr);gap:6px}
    .hg-activity-page-shortcut-actions{justify-content:flex-start;width:100%;padding-bottom:2px}
    .hg-showcase-toolbar .hg-showcase-activity-select{width:100%;max-width:none;min-width:0;height:32px;font-size:9px}
}


/* ============================================================
   COMPACT RAILS + APPLICATION EMOJI ACTIONS — FINAL OVERRIDE
   ============================================================ */

/* Applications status = a real second inset rail, compact + swipeable. */
.hg-application-status-tabs {
    display:flex ;
    align-items:center ;
    gap:4px ;
    width:100% ;
    max-width:100% ;
    margin:8px 0 10px ;
    padding:5px ;
    overflow-x:auto ;
    overflow-y:hidden ;
    flex-wrap:nowrap ;
    border:1px solid #cbd9e7 ;
    border-radius:11px ;
    background:#edf4fa ;
    box-shadow:inset 0 2px 5px rgba(22,55,89,.14), 0 1px 0 #fff ;
    scrollbar-width:none ;
    -webkit-overflow-scrolling:touch ;
}
.hg-application-status-tabs::-webkit-scrollbar { display:none ; }
.hg-application-status-tab {
    flex:0 0 auto ;
    min-height:24px ;
    padding:3px 7px ;
    gap:4px ;
    border:1px solid #d1dce7 ;
    border-radius:7px ;
    background:#fff ;
    color:#38516b ;
    box-shadow:0 2px 0 #c4d0dc ;
    font-size:8.2px ;
    line-height:1 ;
    font-weight:800 ;
    white-space:nowrap ;
}
.hg-application-status-tab b {
    min-width:15px ;
    height:15px ;
    padding:0 4px ;
    border-radius:999px ;
    font-size:7px ;
    line-height:15px ;
}
.hg-application-status-tab.is-active {
    border-color:#173f70 ;
    background:#173f70 ;
    color:#fff ;
    box-shadow:inset 0 2px 4px rgba(0,0,0,.2), 0 2px 0 #0e2e52 ;
}

/* Compact inbox actions: NO generic button styling, emoji only. */
.hg-application-inbox-actions {
    display:grid ;
    grid-template-columns:1fr 1fr 1fr ;
    align-items:center ;
    width:100% ;
    
    
    
    
    
    
}
.hg-application-emoji-action {
    appearance:none ;
    -webkit-appearance:none ;
    display:grid ;
    place-items:center ;
    width:19px ;
    min-width:19px ;
    max-width:19px ;
    height:19px ;
    min-height:19px ;
    max-height:19px ;
    margin:0 ;
    
    
    border-radius:0 ;
    
    
    color:inherit ;
    font:inherit ;
    
    
    cursor:pointer ;
}
.hg-application-emoji-action:hover,
.hg-application-emoji-action:focus-visible {
    background:transparent ;
    box-shadow:none ;
    transform:scale(1.1) ;
    outline:0 ;
}
.hg-application-action-approve { justify-self:start ; }
.hg-application-view-toggle { justify-self:center ; }
.hg-application-action-reject { justify-self:end ; }
.hg-application-action-spacer {
    width:19px ;
    min-width:19px ;
    height:19px ;
    min-height:19px ;
}

/* Activity Pages = second inset rail under heading. */
.hg-activity-pages-subrail {
    display:flex ;
    align-items:center ;
    gap:4px ;
    width:100% ;
    max-width:100% ;
    margin:8px 0 8px ;
    padding:5px ;
    overflow-x:auto ;
    overflow-y:hidden ;
    flex-wrap:nowrap ;
    border:1px solid #cbd9e7 ;
    border-radius:11px ;
    background:#edf4fa ;
    box-shadow:inset 0 2px 5px rgba(22,55,89,.14), 0 1px 0 #fff ;
    scrollbar-width:none ;
    -webkit-overflow-scrolling:touch ;
}
.hg-activity-pages-subrail::-webkit-scrollbar { display:none ; }
.hg-activity-pages-rail-link {
    flex:0 0 auto ;
    display:inline-flex ;
    align-items:center ;
    min-height:24px ;
    padding:3px 7px ;
    border:1px solid #d1dce7 ;
    border-radius:7px ;
    background:#fff ;
    color:#38516b ;
    box-shadow:0 2px 0 #c4d0dc ;
    text-decoration:none ;
    font-size:8px ;
    line-height:1 ;
    font-weight:800 ;
    white-space:nowrap ;
}
.hg-activity-pages-rail-link:hover,
.hg-activity-pages-rail-link:focus-visible {
    transform:translateY(-1px) ;
    color:#173f70 ;
}

/* Activity Pages search stays small; not another giant control. */
.hg-activity-pages-search {
    display:grid ;
    grid-template-columns:minmax(0,1fr) auto ;
    gap:5px ;
    align-items:end ;
    margin:0 0 9px ;
}
.hg-activity-pages-search label { min-width:0 ; }
.hg-activity-pages-search label > span {  }
.hg-activity-pages-search input[type="search"] {
    width:100% ;
    min-width:0 ;
    height:29px ;
    padding:4px 8px ;
    font-size:9px ;
}
.hg-activity-pages-search-button {
    min-width:0 ;
    height:29px ;
    padding:4px 8px ;
    border:1px solid #cbd7e3 ;
    border-radius:7px ;
    background:#fff ;
    color:#314c69 ;
    box-shadow:0 2px 0 #c7d3df ;
    font-size:8px ;
    font-weight:800 ;
    cursor:pointer ;
}

/* Per-Activity page shortcuts: truly small, and scroll when needed. */
.hg-activity-page-shortcut-actions {
    
    flex-wrap:nowrap ;
    
    overflow-x:auto ;
    overflow-y:hidden ;
    scrollbar-width:none ;
    -webkit-overflow-scrolling:touch ;
    
}
.hg-activity-page-shortcut-actions::-webkit-scrollbar { display:none ; }
.hg-activity-page-mini-link {
    flex:0 0 auto ;
    display:inline-flex ;
    align-items:center ;
    
    
    border:1px solid #d1dce7 ;
    
    background:#fff ;
    color:#37516b ;
    box-shadow:0 1px 0 #c4d0dc ;
    text-decoration:none ;
    
    
    font-weight:800 ;
    
}
.hg-activity-page-mini-link.is-primary {
    border-color:#bed3e9 ;
    color:#174d84 ;
    background:#f4f9ff ;
}

@media (max-width:640px) {
    .hg-application-status-tabs,
    .hg-activity-pages-subrail { padding:4px ; gap:3px ; border-radius:9px ; }
    .hg-application-status-tab,
    .hg-activity-pages-rail-link {
        min-height:22px ;
        padding:3px 6px ;
        font-size:7.4px ;
        border-radius:6px ;
    }
    .hg-application-status-tab b { min-width:14px ; height:14px ; font-size:6.5px ; line-height:14px ; }
    .hg-application-inbox-actions { margin-top:3px ; padding:0 7px ; }
    .hg-application-emoji-action,
    .hg-application-action-spacer {
    }
    .hg-application-emoji-action { font-size:11px ; }
    .hg-activity-pages-search { grid-template-columns:minmax(0,1fr) 52px ; }
    .hg-activity-pages-search-button { width:52px ; padding:3px 4px ; font-size:7.4px ; }
    .hg-activity-page-mini-link { padding:2px 5px ; font-size:6.9px ; }
}


/* ============================================================
   SECOND-LEVEL ACTIVITY RAILS + COMPACT CARD POLISH — 2026-08-23
   Keeps Applications / Activity Pages / My Activities consistent.
   ============================================================ */

/* Shared visual language for every second-level rail. */
.hg-application-status-tabs,
.hg-activity-pages-subrail,
.hg-my-activities-sub-tabs {
    display:flex ;
    align-items:center ;
    gap:4px ;
    width:100% ;
    max-width:100% ;
    margin:8px 0 10px ;
    padding:5px ;
    overflow-x:auto ;
    overflow-y:hidden ;
    flex-wrap:nowrap ;
    border:1px solid #cbd9e7 ;
    border-radius:11px ;
    background:#edf4fa ;
    box-shadow:inset 0 2px 5px rgba(22,55,89,.14),0 1px 0 #fff ;
    scrollbar-width:none ;
    -webkit-overflow-scrolling:touch ;
}
.hg-application-status-tabs::-webkit-scrollbar,
.hg-activity-pages-subrail::-webkit-scrollbar,
.hg-my-activities-sub-tabs::-webkit-scrollbar { display:none ; }

.hg-application-status-tab,
.hg-activity-pages-rail-link,
.hg-my-activities-sub-tab {
    flex:0 0 auto ;
    display:inline-flex ;
    align-items:center ;
    gap:4px ;
    min-height:24px ;
    margin:0 ;
    padding:3px 7px ;
    border:1px solid #d1dce7 ;
    border-radius:7px ;
    background:#fff ;
    color:#38516b ;
    box-shadow:0 2px 0 #c4d0dc ;
    font-size:8.2px ;
    line-height:1 ;
    font-weight:800 ;
    white-space:nowrap ;
    text-decoration-line:underline ;
    text-decoration-thickness:1px ;
    text-underline-offset:2px ;
    text-decoration-color:currentColor ;
}
.hg-application-status-tab:hover,
.hg-application-status-tab:focus-visible,
.hg-activity-pages-rail-link:hover,
.hg-activity-pages-rail-link:focus-visible,
.hg-my-activities-sub-tab:hover,
.hg-my-activities-sub-tab:focus-visible {
    color:#173f70 ;
    background:#f8fbff ;
    transform:translateY(-1px) ;
}
.hg-application-status-tab.is-active,
.hg-my-activities-sub-tab.active {
    border-color:#173f70 ;
    background:#173f70 ;
    color:#fff ;
    box-shadow:inset 0 2px 4px rgba(0,0,0,.20),0 2px 0 #0e2e52 ;
}

/* Keep the Applications card bottom edge close to its emoji row. */
.hg-application-inbox-card {
    padding-bottom:3px ;
}
.hg-application-inbox-actions {
    
    
    
    border:0 ;
    border-radius:0 ;
    background:transparent ;
    box-shadow:none ;
}
.hg-application-emoji-action,
.hg-application-action-spacer {
    width:18px ;
    min-width:18px ;
    max-width:18px ;
    height:18px ;
    min-height:18px ;
    max-height:18px ;
}
.hg-application-emoji-action {
    padding:0 ;
    border:0 ;
    background:transparent ;
    box-shadow:none ;
    font-size:11.5px ;
    line-height:18px ;
}

/* Activity Pages: text owns the left; two mini actions stack in the right corner. */
.hg-activity-page-shortcut-card {
    padding:7px 8px ;
}
.hg-activity-page-shortcut-main {
    display:grid ;
    grid-template-columns:minmax(0,1fr) auto ;
    gap:7px ;
    align-items:center ;
}
.hg-activity-page-shortcut-copy {
    min-width:0 ;
    padding-right:2px ;
}
.hg-activity-page-shortcut-copy strong { font-size:10.5px ; }
.hg-activity-page-shortcut-copy span { font-size:8.8px ; margin-top:1px ; }
.hg-activity-page-shortcut-copy small { font-size:7.8px ; margin-top:1px ; }
.hg-activity-page-shortcut-actions {
    display:grid ;
    grid-template-columns:1fr ;
    grid-auto-rows:min-content ;
    justify-items:end ;
    align-content:center ;
    gap:3px ;
    width:auto ;
    max-width:105px ;
    overflow:visible ;
    padding:0 ;
}
.hg-activity-page-mini-link {
    justify-content:center ;
    min-width:0 ;
    max-width:105px ;
    min-height:20px ;
    padding:2px 5px ;
    border-radius:6px ;
    font-size:6.9px ;
    line-height:1 ;
    text-align:center ;
    white-space:nowrap ;
    overflow:hidden ;
    text-overflow:ellipsis ;
}

/* Search is a control beneath the second rail, not another oversized toolbar. */
.hg-activity-pages-search {
    margin-top:2px ;
}
.hg-activity-pages-search label {
    display:grid ;
    gap:2px ;
}
.hg-activity-pages-search label > span {
    font-size:8px ;
    font-weight:800 ;
    color:#51687f ;
}

/* Showcase already defaults to all Activities: no redundant hero action. */
.hg-activity-showcase-page .hg-activity-page-hero {
    grid-template-columns:minmax(0,1fr) ;
}

@media (max-width:640px) {
    .hg-application-status-tabs,
    .hg-activity-pages-subrail,
    .hg-my-activities-sub-tabs {
        gap:3px ;
        padding:4px ;
        border-radius:9px ;
    }
    .hg-application-status-tab,
    .hg-activity-pages-rail-link,
    .hg-my-activities-sub-tab {
        min-height:22px ;
        padding:3px 6px ;
        border-radius:6px ;
        font-size:7.4px ;
        text-underline-offset:1.5px ;
    }
    .hg-application-inbox-card { padding-bottom:2px ; }
    .hg-application-inbox-actions {
        min-height:18px ;
        margin-top:0 ;
        padding:0 7px ;
    }
    .hg-application-emoji-action,
    .hg-application-action-spacer {
        width:17px ;
        min-width:17px ;
        max-width:17px ;
        height:17px ;
        min-height:17px ;
        max-height:17px ;
    }
    .hg-application-emoji-action { font-size:10.8px ; line-height:17px ; }

    .hg-activity-page-shortcut-main {
        grid-template-columns:minmax(0,1fr) 86px ;
        gap:5px ;
    }
    .hg-activity-page-shortcut-actions { max-width:86px ; gap:2px ; }
    .hg-activity-page-mini-link {
        max-width:86px ;
        width:100% ;
        min-height:19px ;
        padding:2px 4px ;
        font-size:6.4px ;
    }
}

/* ============================================================
   FINAL APPLICATION CARD LAYOUT — PHP structure matched 2026-08-23
   Photo left. Name + status same row. Activity row. Community + Applied date same row.
   ============================================================ */
.hg-application-inbox-card {
    padding: 7px 9px 2px ;
    overflow: hidden ;
}
.hg-application-inbox-summary {
    display: grid ;
    grid-template-columns: 50px minmax(0, 1fr) ;
    gap: 8px ;
    align-items: center ;
    min-width: 0 ;
}
.hg-application-photo-thumb {
    width: 50px ;
    height: 50px ;
    min-width: 50px ;
    min-height: 50px ;
    margin: 0 ;
    align-self: center ;
}
.hg-application-inbox-content {
    display: grid ;
    grid-template-rows: auto auto auto ;
    gap: 3px ;
    min-width: 0 ;
    width: 100% ;
}
.hg-application-inbox-row {
    display: grid ;
    grid-template-columns: minmax(0, 1fr) auto ;
    align-items: center ;
    gap: 8px ;
    min-width: 0 ;
}
.hg-application-inbox-name {
    min-width: 0 ;
    color: #142f52 ;
    font-size: 11px ;
    font-weight: 800 ;
    line-height: 1.15 ;
    overflow: hidden ;
    text-overflow: ellipsis ;
    white-space: nowrap ;
}
.hg-application-inbox-row--primary .hg-application-status-badge {
    justify-self: end ;
    flex: 0 0 auto ;
    margin: 0 ;
    padding: 3px 6px ;
    font-size: 7.4px ;
    line-height: 1 ;
    white-space: nowrap ;
}
.hg-application-inbox-activity {
    min-width: 0 ;
    color: #425a72 ;
    font-size: 9px ;
    font-weight: 700 ;
    line-height: 1.15 ;
    overflow: hidden ;
    text-overflow: ellipsis ;
    white-space: nowrap ;
}
.hg-application-inbox-community {
    min-width: 0 ;
    color: #748397 ;
    font-size: 8px ;
    line-height: 1.15 ;
    overflow: hidden ;
    text-overflow: ellipsis ;
    white-space: nowrap ;
}
.hg-application-applied-date {
    justify-self: end ;
    display: inline-flex ;
    align-items: baseline ;
    gap: 3px ;
    margin: 0 ;
    color: #6e7f92 ;
    font-size: 7.6px ;
    line-height: 1.1 ;
    white-space: nowrap ;
}
.hg-application-applied-label {
    font-weight: 800 ;
    color: #526b84 ;
}
.hg-application-inbox-meta,
.hg-application-inbox-person {
    display: none ;
}
.hg-application-inbox-actions {
    margin: 2px 0 0 ;
    padding: 0 5px ;
    min-height: 18px ;
}

@media (max-width: 640px) {
    .hg-application-inbox-card {
        padding: 6px 7px 1px ;
    }
    .hg-application-inbox-summary {
        grid-template-columns: 44px minmax(0, 1fr) ;
        gap: 6px ;
    }
    .hg-application-photo-thumb {
        width: 44px ;
        height: 44px ;
        min-width: 44px ;
        min-height: 44px ;
        border-radius: 8px ;
    }
    .hg-application-inbox-content { gap: 2px ; }
    .hg-application-inbox-row { gap: 5px ; }
    .hg-application-inbox-name { font-size: 9.8px ; }
    .hg-application-inbox-row--primary .hg-application-status-badge {
        padding: 2px 5px ;
        font-size: 6.5px ;
    }
    .hg-application-inbox-activity { font-size: 8px ; }
    .hg-application-inbox-community { font-size: 7px ; }
    .hg-application-applied-date { gap: 2px ; font-size: 6.8px ; }
    .hg-application-inbox-actions { margin-top: 1px ; padding-bottom: 0 ; }
}


/* LIVE READINESS 2026-08-23 — Application Card date contract. */
.hg-application-inbox-card .hg-application-applied-date {
    display: inline-flex;
    align-items: baseline;
    gap: 0.25rem;
    white-space: nowrap;
}
.hg-application-inbox-card .hg-application-applied-label {
    font-weight: 600;
}


/* HG Connect 2026-08-23 — mobile application date visibility */
@media (max-width: 640px) {
  .hg-application-inbox-row--secondary { display:grid ; grid-template-columns:minmax(0,1fr) auto ; align-items:center ; overflow:visible ; }
  .hg-application-inbox-card .hg-application-applied-date { display:inline-flex ; visibility:visible ; opacity:1 ; max-width:none ; min-width:max-content ; font-size:7px ; overflow:visible ; }
  .hg-application-inbox-card .hg-application-applied-label,
  .hg-application-inbox-card .hg-application-applied-value { display:inline ; visibility:visible ; }
}


/* ============================================================
 * LIVE FINAL 2026-08-23 — Application modal action polish
 * No emoji icons; compact labels; consistent button surfaces.
 * ============================================================ */
.hg-application-view-modal-body .hg-application-modal-action-grid {
    gap: 8px;
}
.hg-application-view-modal-body .hg-application-modal-action-grid .hg-button {
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.15;
    box-shadow: none;
}
.hg-application-view-modal-body .hg-application-modal-action-grid .hg-button-primary {
    background: #9ec5ff ;
    border-color: #9ec5ff ;
    color: #10253f ;
}
.hg-application-view-modal-body .hg-application-modal-action-grid .hg-button-secondary {
    background: #e8f1ff ;
    border-color: #c7dcfb ;
    color: #17365d ;
}
.hg-application-view-modal-body .hg-application-modal-action-grid .hg-button-muted {
    background: #f5f7fa ;
    border-color: #dbe1e8 ;
    color: #334155 ;
}
.hg-application-view-modal-body .hg-application-modal-action-grid .hg-button-danger {
    background: #b42318 ;
    border-color: #912018 ;
    color: #fff ;
}

@media (max-width: 520px) {
    .hg-application-inbox-card .hg-application-applied-date {
        display: inline-flex ;
        visibility: visible ;
        opacity: 1 ;
        max-width: 100%;
        white-space: normal;
        font-size: 9.5px;
    }
    .hg-application-view-modal-body .hg-application-modal-action-grid {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }
    .hg-application-view-modal-body .hg-application-modal-action-grid .hg-button {
        min-width: 0;
        width: 100%;
        min-height: 32px;
        padding: 6px 8px;
        font-size: 10px;
    }
}


/* ============================================================
 * LIVE FINAL 2026-08-23 — Voting Type selector + public vote card
 * Desktop: 2 cards per row. Mobile: 1 card per row.
 * ============================================================ */
#hg-create-activity-modal .hg-voting-type-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) ;
}
@media (max-width: 620px) {
    #hg-create-activity-modal .hg-voting-type-grid {
        grid-template-columns: 1fr ;
    }
}

.hg-entry-card-vote-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    border-bottom: 1px solid #e5edf6;
    background: #f8fbff;
}
.hg-entry-card-vote-head-left {
    min-width: 0;
}
.hg-entry-card-vote-head-left strong,
.hg-entry-card-vote-head-left small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hg-entry-card-vote-head-left strong {
    color: #17365d;
    font-size: 12px;
    line-height: 1.25;
}
.hg-entry-card-vote-head-left small {
    margin-top: 2px;
    color: #64748b;
    font-size: 9.5px;
    font-weight: 600;
}
.hg-entry-card-vote-stats {
    flex: 0 0 auto;
    text-align: right;
}
.hg-entry-card-vote-count {
    display: block;
    color: #17365d;
    font-size: 12px;
    font-weight: 800;
}
.hg-entry-card-private-money {
    display: block;
    margin-top: 2px;
    color: #235c2e;
    font-size: 10px;
    font-weight: 800;
}
.hg-entry-card-private-note {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: 8.5px;
    font-weight: 600;
}
@media (max-width: 520px) {
    .hg-entry-card-vote-head {
        padding: 9px 10px;
        gap: 8px;
    }
    .hg-entry-card-vote-head-left strong { font-size: 11px; }
    .hg-entry-card-vote-count { font-size: 11px; }
}


/* ============================================================
 * HG CONNECT 1.1.0 — Voting/Reward Control
 * Informational UI only; PHP remains financial authority.
 * ============================================================ */
.hg-vote-reward-summary {
    display: grid;
    gap: 5px;
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid currentColor;
    border-radius: 10px;
}
.hg-vote-reward-summary > strong { font-size: 12px; }
.hg-vote-reward-summary > span,
.hg-vote-reward-summary > small {
    font-size: 11px;
    line-height: 1.35;
}
.hg-contest-candidate-vote-count,
.hg-contest-candidate-reward {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    font-weight: 700;
}
.hg-contest-candidate-reward { font-weight: 600; }


/* ============================================================
 * HG CONNECT 1.1.0 — Reward Preview / Earning Simulation
 * ============================================================ */
.hg-reward-master-preview,
.hg-review-reward-preview .hg-reward-preview-head,
.hg-review-reward-preview .hg-reward-preview-mode {
    display: grid;
    gap: 6px;
}
.hg-reward-master-preview {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid currentColor;
    border-radius: 12px;
}
.hg-reward-preview-head,
.hg-reward-preview-mode {
    display: grid;
    gap: 4px;
}
.hg-reward-preview-head > span,
.hg-reward-preview-mode > span,
.hg-reward-preview-mode > small {
    font-size: 11px;
    line-height: 1.35;
}
.hg-reward-simulation {
    display: grid;
    gap: 4px;
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid currentColor;
}
.hg-reward-simulation-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 11px;
}
.hg-reward-simulation-row.is-limit {
    font-weight: 700;
}
.hg-review-reward-preview {
    display: block;
    margin-top: 8px;
}


/* ============================================================
 * HG CONNECT 1.1.0 — Reward Constraint Notices
 * ============================================================ */
[data-reward-rule-notice],
[data-hg-reward-constraint-notice] {
    display: block;
    margin-top: 6px;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 600;
}
.hg-contest-candidate-reward-note {
    display: block;
    margin-top: 3px;
    font-size: 10px;
    line-height: 1.35;
}


/* ============================================================
 * HG CONNECT 1.1.0 — Create/Edit Activity Public Link
 * ============================================================ */
.hg-activity-link-tools {
    display: grid;
    gap: 6px;
    margin: 12px 0;
    padding: 12px;
    border: 1px solid #dbe3ec;
    border-radius: 10px;
    background: #f8fafc;
}

.hg-activity-link-tools[hidden] {
    display: none ;
}

.hg-activity-link-tools > label {
    margin: 0;
    font-size: 12px;
    font-weight: 800;
}

.hg-activity-link-copy-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.hg-activity-link-copy-row .hg-input {
    min-width: 0;
}

@media (max-width: 640px) {
    .hg-activity-link-copy-row {
        grid-template-columns: 1fr;
    }

    .hg-activity-link-copy-row .hg-button {
        width: 100%;
    }
}

/* ============================================================
   HG CONNECT 1.1.0 - POST-LIVE FUNCTIONAL ADDITIONS
   Keep the proven Live modal layout intact.
   ============================================================ */

/* Prevent wizard actions while the selected Activity Form is loading. */
#hg-create-activity-modal.hg-activity-is-loading .hg-activity-wizard-actions {
    pointer-events: none;
    opacity: 0.65;
}

/* Activity public-link tools live inside Step 1 when editing. */
#hg-create-activity-modal .hg-activity-edit-link-slot {
    margin-top: 12px;
}

#hg-create-activity-modal .hg-activity-edit-link-slot .hg-activity-link-tools {
    margin: 0;
    padding: 10px 12px;
    border-radius: 10px;
}

#hg-create-activity-modal .hg-activity-edit-link-slot .hg-activity-link-copy-row {
    margin-top: 5px;
}

/* Never expose the edit/public link outside Step 1. */
#hg-create-activity-modal .hg-activity-wizard-step:not(#hg-activity-step-1) .hg-activity-link-tools,
#hg-create-activity-modal #hg-activity-step-1[hidden] .hg-activity-link-tools {
    display: none ;
}


/* ============================================================
   HG CONNECT 1.1.1 — SUBMISSIONS REVIEW INBOX ALIGNMENT — 2026-09-20
   Staff/manager "Submissions" only. My Submissions is intentionally untouched.
   Activity Pages is the L2 visual reference.
   ============================================================ */
.hg-review-submissions-page,
.hg-review-submissions-page * { box-sizing:border-box; }
.hg-review-submissions-page { width:100%; max-width:100%; min-width:0; }

.hg-review-submissions-head {
    display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
    margin:0 0 8px; padding:0 2px;
}
.hg-review-submissions-head > div:first-child { min-width:0; }
.hg-review-submissions-head .hg-section-kicker {
    display:block; margin:0 0 2px; color:#64748b; font-size:8px; line-height:1.2;
    font-weight:800; letter-spacing:.04em; text-transform:uppercase;
}
.hg-review-submissions-head h3 { margin:0; color:#001D6E; font-size:18px; line-height:1.2; }
.hg-review-submissions-head p { margin:3px 0 0; color:#5f6f89; font-size:10px; line-height:1.35; }
.hg-review-submissions-pending {
    flex:0 0 auto; display:grid; place-items:center; min-width:54px; padding:5px 8px;
    border:1px solid #d1dce7; border-radius:9px; background:#fff;
    box-shadow:0 2px 0 #c4d0dc; color:#38516b; text-align:center;
}
.hg-review-submissions-pending strong { color:#001D6E; font-size:15px; line-height:1; }
.hg-review-submissions-pending span { margin-top:2px; font-size:7px; line-height:1; font-weight:800; text-transform:uppercase; }

/* L2 status rail: same recessed/compact language as Activity Pages. */
.hg-review-submission-tabs {
    display:flex ; align-items:center ; gap:4px ;
    width:100% ; max-width:100% ; min-width:0 ;
    margin:8px 0 ; padding:5px ;
    overflow-x:auto ; overflow-y:hidden ; flex-wrap:nowrap ;
    overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none ;
    border:1px solid #cbd9e7 ; border-radius:11px ;
    background:#edf4fa ;
    box-shadow:inset 0 2px 5px rgba(22,55,89,.14),0 1px 0 #fff ;
}
.hg-review-submission-tabs::-webkit-scrollbar { display:none ; }
.hg-review-submission-tabs > a {
    position:relative; flex:0 0 auto ; display:inline-flex ;
    align-items:center ; justify-content:center ; gap:4px ;
    min-height:24px ; margin:0 ; padding:3px 7px ;
    border:1px solid #d1dce7 ; border-radius:7px ;
    background:#fff ; color:#38516b ; box-shadow:0 2px 0 #c4d0dc ;
    font-size:8.2px ; line-height:1 ; font-weight:800 ;
    white-space:nowrap ; text-decoration:underline ;
    text-decoration-thickness:1px ; text-underline-offset:2px ;
}
.hg-review-submission-tabs > a:hover,
.hg-review-submission-tabs > a:focus-visible { color:#173f70 ; background:#f8fbff ; transform:translateY(-1px); }
.hg-review-submission-tabs > a.is-active {
    border-color:#173f70 ; background:#173f70 ; color:#fff ;
    box-shadow:inset 0 2px 4px rgba(0,0,0,.20),0 2px 0 #0e2e52 ; transform:none ;
}
.hg-review-submission-tabs > a b {
    display:inline-grid; place-items:center; min-width:15px; height:15px; padding:0 4px;
    border-radius:999px; background:rgba(0,29,110,.08); color:inherit;
    font-size:6.5px; line-height:15px; text-decoration:none;
}
.hg-review-submission-tabs > a.is-active b { background:rgba(255,255,255,.18); }

/* Compact search/activity controls, not a second oversized navigation block. */
.hg-review-submission-filters {
    display:grid; grid-template-columns:minmax(160px,1fr) minmax(150px,.72fr) auto;
    gap:6px; align-items:end; margin:0 0 10px; padding:7px;
    border:1px solid #dbe5ef; border-radius:10px; background:#f8fbfe;
}
.hg-review-submission-filters label { display:grid; gap:3px; min-width:0; margin:0; }
.hg-review-submission-filters label > span { color:#52677e; font-size:7.5px; line-height:1; font-weight:800; }
.hg-review-submission-filters input[type="search"],
.hg-review-submission-filters select {
    width:100%; min-width:0; height:29px; margin:0; padding:4px 8px;
    border:1px solid #cbd7e3; border-radius:7px; background:#fff; color:#263d55;
    font-size:9px; line-height:1.2; box-shadow:none;
}
.hg-review-submission-filters .hg-button {
    min-width:58px; height:29px; min-height:29px; margin:0; padding:4px 8px;
    border-radius:7px; font-size:8px; line-height:1; font-weight:800;
}

/* Review cards: compact two-column desktop inbox; one column on mobile. */
.hg-review-submissions-grid {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;
    width:100%; min-width:0;
}
.hg-review-submission-item {
    display:flex; flex-direction:column; min-width:0; overflow:hidden;
    border:1px solid #dbe4f0; border-radius:12px; background:#fff;
    box-shadow:0 2px 8px rgba(0,29,110,.06);
}
.hg-review-submission-item > .hg-clipping-card,
.hg-review-submission-item > .hg-submission-basic-card {
    width:100%; min-width:0; margin:0; border:0; border-radius:0; box-shadow:none;
}
.hg-review-submission-item > .hg-submission-basic-card { gap:5px; padding:10px 11px; }
.hg-review-submission-item > .hg-submission-basic-card strong { color:#173f70; font-size:11px; line-height:1.25; overflow-wrap:anywhere; }
.hg-review-submission-item > .hg-submission-basic-card span,
.hg-review-submission-item > .hg-submission-basic-card p,
.hg-review-submission-item > .hg-submission-basic-card a { font-size:8.5px; line-height:1.35; overflow-wrap:anywhere; }
.hg-review-submission-item > .hg-submission-basic-card p { margin:1px 0; }
.hg-review-submission-item > .hg-submission-basic-card a { color:#174d84; font-weight:800; }
.hg-review-submission-item .hg-submission-status { font-weight:800; }

.hg-review-submission-actions {
    display:flex; align-items:center; justify-content:flex-end; gap:6px;
    min-height:30px; margin-top:auto; padding:5px 8px;
    border-top:1px solid #e5edf5; background:#f8fbfe;
}
.hg-review-submission-action {
    display:inline-grid; place-items:center; width:21px; min-width:21px; height:21px; min-height:21px;
    margin:0; padding:0; border:1px solid #d1dce7; border-radius:6px;
    background:#fff; box-shadow:0 1px 0 #c4d0dc; color:#38516b;
    font:800 12px/1 Arial,sans-serif; cursor:pointer;
}
.hg-review-submission-action:hover,
.hg-review-submission-action:focus-visible { transform:translateY(-1px); }
.hg-review-submission-action.is-approve { color:#187044; }
.hg-review-submission-action.is-revision { color:#8a5a00; }
.hg-review-submission-action.is-reject { color:#a32a2a; }
.hg-review-submission-action:disabled { opacity:.5; cursor:not-allowed; transform:none; }

.hg-review-submission-note {
    display:grid; gap:2px; padding:7px 9px; border-top:1px solid #e7edf4;
    background:#fffaf4; color:#4b5563; font-size:8.5px; line-height:1.35;
}
.hg-review-submission-note strong { color:#6b4b20; font-size:7.5px; text-transform:uppercase; }
.hg-review-submission-item > .hg-form-notice { margin:6px 8px 8px; font-size:8.5px; }

.hg-review-submission-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:5px; margin:12px 0 0; }
.hg-review-submission-pagination a {
    display:inline-grid; place-items:center; min-width:25px; height:25px; padding:0 6px;
    border:1px solid #d1dce7; border-radius:6px; background:#fff; color:#38516b;
    box-shadow:0 1px 0 #c4d0dc; font-size:8px; font-weight:800; text-decoration:none;
}
.hg-review-submission-pagination a.is-current { border-color:#173f70; background:#173f70; color:#fff; }

/* Existing review modal, made usable on desktop and narrow screens without changing behavior. */
.hg-review-submission-modal[hidden] { display:none ; }
.hg-review-submission-modal:not([hidden]) { position:fixed; inset:0; z-index:100100; display:grid; place-items:center; padding:16px; }
.hg-review-submission-modal-backdrop { position:absolute; inset:0; width:100%; height:100%; margin:0; padding:0; border:0; background:rgba(8,22,42,.52); cursor:default; }
.hg-review-submission-modal-dialog {
    position:relative; z-index:1; width:min(430px,100%); max-height:min(80vh,520px); overflow:auto;
    border:1px solid #cbd9e7; border-radius:13px; background:#fff; box-shadow:0 18px 50px rgba(0,29,110,.22);
}
.hg-review-submission-modal-head { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border-bottom:1px solid #e3ebf3; color:#001D6E; }
.hg-review-submission-modal-head strong { font-size:12px; }
.hg-review-submission-modal-head button { width:25px; height:25px; padding:0; border:0; background:transparent; color:#52677e; font-size:18px; cursor:pointer; }
.hg-review-submission-modal-body { padding:11px 12px 12px; }
.hg-review-submission-modal-body textarea { width:100%; min-height:90px; resize:vertical; padding:8px; border:1px solid #cbd7e3; border-radius:8px; font-size:10px; }
.hg-review-submission-modal-actions { display:flex; justify-content:flex-end; gap:6px; margin-top:8px; }
.hg-review-submission-modal-actions .hg-button { min-height:29px; padding:5px 9px; font-size:8.5px; }

@media (max-width:760px) {
    .hg-review-submissions-head { gap:8px; }
    .hg-review-submissions-head h3 { font-size:16px; }
    .hg-review-submissions-head p { font-size:9px; }
    .hg-review-submissions-pending { min-width:48px; padding:4px 6px; }
    .hg-review-submission-tabs { padding:4px ; gap:3px ; border-radius:9px ; }
    .hg-review-submission-tabs > a { min-height:22px ; padding:3px 6px ; border-radius:6px ; font-size:7.4px ; }
    .hg-review-submission-tabs > a b { min-width:13px; height:13px; padding:0 3px; font-size:6px; line-height:13px; }
    .hg-review-submission-filters { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:5px; padding:6px; }
    .hg-review-submission-filters .hg-button { grid-column:1 / -1; width:100%; }
    .hg-review-submissions-grid { grid-template-columns:1fr; gap:8px; }
    .hg-review-submission-actions { min-height:29px; padding:4px 7px; }
    .hg-review-submission-modal:not([hidden]) { padding:10px; align-items:center; }
}

@media (max-width:420px) {
    .hg-review-submission-filters { grid-template-columns:1fr; }
    .hg-review-submission-filters .hg-button { grid-column:auto; }
    .hg-review-submission-modal-actions { display:grid; grid-template-columns:1fr 1fr; }
    .hg-review-submission-modal-actions .hg-button { width:100%; }
}

/* ============================================================
 * HG CONNECT 1.1.1 — CREATE ACTIVITY REWARD FLOW / CLIPPING UI
 * Scoped to Create Activity only.
 * ============================================================ */
#hg-create-activity-modal .hg-create-aligned-row { align-items: stretch; }
#hg-create-activity-modal .hg-create-aligned-row > .hg-form-group { display:flex; flex-direction:column; min-width:0; }
#hg-create-activity-modal .hg-create-aligned-row > .hg-form-group > label { min-height: 2.7em; display:flex; align-items:flex-end; }
#hg-create-activity-modal .hg-create-aligned-row > .hg-form-group > .hg-input,
#hg-create-activity-modal .hg-create-aligned-row > .hg-form-group > .hg-select,
#hg-create-activity-modal .hg-create-aligned-row > .hg-form-group > .hg-textarea { width:100%; }
#hg-create-activity-modal .hg-fixed-value,
#hg-create-activity-modal .hg-clipping-currency-note { min-height:44px; border:1px solid #d9e4f2; border-radius:10px; background:#f7faff; padding:9px 11px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#hg-create-activity-modal .hg-fixed-value small,
#hg-create-activity-modal .hg-clipping-currency-note small { color:#63758b; }
#hg-create-activity-modal .hg-clipping-builder { display:grid; gap:14px; }
#hg-create-activity-modal .hg-clipping-builder-section { border:1px solid #dfe8f4; border-radius:12px; background:#fff; padding:14px; min-width:0; }
#hg-create-activity-modal .hg-clipping-builder-section > h4,
#hg-create-activity-modal .hg-clipping-builder-section > h5 { margin:0 0 10px; color:#173f70; }
#hg-create-activity-modal .hg-clipping-option-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
#hg-create-activity-modal .hg-clipping-option-card,
#hg-create-activity-modal .hg-clipping-toggle-card,
#hg-create-activity-modal .hg-clipping-choice-card,
#hg-create-activity-modal .hg-clipping-pay-card-head { box-sizing:border-box; border:1px solid #d9e4f2; border-radius:10px; background:#f8fbff; padding:10px; display:flex; align-items:flex-start; gap:8px; min-width:0; }
#hg-create-activity-modal .hg-clipping-option-card { align-items:center; justify-content:flex-start; min-height:42px; }
#hg-create-activity-modal .hg-clipping-toggle-card { margin:10px 0; }
#hg-create-activity-modal .hg-clipping-toggle-card span,
#hg-create-activity-modal .hg-clipping-choice-card span,
#hg-create-activity-modal .hg-clipping-pay-card-head span { display:grid; gap:3px; min-width:0; }
#hg-create-activity-modal .hg-clipping-toggle-card small,
#hg-create-activity-modal .hg-clipping-choice-card small,
#hg-create-activity-modal .hg-clipping-pay-card-head small { color:#63758b; font-weight:400; line-height:1.35; }
#hg-create-activity-modal .hg-clipping-posting-fields { border-left:3px solid #c4ddff; padding:10px 0 0 12px; }
#hg-create-activity-modal .hg-clipping-scope-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
#hg-create-activity-modal .hg-clipping-choice-card { min-height:76px; }
#hg-create-activity-modal .hg-clipping-pay-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
#hg-create-activity-modal .hg-clipping-pay-card { border:1px solid #dfe8f4; border-radius:12px; overflow:hidden; background:#fff; min-width:0; }
#hg-create-activity-modal .hg-clipping-pay-card.is-active { border-color:#7fb5ff; box-shadow:0 0 0 2px rgba(127,181,255,.13); }
#hg-create-activity-modal .hg-clipping-pay-card-head { border:0; border-radius:0; min-height:70px; }
#hg-create-activity-modal .hg-clipping-pay-rate { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:10px; border-top:1px solid #e6edf6; }
#hg-create-activity-modal .hg-clipping-pay-rate .hg-form-group { margin:0; }
#hg-create-activity-modal .hg-clipping-pay-rate .hg-form-group > label { min-height:2.7em; display:flex; align-items:flex-end; }
#hg-create-activity-modal .hg-clipping-pay-preview { margin-top:10px; min-height:38px; padding:9px 11px; border-radius:9px; background:#f7faff; border:1px dashed #c8d8eb; color:#173f70; font-size:12px; }
#hg-create-activity-modal .hg-contest-reward-source-note { margin:10px 0; padding:10px 12px; border:1px solid #c4ddff; border-radius:10px; background:#f7faff; display:grid; gap:3px; }
#hg-create-activity-modal .hg-contest-reward-source-note small { color:#63758b; line-height:1.4; }
@media (max-width: 900px) {
  #hg-create-activity-modal .hg-clipping-option-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  #hg-create-activity-modal .hg-create-aligned-row > .hg-form-group > label,
  #hg-create-activity-modal .hg-clipping-pay-rate .hg-form-group > label { min-height:0; align-items:initial; }
  #hg-create-activity-modal .hg-clipping-option-grid,
  #hg-create-activity-modal .hg-clipping-scope-grid,
  #hg-create-activity-modal .hg-clipping-pay-grid,
  #hg-create-activity-modal .hg-clipping-pay-rate { grid-template-columns:1fr; }
  #hg-create-activity-modal .hg-clipping-builder-section { padding:11px; }
  #hg-create-activity-modal .hg-clipping-pay-card-head { min-height:0; }
}

/* HG Connect Create Activity — compact reward/clipping alignment (2026-09-20) */
#hg-create-activity-modal [data-winner-tier-list] { display:grid; gap:8px; margin:10px 0; }
#hg-create-activity-modal [data-winner-tier-list] .hg-winner-tier-row { display:grid; grid-template-columns:72px minmax(0,1fr) auto; gap:9px; align-items:center; }
#hg-create-activity-modal [data-winner-tier-list] .hg-winner-tier-row > span { font-weight:700; color:#173f70; white-space:nowrap; }
#hg-create-activity-modal [data-winner-tier-list] .hg-winner-tier-row > .hg-input { margin:0; }
#hg-create-activity-modal .hg-vote-payment-grid { align-items:end; }

#hg-create-activity-modal .hg-clipping-quantity-duration-grid { display:grid;  gap:10px;  }
#hg-create-activity-modal .hg-clip-quantity-values,
#hg-create-activity-modal .hg-clipping-duration-values { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; align-items:end; }
#hg-create-activity-modal .hg-clip-quantity-values:has(.hg-clip-exact-field:not([hidden])) { grid-template-columns:1fr; }
#hg-create-activity-modal .hg-clipping-inline-field { margin:0; min-width:0; }
#hg-create-activity-modal .hg-clipping-inline-field > label { min-height:20px; display:flex; align-items:flex-end; }
#hg-create-activity-modal .hg-clipping-inline-field .hg-inline-unit { display:block; margin-top:3px; font-size:11px; color:#63758b; }

#hg-create-activity-modal .hg-clipping-publishing-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr); gap:12px; align-items:start; }
#hg-create-activity-modal .hg-clipping-option-grid-compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
#hg-create-activity-modal .hg-clipping-toggle-card-inline { margin:0; min-height:100%; align-items:flex-start; }
#hg-create-activity-modal .hg-clipping-option-grid-2col { grid-template-columns:repeat(2,minmax(0,1fr)); }

#hg-create-activity-modal .hg-clipping-pay-select-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:10px; }
#hg-create-activity-modal .hg-clipping-pay-option { border:1px solid #d9e4f2; border-radius:10px; background:#f8fbff; padding:10px; display:flex; align-items:flex-start; gap:9px; min-width:0; cursor:pointer; }
#hg-create-activity-modal .hg-clipping-pay-option.is-active { border-color:#7fb5ff; box-shadow:0 0 0 2px rgba(127,181,255,.13); background:#fff; }
#hg-create-activity-modal .hg-clipping-pay-option > span { display:grid; gap:2px; min-width:0; }
#hg-create-activity-modal .hg-clipping-pay-option small { color:#63758b; font-weight:400; }
#hg-create-activity-modal .hg-clipping-pay-rates { display:grid; gap:8px; margin-top:10px; }
#hg-create-activity-modal .hg-clipping-pay-rate-row { display:grid; grid-template-columns:minmax(90px,.55fr) minmax(0,1fr) minmax(0,1fr); gap:10px; align-items:end; padding:10px; border:1px solid #dfe8f4; border-radius:10px; background:#fff; }
#hg-create-activity-modal .hg-clipping-pay-rate-row > strong { align-self:center; color:#173f70; }
#hg-create-activity-modal .hg-clipping-pay-rate-row .hg-form-group { margin:0; }

@media (max-width: 760px) {
  #hg-create-activity-modal [data-winner-tier-list] .hg-winner-tier-row { grid-template-columns:62px minmax(0,1fr) auto; }
  #hg-create-activity-modal .hg-clipping-quantity-duration-grid,
  #hg-create-activity-modal .hg-clipping-publishing-grid { grid-template-columns:1fr; }
  #hg-create-activity-modal .hg-clipping-pay-rate-row { grid-template-columns:1fr 1fr; }
  #hg-create-activity-modal .hg-clipping-pay-rate-row > strong { grid-column:1 / -1; }
}
@media (max-width: 520px) {
  #hg-create-activity-modal .hg-clipping-pay-select-grid,
  #hg-create-activity-modal .hg-clipping-option-grid-2col,
  #hg-create-activity-modal .hg-clipping-option-grid-compact,
  #hg-create-activity-modal .hg-clipping-duration-values,
  #hg-create-activity-modal .hg-clip-quantity-values,
  #hg-create-activity-modal .hg-clipping-pay-rate-row { grid-template-columns:1fr; }
}

/* HG Connect Create Activity — requested compact clipping alignment (2026-09-20) */
#hg-create-activity-modal .hg-clip-range-field {
  display:grid;
  grid-template-columns:max-content minmax(72px,1fr);
  gap:8px;
  align-items:center;
}
#hg-create-activity-modal .hg-clip-range-field > label {
  min-height:0;
  margin:0;
  align-items:center;
  white-space:nowrap;
}
#hg-create-activity-modal .hg-clip-range-field > .hg-input {
  margin:0;
  min-width:0;
}
@media (max-width: 520px) {
  #hg-create-activity-modal .hg-clip-range-field {
    grid-template-columns:max-content minmax(0,1fr);
  }
}

/* HG Connect Create Activity — clipping visibility + mobile coherence (2026-09-20) */
#hg-create-activity-modal .hg-clipping-builder [hidden] {
  display: none ;
}

/* Keep requested two-column choices on narrow screens. */
@media (max-width: 520px) {
  #hg-create-activity-modal .hg-clipping-option-grid-compact,
  #hg-create-activity-modal .hg-clipping-option-grid-2col,
  #hg-create-activity-modal .hg-clipping-pay-select-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  #hg-create-activity-modal .hg-clipping-option-card,
  #hg-create-activity-modal .hg-clipping-pay-option {
    padding: 9px 8px;
  }

  #hg-create-activity-modal .hg-clipping-pay-option > span,
  #hg-create-activity-modal .hg-clipping-option-card > span {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  /* Minimum/Maximum stay label-left, input-right. */
  #hg-create-activity-modal .hg-clip-range-field {
    grid-template-columns: minmax(76px, max-content) minmax(0, 1fr);
    width: 100%;
  }

  /* Only selected payment rate rows are rendered; active row remains compact. */
  #hg-create-activity-modal .hg-clipping-pay-rate-row:not([hidden]) {
    display: grid;
    grid-template-columns: minmax(72px, .65fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 7px;
    align-items: end;
  }
  #hg-create-activity-modal .hg-clipping-pay-rate-row:not([hidden]) > strong {
    grid-column: auto;
    align-self: center;
  }
}

@media (max-width: 390px) {
  #hg-create-activity-modal .hg-clipping-pay-rate-row:not([hidden]) {
    grid-template-columns: 1fr 1fr;
  }
  #hg-create-activity-modal .hg-clipping-pay-rate-row:not([hidden]) > strong {
    grid-column: 1 / -1;
  }
}

/* HG Connect Create Activity — clipping compact field balance (2026-09-20) */
#hg-create-activity-modal .hg-clipping-quantity-duration-grid {
  grid-template-columns: minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.45fr);
  align-items:start;
}
#hg-create-activity-modal .hg-clipping-duration-group { min-width:0; }
#hg-create-activity-modal .hg-clipping-field-title {
  display:block;
  min-height:20px;
  margin:0 0 6px;
  font-weight:600;
  color:inherit;
}
#hg-create-activity-modal .hg-clipping-duration-values {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
#hg-create-activity-modal .hg-clipping-duration-values .hg-clipping-inline-field {
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  gap:8px;
  align-items:center;
}
#hg-create-activity-modal .hg-clipping-duration-values .hg-clipping-inline-field > label {
  min-height:0;
  margin:0;
  white-space:nowrap;
  align-items:center;
}

/* Left metric names get enough room; right column is intentionally wider. */
#hg-create-activity-modal .hg-clipping-option-grid-2col,
#hg-create-activity-modal .hg-clipping-pay-select-grid {
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
}
#hg-create-activity-modal .hg-clipping-option-card,
#hg-create-activity-modal .hg-clipping-pay-option {
  min-width:0;
}
#hg-create-activity-modal .hg-clipping-option-card > span,
#hg-create-activity-modal .hg-clipping-pay-option > span {
  min-width:0;
  white-space:nowrap;
}

@media (max-width:760px) {
  #hg-create-activity-modal .hg-clipping-quantity-duration-grid {
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  }
  #hg-create-activity-modal .hg-clipping-duration-group {
    grid-column:2;
    grid-row:1 / span 2;
  }
}
@media (max-width:520px) {
  #hg-create-activity-modal .hg-clipping-quantity-duration-grid {
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:8px;
  }
  #hg-create-activity-modal .hg-clipping-duration-group {
    grid-column:2;
    grid-row:1 / span 2;
  }
  #hg-create-activity-modal .hg-clipping-duration-values {
    grid-template-columns:1fr;
    gap:8px;
  }
  #hg-create-activity-modal .hg-clipping-duration-values .hg-clipping-inline-field {
    grid-template-columns:minmax(64px,max-content) minmax(0,1fr);
  }
  #hg-create-activity-modal .hg-clipping-option-grid-2col,
  #hg-create-activity-modal .hg-clipping-pay-select-grid {
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  }
  #hg-create-activity-modal .hg-clipping-option-card > span,
  #hg-create-activity-modal .hg-clipping-pay-option > span {
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
  }
}


/* ============================================================
 * HG CONNECT — Create Activity compact form alignment
 * 2026-09-23 — CSS only
 * ============================================================ */

/* Quick Questions: smaller choice boxes, consistent with form controls. */
#hg-create-activity-modal .hg-application-preset-box{
  padding:9px 10px;
  margin:9px 0;
  border-radius:9px;
  background:#f8fbff;
}
#hg-create-activity-modal .hg-application-preset-box > strong{
  display:block;
  margin:0 0 6px;
  color:#173f70;
  font-size:11px;
  line-height:1.2;
}
#hg-create-activity-modal .hg-application-preset-buttons{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:0;
}
#hg-create-activity-modal .hg-application-preset-buttons .hg-button{
  min-height:30px;
  padding:5px 8px;
  border:1px solid #d9e4f2;
  border-radius:8px;
  background:#fff;
  font-size:10.5px;
  font-weight:600;
  line-height:1.2;
}

/* Quantity is first and independent; existing JS still controls Exact vs Min/Max. */
#hg-create-activity-modal .hg-clipping-quantity-duration-grid{
  grid-template-columns:minmax(0,1fr);
  gap:9px;
  align-items:start;
}
#hg-create-activity-modal .hg-clipping-quantity-duration-grid > .hg-clipping-inline-field:first-child,
#hg-create-activity-modal .hg-clip-exact-field,
#hg-create-activity-modal .hg-clip-range-field{
  display:grid;
  grid-template-columns:minmax(105px,max-content) minmax(0,1fr);
  gap:10px;
  align-items:center;
}
#hg-create-activity-modal .hg-clipping-quantity-duration-grid > .hg-clipping-inline-field:first-child > label,
#hg-create-activity-modal .hg-clip-exact-field > label,
#hg-create-activity-modal .hg-clip-range-field > label{
  min-height:0;
  margin:0;
  align-items:center;
}
#hg-create-activity-modal .hg-clip-quantity-values{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
#hg-create-activity-modal .hg-clip-quantity-values:has(.hg-clip-exact-field:not([hidden])){
  grid-template-columns:1fr;
}

/* Duration follows Quantity: title left, fields right. */
#hg-create-activity-modal .hg-clipping-duration-group{
  display:grid;
  grid-template-columns:minmax(105px,max-content) minmax(0,1fr);
  gap:10px;
  align-items:start;
  min-width:0;
}
#hg-create-activity-modal .hg-clipping-field-title{
  min-height:0;
  margin:9px 0 0;
  align-self:start;
}
#hg-create-activity-modal .hg-clipping-duration-values{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
#hg-create-activity-modal .hg-clipping-duration-values .hg-clipping-inline-field{
  grid-template-columns:minmax(72px,max-content) minmax(0,1fr);
  gap:8px;
}

/* Track Performance: left column has enough room for Comments. */
#hg-create-activity-modal .hg-clipping-option-grid-2col{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
}
#hg-create-activity-modal .hg-clipping-option-grid-2col .hg-clipping-option-card{
  width:100%;
  box-sizing:border-box;
}
#hg-create-activity-modal .hg-clipping-option-grid-2col .hg-clipping-option-card > span{
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}

/* Performance Payment: same balanced metric choice geometry. */
#hg-create-activity-modal .hg-clipping-pay-select-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
}
#hg-create-activity-modal .hg-clipping-pay-option{
  width:100%;
  box-sizing:border-box;
}
#hg-create-activity-modal .hg-clipping-pay-option > span{
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
#hg-create-activity-modal .hg-clipping-pay-rate-row{
  grid-template-columns:minmax(96px,.65fr) minmax(0,1fr) minmax(0,1fr);
}

/* Responsive: never force Duration beside Quantity. */
@media (max-width:760px){
  #hg-create-activity-modal .hg-clipping-quantity-duration-grid{
    grid-template-columns:minmax(0,1fr);
  }
  #hg-create-activity-modal .hg-clipping-duration-group{
    grid-column:auto;
    grid-row:auto;
  }
}
@media (max-width:520px){
  #hg-create-activity-modal .hg-application-preset-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #hg-create-activity-modal .hg-clipping-quantity-duration-grid{
    grid-template-columns:minmax(0,1fr);
    gap:8px;
  }
  #hg-create-activity-modal .hg-clipping-duration-group{
    grid-column:auto;
    grid-row:auto;
    grid-template-columns:minmax(78px,max-content) minmax(0,1fr);
    gap:8px;
  }
  #hg-create-activity-modal .hg-clipping-duration-values{
    grid-template-columns:1fr;
    gap:7px;
  }
  #hg-create-activity-modal .hg-clipping-duration-values .hg-clipping-inline-field{
    grid-template-columns:minmax(70px,max-content) minmax(0,1fr);
  }
  #hg-create-activity-modal .hg-clipping-option-grid-2col,
  #hg-create-activity-modal .hg-clipping-pay-select-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:7px;
  }
  #hg-create-activity-modal .hg-clipping-pay-rate-row:not([hidden]){
    grid-template-columns:minmax(78px,.7fr) minmax(0,1fr) minmax(0,1fr);
  }
}
@media (max-width:390px){
  #hg-create-activity-modal .hg-application-preset-buttons{
    grid-template-columns:1fr;
  }
  #hg-create-activity-modal .hg-clipping-pay-rate-row:not([hidden]){
    grid-template-columns:1fr 1fr;
  }
  #hg-create-activity-modal .hg-clipping-pay-rate-row:not([hidden]) > strong{
    grid-column:1 / -1;
  }
}


/* HG CONNECT — Create Activity final compact structure — 2026-09-23 */
#hg-create-activity-modal .hg-application-preset-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#hg-create-activity-modal .hg-application-preset-buttons .hg-button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:32px;height:auto;padding:4px 7px;border:1px solid #d9e4f2;border-radius:8px;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:9.5px;line-height:1.15}
#hg-create-activity-modal .hg-clipping-quantity-duration-section{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
#hg-create-activity-modal .hg-clipping-field-block{display:block;min-width:0}
#hg-create-activity-modal .hg-clipping-field-block-title{display:block;margin:0 0 8px}
#hg-create-activity-modal .hg-clipping-mode-field{display:block;margin:0 0 9px}
#hg-create-activity-modal .hg-clipping-mode-field .hg-select{width:100%}
#hg-create-activity-modal .hg-clip-quantity-values,#hg-create-activity-modal .hg-clipping-duration-values{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
#hg-create-activity-modal .hg-clipping-value-row{display:grid;grid-template-columns:minmax(78px,max-content) minmax(0,1fr);gap:8px;align-items:center;width:100%;min-width:0;margin:0}
#hg-create-activity-modal .hg-clipping-value-row>label{min-height:0;margin:0;align-items:center}
#hg-create-activity-modal .hg-clipping-value-row>.hg-input{width:100%;min-width:0}
#hg-create-activity-modal .hg-clipping-option-grid-2col,#hg-create-activity-modal .hg-clipping-pay-select-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
@media(max-width:520px){
 #hg-create-activity-modal .hg-application-preset-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 #hg-create-activity-modal .hg-application-preset-buttons .hg-button{min-height:32px;padding:4px 5px;font-size:9px;line-height:1.12}
 #hg-create-activity-modal .hg-clipping-quantity-duration-section,#hg-create-activity-modal .hg-clip-quantity-values,#hg-create-activity-modal .hg-clipping-duration-values{grid-template-columns:minmax(0,1fr)}
 #hg-create-activity-modal .hg-clipping-value-row{grid-template-columns:minmax(78px,max-content) minmax(0,1fr)}
}


/* HG CONNECT — Quick Questions + Facebook guidance — 2026-09-23 */
#hg-create-activity-modal .hg-application-preset-buttons{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:6px;
}
#hg-create-activity-modal .hg-application-preset-buttons .hg-button{
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:32px;
  height:auto;
  padding:4px 7px;
  white-space:normal;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:break-word;
  text-overflow:clip;
  font-size:9.5px;
  line-height:1.15;
}
#hg-create-activity-modal .hg-clipping-field-block-title{
  color:inherit;
}
.hg-clipping-facebook-notice{
  grid-column:1/-1;
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:8px;
  padding:10px 12px;
  border:1px solid currentColor;
  border-radius:8px;
  font-size:12px;
  line-height:1.4;
}
.hg-clipping-facebook-notice[hidden]{display:none}
@media(max-width:520px){
 #hg-create-activity-modal .hg-application-preset-buttons{grid-template-columns:minmax(0,1fr)}
 #hg-create-activity-modal .hg-application-preset-buttons .hg-button{
   max-width:100%;
   min-height:32px;
   padding:4px 5px;
   font-size:9px;
   line-height:1.12;
 }
}

/* HG CONNECT — Clip duration unit/tolerance — 2026-09-23 */
#hg-create-activity-modal .hg-clipping-duration-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
#hg-create-activity-modal .hg-clipping-duration-heading .hg-clipping-field-block-title{margin:0}
#hg-create-activity-modal .hg-clipping-duration-unit{width:auto;min-width:108px;max-width:145px}
#hg-create-activity-modal .hg-clipping-duration-tolerance{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin-top:10px}
#hg-create-activity-modal .hg-clipping-tolerance-option{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px solid #d9e4f2;border-radius:8px}
#hg-create-activity-modal .hg-clipping-tolerance-option input:disabled+span{opacity:.5}
.hg-clipping-submit-duration{margin-top:10px}.hg-clipping-submit-duration-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:8px;align-items:center}
.hg-clipping-duration-unit-label{white-space:nowrap;font-weight:600}.hg-clipping-duration-feedback{margin-top:6px;padding:7px 9px;border:1px solid currentColor;border-radius:7px;font-size:12px;line-height:1.35}.hg-clipping-duration-feedback[hidden]{display:none}
@media(max-width:520px){#hg-create-activity-modal .hg-clipping-duration-unit{min-width:100px;max-width:125px}}


/* HG CONNECT — Clip Duration unit own compact row — 2026-09-23 */
#hg-create-activity-modal .hg-clipping-duration-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  margin:0 0 9px;
}
#hg-create-activity-modal .hg-clipping-duration-heading .hg-clipping-field-block-title{
  width:100%;
  margin:0;
}
#hg-create-activity-modal .hg-clipping-duration-heading .hg-clipping-duration-unit{
  display:block;
  width:auto;
  min-width:108px;
  max-width:145px;
  margin:0;
}
@media(max-width:520px){
  #hg-create-activity-modal .hg-clipping-duration-heading .hg-clipping-duration-unit{
    width:auto;
    min-width:100px;
    max-width:135px;
  }
}


/* Shared Application Required applicant-photo policy. */
.hg-application-photo-box{margin:12px 0;padding:12px;border:1px solid #dbe5f0;border-radius:10px;background:#f8fbff}
.hg-application-photo-box>strong{display:block;margin-bottom:8px}
.hg-application-photo-box .hg-checkbox-label{margin-bottom:8px}
#hg-application-photo-settings[hidden]{display:none}
@media(max-width:640px){.hg-application-photo-box{padding:10px}.hg-application-photo-box .hg-form-row-2{grid-template-columns:1fr}}


/* ============================================================
   APPLICATIONS — MANAGE ALL IN EXISTING STATUS L2 RAIL
   Cards in normal Applications status views remain unchanged.
   ============================================================ */
.hg-application-status-tab--manage{white-space:nowrap}

.hg-applications-bulk-head{
    flex:0 0 auto;display:flex;align-items:center;gap:7px;min-width:0;
    padding:5px 6px;border:1px solid #d8e3ee;border-radius:10px;background:#f8fbff;
    box-sizing:border-box
}
.hg-applications-bulk-selected{
    display:grid;justify-items:center;align-content:center;min-width:48px;line-height:1
}
.hg-applications-bulk-selected strong{font-size:15px;color:#001D6E}
.hg-applications-bulk-selected span{margin-top:3px;font-size:7.5px;font-weight:800;color:#63758a;text-transform:uppercase}
.hg-applications-bulk-select-wrap{display:block;min-width:0;margin:0}
.hg-applications-bulk-select-wrap select{
    width:150px;max-width:34vw;height:30px;min-height:30px;margin:0;padding:3px 24px 3px 7px;
    border:1px solid #b9cadb;border-radius:8px;background:#fff;color:#173f70;font-size:9px;font-weight:700
}

.hg-applications-manage-all-table-wrap{display:grid;gap:8px;min-width:0}
.hg-applications-table-scroll{
    width:100%;max-width:100%;overflow-x:auto;border:1px solid #d5e0eb;border-radius:11px;
    background:#fff;-webkit-overflow-scrolling:touch
}
.hg-applications-manage-table{width:100%;min-width:820px;border-collapse:collapse;table-layout:auto;background:#fff}
.hg-applications-manage-table th,.hg-applications-manage-table td{
    padding:7px 8px;border-bottom:1px solid #e4ebf2;color:#38516b;font-size:9.5px;line-height:1.3;text-align:left;vertical-align:middle
}
.hg-applications-manage-table thead th{
    position:sticky;top:0;z-index:1;background:#edf4fa;color:#173f70;font-size:8.5px;font-weight:800;
    text-transform:uppercase;letter-spacing:.02em;white-space:nowrap
}
.hg-applications-manage-table tbody tr:last-child td{border-bottom:0}
.hg-applications-manage-table tbody tr:hover td{background:#f9fcff}
.hg-applications-manage-table__check{width:34px;text-align:center}
.hg-applications-manage-table__check input{width:14px;height:14px;margin:0;vertical-align:middle}
.hg-applications-manage-table__view{width:98px;text-align:center}
.hg-applications-table-applicant{display:flex;align-items:center;gap:6px;min-width:128px}
.hg-applications-table-applicant .hg-application-inbox-name{
    min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#173f70;font-size:9.5px
}
.hg-applications-table-photo{
    flex:0 0 26px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;
    overflow:hidden;border:1px solid #cbd9e7;border-radius:50%;background:#edf4fa;color:#38516b
}
.hg-applications-table-photo img{width:100%;height:100%;object-fit:cover}
.hg-applications-table-view{
    display:inline-flex;align-items:center;justify-content:center;
    width:auto;min-width:0;height:24px;min-height:24px;
    margin:0;padding:3px 6px;border-radius:6px;
    font-size:8px;line-height:1;white-space:nowrap
}
.hg-applications-bulk-message{margin:0}
.hg-applications-bulk-note{margin:0;color:#6b7d90;font-size:8.5px;line-height:1.4}

.hg-activity-already-applied-box{display:grid;gap:8px;padding:10px;border:1px solid #cbd9e7;border-radius:10px;background:#f8fbff;color:#38516b}
.hg-activity-already-applied-box strong{color:#173f70;font-size:12px}
.hg-activity-already-applied-box p{margin:0;font-size:10px;line-height:1.45}
.hg-activity-already-applied-actions{display:flex;flex-wrap:wrap;gap:6px}
.hg-activity-already-applied-actions .hg-button{width:auto;min-width:0;margin:0;padding:6px 9px;font-size:9px}

@media(max-width:680px){
    .hg-applications-page-head{align-items:flex-start}
    .hg-applications-bulk-head{flex-direction:column;align-items:stretch;gap:5px;max-width:150px}
    .hg-applications-bulk-selected{grid-template-columns:auto auto;gap:4px;justify-content:center;align-items:baseline}
    .hg-applications-bulk-selected span{margin:0}
    .hg-applications-bulk-select-wrap select{width:138px;max-width:100%;font-size:8px}
    .hg-applications-manage-table{min-width:740px}
    .hg-applications-table-view{height:22px;min-height:22px;padding:2px 5px;font-size:7.5px}
}


/* Applications > Manage All: status + search + Activity + Filter on one desktop row. */
.hg-applications-filters.is-manage-all{grid-template-columns:minmax(135px,.65fr) minmax(180px,1fr) minmax(180px,.8fr) auto}
@media(max-width:640px){.hg-applications-filters.is-manage-all{grid-template-columns:1fr}}

/* ============================================================
   2026-09-26 — Submission review square icons + Applications modal viewport/photo fix
   ============================================================ */
.hg-review-submission-item[data-task-type="clipping"] > .hg-review-submission-actions{
  min-height:26px;
  padding:3px 6px;
  gap:4px;
}
.hg-review-submission-item[data-task-type="clipping"] > .hg-review-submission-actions .hg-review-submission-action{
  display:inline-grid;
  place-items:center;
  width:20px;
  min-width:20px;
  max-width:20px;
  height:20px;
  min-height:20px;
  max-height:20px;
  margin:0;
  padding:0;
  border:1px solid #cbd8e5;
  border-radius:4px;
  background:#fff;
  box-shadow:none;
  font:800 11px/1 Arial,sans-serif;
}

/* Keep the Applications review modal attached to the actual viewport and fully scrollable. */
.hg-application-view-modal:not([hidden]){
  position:fixed;
  inset:0;
  width:100vw;
  height:100dvh;
  min-height:100vh;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow-x:hidden;
  overflow-y:auto;
  padding:10px;
  box-sizing:border-box;
}
.hg-application-view-modal-dialog{
  flex:0 0 auto;
  width:min(760px,calc(100vw - 20px));
  max-width:calc(100vw - 20px);
  max-height:calc(100dvh - 20px);
  margin:auto 0;
  overflow:hidden;
}
.hg-application-view-modal-body{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
}

/* Application photo inside review: never crop the applicant's full uploaded image. */
.hg-application-modal-photo-stage .hg-application-modal-photo:not(.is-empty){
  display:block;
  width:min(360px,100%);
  height:auto;
  min-width:0;
  min-height:0;
  max-width:100%;
  max-height:none;
  aspect-ratio:auto;
  overflow:hidden;
  background:#fff;
}
.hg-application-modal-photo-stage .hg-application-modal-photo:not(.is-empty) img{
  display:block;
  width:100%;
  height:auto;
  min-width:0;
  min-height:0;
  max-width:100%;
  max-height:min(58vh,520px);
  margin:0 auto;
  object-fit:contain;
  object-position:center;
  background:#fff;
}

/* Full-photo lightbox: fit the entire image inside the visible browser viewport. */
.hg-application-photo-lightbox:not([hidden]){
  position:fixed;
  inset:0;
  width:100vw;
  height:100dvh;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:auto;
  padding:10px;
  box-sizing:border-box;
}
.hg-application-photo-lightbox-dialog{
  width:auto;
  max-width:calc(100vw - 20px);
  max-height:calc(100dvh - 20px);
  margin:auto;
  overflow:auto;
  box-sizing:border-box;
}
.hg-application-photo-lightbox-dialog img{
  display:block;
  width:auto;
  height:auto;
  max-width:calc(100vw - 40px);
  max-height:calc(100dvh - 78px);
  margin:0 auto;
  object-fit:contain;
  object-position:center;
}
@media(max-width:640px){
  .hg-application-view-modal:not([hidden]){padding:5px}
  .hg-application-view-modal-dialog{
    width:calc(100vw - 10px);
    max-width:calc(100vw - 10px);
    max-height:calc(100dvh - 10px);
  }
  .hg-application-modal-photo-stage .hg-application-modal-photo:not(.is-empty){
    width:min(320px,100%);
  }
  .hg-application-modal-photo-stage .hg-application-modal-photo:not(.is-empty) img{
    max-height:52vh;
  }
  .hg-application-photo-lightbox:not([hidden]){padding:5px}
  .hg-application-photo-lightbox-dialog{
    max-width:calc(100vw - 10px);
    max-height:calc(100dvh - 10px);
  }
  .hg-application-photo-lightbox-dialog img{
    max-width:calc(100vw - 24px);
    max-height:calc(100dvh - 68px);
  }
}


/* ============================================================
   2026-09-26 — Clipping Submission review action distribution
   Keep the three icon buttons at left / center / right.
   ============================================================ */
.hg-review-submission-item[data-task-type="clipping"] > .hg-review-submission-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:26px;
  margin-top:0;
  padding:3px 7px;
  gap:0;
  box-sizing:border-box;
}
.hg-review-submission-item[data-task-type="clipping"] > .hg-review-submission-actions .hg-review-submission-action{
  flex:0 0 20px;
  display:grid;
  place-items:center;
  width:20px;
  min-width:20px;
  max-width:20px;
  height:20px;
  min-height:20px;
  max-height:20px;
  margin:0;
  padding:0;
  border-radius:4px;
}

/* ============================================================
   2026-09-26 — Submissions > Manage All
   Mirrors Applications Manage All without changing normal cards.
   ============================================================ */
.hg-review-submission-tab--manage{white-space:nowrap}
.hg-review-submission-filters.is-manage-all{
  grid-template-columns:minmax(135px,.65fr) minmax(180px,1fr) minmax(180px,.8fr) auto;
}
.hg-submissions-manage-table{min-width:760px}
.hg-submissions-table-participant{
  display:block;
  max-width:180px;
  overflow:hidden;
  color:#173f70;
  font-size:9.5px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hg-submissions-table-id{
  display:block;
  margin-top:2px;
  color:#7a8999;
  font-size:7.5px;
  line-height:1;
}
@media(max-width:640px){
  .hg-review-submission-filters.is-manage-all{grid-template-columns:1fr}
  .hg-submissions-manage-table{min-width:700px}
}

/* 2026-09-26 — Applications Manage All compact filters + Submission waiting badge parity. */
.hg-applications-filters.is-manage-all{
  grid-template-columns:minmax(135px,.65fr) minmax(160px,1fr) minmax(150px,.72fr) auto;
  gap:6px;
  align-items:end;
  margin:0 0 10px;
  padding:7px;
  border-color:#dbe5ef;
  border-radius:10px;
  background:#f8fbfe;
}
.hg-applications-filters.is-manage-all label{gap:3px;margin:0}
.hg-applications-filters.is-manage-all label>span{
  color:#52677e;
  font-size:7.5px;
  line-height:1;
  font-weight:800;
  text-transform:none;
}
.hg-applications-filters.is-manage-all input[type="search"],
.hg-applications-filters.is-manage-all select{
  width:100%;
  min-width:0;
  height:29px;
  margin:0;
  padding:4px 8px;
  border:1px solid #cbd7e3;
  border-radius:7px;
  background:#fff;
  color:#263d55;
  box-sizing:border-box;
  font-size:9px;
  line-height:1.2;
  box-shadow:none;
}
.hg-applications-filters.is-manage-all .hg-button{
  justify-self:end;
  width:auto;
  min-width:44px;
  max-width:56px;
  height:24px;
  min-height:24px;
  margin:0;
  padding:2px 6px;
  border-radius:6px;
  box-sizing:border-box;
  font-size:7.4px;
  line-height:1;
  font-weight:800;
  overflow:hidden;
}
.hg-review-submissions-pending{
  border-color:#f4df9b;
  background:#fff8dc;
  box-shadow:inset 0 1px 0 #fff,0 2px 0 #e4cc7d;
  color:#7c5b00;
}
.hg-review-submissions-pending strong{color:#7c5b00}
@media(max-width:640px){
  .hg-applications-filters.is-manage-all{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:5px;
    padding:6px;
  }
  .hg-applications-filters.is-manage-all .hg-button{
    grid-column:2;
    justify-self:end;
    width:auto;
  }
}
@media(max-width:420px){
  .hg-applications-filters.is-manage-all{grid-template-columns:1fr}
  .hg-applications-filters.is-manage-all .hg-button{grid-column:auto;justify-self:end;width:auto}
}

/* 2026-09-26 — Manage All filter button parity: compact, never full-width. */
.hg-review-submission-filters.is-manage-all .hg-button{
  justify-self:end;
  width:auto;
  min-width:44px;
  max-width:56px;
  height:24px;
  min-height:24px;
  margin:0;
  padding:2px 6px;
  border-radius:6px;
  box-sizing:border-box;
  font-size:7.4px;
  line-height:1;
  font-weight:800;
}
@media(max-width:640px){
  .hg-review-submission-filters.is-manage-all .hg-button{
    grid-column:auto;
    justify-self:end;
    width:auto;
  }
}

/* ============================================================
 * WORKSPACE 1.2 — public-detail layout aligned with Activity Page
 * Scoped to participant workspace only.
 * ============================================================ */
.hg-workspace-modern {
    max-width: 1120px;
    margin: 0 auto;
}

.hg-workspace-modern .hg-workspace-back {
    margin-bottom: 14px;
}

.hg-workspace-modern-hero {
    margin-bottom: 18px;
    padding: 24px 22px;
    border: 1px solid #e3e8ef;
    border-radius: 16px;
    background: #fff;
    text-align: center;
    box-shadow: 0 4px 18px rgba(16,24,40,.04);
}

.hg-workspace-modern-badges {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.hg-workspace-modern-hero h2 {
    margin: 0;
    color: #172033;
    font-size: clamp(22px, 3vw, 32px);
    line-height: 1.2;
}

.hg-workspace-modern-hero p {
    margin: 8px 0 0;
    color: #66758a;
    font-size: 13px;
    font-weight: 600;
}

.hg-workspace-modern-panel {
    margin-bottom: 16px;
    padding: 20px;
    border: 1px solid #e3e8ef;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(16,24,40,.04);
}

.hg-workspace-modern-panel > h3 {
    margin: 0 0 14px;
    color: #001d6e;
    font-size: 17px;
    line-height: 1.3;
    text-align: center;
}

.hg-workspace-modern-about > h3 {
    font-size: 19px;
}

.hg-workspace-modern-richtext {
    color: #334155;
    font-size: 14px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.hg-workspace-modern-richtext > :first-child {
    margin-top: 0;
}

.hg-workspace-modern-richtext > :last-child {
    margin-bottom: 0;
}

.hg-workspace-modern-subsection {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #edf0f4;
}

.hg-workspace-modern-subsection h4 {
    margin: 0 0 8px;
    color: #24324a;
    font-size: 14px;
}

.hg-workspace-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
}

.hg-workspace-detail-grid > div {
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #edf0f4;
    border-radius: 10px;
    background: #fafbfd;
}

.hg-workspace-detail-grid dt {
    margin: 0 0 4px;
    color: #6c7888;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.hg-workspace-detail-grid dd {
    margin: 0;
    color: #24324a;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.hg-workspace-task-panel {
    overflow: hidden;
}

.hg-workspace-content-actions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.hg-workspace-content-action-card {
    min-width: 0;
    padding: 12px;
    border: 1px solid #dfe6ef;
    border-radius: 12px;
    background: #f8fbff;
}

.hg-workspace-content-action-card > strong {
    display: block;
    margin-bottom: 8px;
    color: #24324a;
    font-size: 12px;
}

.hg-workspace-content-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.hg-workspace-content-actions .hg-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    white-space: normal;
    text-align: center;
}

.hg-workspace-task-detail-grid {
    margin-top: 12px;
}

.hg-workspace-modern-note {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid #e7ecf2;
    border-radius: 10px;
    background: #f8f9fb;
    color: #334155;
}

.hg-workspace-modern-note strong {
    display: block;
    margin-bottom: 5px;
    color: #24324a;
    font-size: 12px;
}

.hg-workspace-modern-note p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
}

.hg-workspace-earnings-simulation {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #edf0f4;
}

.hg-workspace-earnings-simulation-head {
    margin-bottom: 10px;
    text-align: center;
}

.hg-workspace-earnings-simulation-head h4 {
    margin: 0 0 5px;
    color: #24324a;
    font-size: 15px;
}

.hg-workspace-earnings-simulation-head p {
    margin: 0 auto;
    max-width: 700px;
    color: #6b7788;
    font-size: 11.5px;
    line-height: 1.5;
}

.hg-workspace-earnings-simulation-head .hg-workspace-reward-maximum {
    margin-top: 7px;
    color: #334155;
}

.hg-workspace-reward-expectation {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid #cfe0f6;
    border-radius: 11px;
    background: #f3f8ff;
}

.hg-workspace-reward-expectation > div {
    min-width: 0;
    padding: 11px 12px;
    text-align: center;
}

.hg-workspace-reward-expectation > div + div {
    border-left: 1px solid #cfe0f6;
}

.hg-workspace-reward-expectation span {
    display: block;
    margin-bottom: 4px;
    color: #65758b;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.hg-workspace-reward-expectation strong {
    display: block;
    color: #001d6e;
    font-size: 15px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.hg-workspace-simulation-scroll {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid #e5eaf0;
    border-radius: 10px;
    background: #fff;
}

.hg-workspace-simulation-table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 12px;
}

.hg-workspace-simulation-table th,
.hg-workspace-simulation-table td {
    width: 50%;
    padding: 9px 10px;
    border-bottom: 1px solid #eef1f5;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: normal;
}

.hg-workspace-simulation-table th {
    background: #f8fafc;
    color: #526174;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.hg-workspace-simulation-table td:last-child,
.hg-workspace-simulation-table th:last-child {
    text-align: right;
}

.hg-workspace-simulation-table tr:last-child td {
    border-bottom: 0;
}

.hg-workspace-simulation-table tr.is-cap-row td {
    font-weight: 800;
    color: #001d6e;
    background: #f2f7ff;
}

.hg-workspace-continue-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 14px;
}

.hg-workspace-submit-bottom {
    margin-top: 4px;
}

.hg-workspace-submit-bottom #hg-workspace-submit-form {
    max-width: 920px;
    margin: 0 auto;
}

.hg-workspace-submit-bottom .hg-form-group > label {
    font-weight: 700;
    color: #334155;
}

.hg-workspace-submit-button {
    width: 100%;
    min-height: 42px;
    justify-content: center;
}

.hg-workspace-submissions-bottom > h3 {
    margin-bottom: 16px;
}

.hg-workspace-clipping-submission-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.hg-workspace-clipping-submission-list .hg-clipping-card.is-my-submission-compact {
    width: 100%;
    max-width: none;
}

.hg-workspace-modern .hg-workspace-readonly-notice {
    border-color: #eadfbe;
    background: #fffdf7;
}

.hg-workspace-modern .hg-workspace-manager-actions {
    justify-content: center;
}

@media (max-width: 760px) {
    .hg-workspace-modern-hero,
    .hg-workspace-modern-panel {
        padding: 15px;
        border-radius: 13px;
    }

    .hg-workspace-detail-grid,
    .hg-workspace-content-actions-grid {
        grid-template-columns: 1fr;
    }

    .hg-workspace-reward-expectation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .hg-workspace-content-actions {
        grid-template-columns: 1fr;
    }

    .hg-workspace-modern-panel > h3,
    .hg-workspace-modern-about > h3 {
        font-size: 16px;
    }

    .hg-workspace-modern-hero h2 {
        font-size: 21px;
    }

    .hg-workspace-simulation-table th,
    .hg-workspace-simulation-table td {
        padding: 8px 6px;
        font-size: 11px;
    }

    .hg-workspace-reward-expectation > div {
        padding: 9px 7px;
    }

    .hg-workspace-reward-expectation strong {
        font-size: 13px;
    }
}

/* Clipping submit form inside the modern workspace. */
.hg-workspace-modern .hg-clipping-link-submission > h4 {
    margin: 0 0 12px;
    color: #24324a;
    font-size: 14px;
    text-align: center;
}

.hg-workspace-modern #hg-clips-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.hg-workspace-modern .hg-clip-row {
    margin: 0;
    padding: 14px;
    border: 1px solid #e1e7ef;
    border-radius: 12px;
    background: #fbfcfe;
}

.hg-workspace-modern .hg-clip-row h5 {
    margin: 0 0 10px;
    color: #001d6e;
    font-size: 13px;
    text-align: left;
}

.hg-workspace-modern .hg-clip-row hr {
    display: none;
}

.hg-workspace-modern .hg-clip-row .hg-form-group {
    margin-bottom: 0;
}

.hg-workspace-modern .hg-clip-row .hg-input,
.hg-workspace-modern .hg-clip-row input[type="url"],
.hg-workspace-modern .hg-clip-row input[type="number"] {
    width: 100%;
    min-width: 0;
    border: 1px solid #ccd7e4;
    border-radius: 9px;
    background: #fff;
}

.hg-workspace-modern .hg-clipping-submit-duration {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #edf1f5;
}

.hg-workspace-modern .hg-clipping-submit-card-preview {
    margin-top: 12px;
}

.hg-workspace-modern .hg-add-clip,
.hg-workspace-modern .hg-remove-clip {
    margin-top: 10px;
}

.hg-workspace-modern .hg-clipping-link-submission > .hg-small {
    display: block;
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #f3f7fb;
    color: #526174;
    text-align: center;
    font-weight: 700;
}

.hg-workspace-requirement-list {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 20px;
    color: #334155;
    font-size: 13px;
    line-height: 1.55;
}

/* 2026-10-08 — Activities mobile edge spacing: Dashboard's 9.5px per side.
   Applies to all Activity types and L1/L2 contents; does not alter card grids,
   horizontal subtab scrolling, other Dashboard tabs, or desktop widths. */
@media (max-width: 768px) {
    .hg-connect-wrapper .hg-activities-container {
        width: calc(100vw - 19px) ;
        max-width: calc(100vw - 19px) ;
        min-width: 0 ;
        margin-left: calc(50% - 50vw + 9.5px) ;
        margin-right: calc(50% - 50vw + 9.5px) ;
        padding: 10px;
        box-sizing: border-box ;
    }
    .hg-connect-wrapper .hg-activities-container > .hg-activities-header,
    .hg-connect-wrapper .hg-activities-container > .hg-activities-sub-tabs,
    .hg-connect-wrapper .hg-activities-container > .hg-activities-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
}

/* Indicate the currently selected Activity Pages L2 without changing its pill geometry. */
.hg-activity-pages-subrail .hg-activity-pages-rail-link.active {
    background: #194a86 ;
    border-color: #194a86 ;
    color: #fff ;
}


/* HG CONNECT DESIGN RULE — 2026-10-11
   Create Activity modal uses 9.5px viewport gutters on all screen sizes.
   Preserve wizard header, progress, body scrolling and action footer. */
#hg-create-activity-modal.hg-activity-wizard-modal {
    box-sizing: border-box ;
    padding: 9.5px ;
}
#hg-create-activity-modal .hg-modal-content.hg-modal-activity {
    box-sizing: border-box ;
    flex: 0 1 auto;
    width: calc(100vw - 19px) ;
    max-width: calc(100vw - 19px) ;
    min-width: 0 ;
    margin-left: auto ;
    margin-right: auto ;
}
@media (max-width: 640px) {
    #hg-create-activity-modal .hg-modal-content.hg-modal-activity {
        max-height: calc(100dvh - 19px) ;
        border-radius: 12px ;
    }
    #hg-create-activity-modal .hg-modal-header {
        border-radius: 12px 12px 0 0;
    }
    #hg-create-activity-modal .hg-modal-actions {
        border-radius: 0 0 12px 12px;
    }
}

/* HG CONNECT MODAL WIDTH — 2026-10-11.
   The outer Create Activity dialog already uses viewport minus 19px.
   Let the nested builder use that available width, removing only its
   previous 820px / 980px restrictions. Preserve child grid responsive rules. */
#hg-create-activity-modal .hg-activity-child-wizard,
#hg-create-activity-modal .hg-voting-builder {
    box-sizing: border-box;
    width: 100% ;
    max-width: 100% ;
    min-width: 0 ;
    margin-left: auto ;
    margin-right: auto ;
}

/* HG Connect — All Activity Data L2, Decision dossier and read-only Earnings. */
.hg-all-activity-data,.hg-earnings-module{min-width:0;max-width:100%;box-sizing:border-box}
.hg-activity-data-subrail{margin:12px 0 14px}
.hg-activity-data-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:12px 0}
.hg-activity-data-filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700}
.hg-activity-data-filters input,.hg-activity-data-filters select{max-width:100%;min-height:35px}
.hg-activity-data-scroll,.hg-earnings-table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.hg-activity-data-table{width:max-content;min-width:100%;table-layout:auto}
.hg-activity-data-table th,.hg-activity-data-table td{max-width:240px;min-width:75px;white-space:normal;overflow-wrap:normal;word-break:normal;vertical-align:middle;padding:9px}
.hg-activity-data-table th{white-space:nowrap}
.hg-activity-data-table .button{white-space:nowrap}
.hg-ad-pagination,.hg-earnings-pagination{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.hg-ad-modal[hidden]{display:none!important}
.hg-ad-modal{position:fixed;inset:0;z-index:100100;display:flex;align-items:center;justify-content:center;padding:9.5px;box-sizing:border-box}
.hg-ad-backdrop{position:absolute;inset:0;border:0;background:rgba(5,19,41,.72);cursor:pointer}
.hg-ad-dialog{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:14px;width:calc(100vw - 19px);max-height:calc(100dvh - 25px);overflow:hidden;box-shadow:0 14px 70px rgba(0,0,0,.28);color:#182d44}
.hg-ad-dialog>header,.hg-ad-dialog>footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #d7e3ee}
.hg-ad-dialog>footer{border-bottom:0;border-top:1px solid #d7e3ee;justify-content:flex-end}
.hg-ad-dialog [data-hg-ad-feedback]{margin:0;padding:4px 16px;font-weight:600;color:#1e4771}
.hg-ad-body{overflow:auto;min-height:0;padding:10px 16px 20px}
.hg-ad-dossier-member{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e1e7ef;padding:6px 0 14px}
.hg-ad-dossier-member img{width:62px;height:62px;flex:none;border-radius:50%;object-fit:cover}
.hg-ad-dossier-member h3{margin:0}.hg-ad-dossier-member p{margin:4px 0}
.hg-ad-info{padding:12px 14px;margin:12px 0;background:#eaf3ff;border:1px solid #c3d8ec;border-radius:9px;color:#173f64}
.hg-ad-submission{border:1px solid #d6e2ee;border-radius:11px;margin:12px 0;padding:14px;background:#fff}
.hg-ad-submission>header{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hg-ad-status{font-size:12px;padding:3px 8px;border-radius:6px;background:#ecf3fa;font-weight:700}
.hg-ad-submission time{font-size:12px;color:#506781}
.hg-ad-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:9px;margin:12px 0}
.hg-ad-metrics label{display:flex;flex-direction:column;gap:5px}
.hg-ad-metrics input{max-width:100%}
.hg-ad-edit-metrics summary{cursor:pointer;font-weight:700;margin-bottom:10px}
.hg-ad-note{display:flex;flex-direction:column;gap:5px;margin-top:10px;font-weight:650}
.hg-ad-note textarea{width:100%;max-width:100%;min-height:70px;box-sizing:border-box}
.hg-ad-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.hg-earnings-module{padding:14px;background:#f7fbff;border:1px solid #d9e6f0;border-radius:13px}
.hg-earnings-module-head h2{margin:0 0 8px}
.hg-earnings-module-head p{margin:0 0 10px}
.hg-earnings-module-tabs{display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:6px 0 12px}
.hg-earnings-module-tabs a{display:inline-flex;white-space:nowrap;text-decoration:none;color:#23456a;background:#fff;border:1px solid #d0dfed;border-radius:8px;padding:9px 13px;font-weight:700}
.hg-earnings-module-tabs a.is-current{background:#092e67;border-color:#092e67;color:#fff}
.hg-earnings-stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}
.hg-earnings-stat-cards>div{padding:14px;background:#fff;border:1px solid #d5e0ed;border-radius:10px;display:grid;gap:5px}
.hg-earnings-stat-cards strong{font-size:25px}
.hg-earnings-table-scroll table{min-width:600px;width:100%;table-layout:auto}
.hg-earnings-table-scroll th{white-space:nowrap}
@media(max-width:650px){.hg-ad-dialog{max-height:calc(100dvh - 19px)}.hg-ad-body{padding:10px}.hg-activity-data-filters label{flex:1 1 140px}}

.hg-ad-final-earned{display:flex;align-items:end;gap:9px;flex-wrap:wrap;background:#f0f7ed;padding:10px;border:1px solid #bfd8b6;border-radius:9px;margin:12px 0}
.hg-ad-final-earned label{display:grid;gap:5px;font-weight:700}.hg-ad-final-earned input{min-height:33px;max-width:180px}

.hg-ad-dossier-pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}

/* All Activity Data — original submission cards inside the participant Decision dossier.
   Visual-only grid: every permission, estimate and action is owned by existing services. */
.hg-ad-submissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:12px;align-items:start;min-width:0}
.hg-ad-submissions-grid>.hg-ad-submission{margin:0;min-width:0;padding:10px;overflow-wrap:break-word}
.hg-ad-submission-video{min-width:0;margin:10px 0}
.hg-ad-submission-video>.hg-clipping-card{display:block;width:100%;min-width:0;max-width:100%;margin:0;box-sizing:border-box}
.hg-ad-submission-video .hg-clipping-card__preview{width:100%;min-width:0}
.hg-ad-content-attachment{display:grid;gap:6px;min-width:0;margin:9px 0}
.hg-ad-content-attachment video,.hg-ad-content-attachment img{display:block;width:100%;height:auto;max-width:100%;max-height:300px;object-fit:contain;border-radius:8px}
.hg-ad-submissions-grid .hg-ad-actions{gap:6px}
.hg-ad-submissions-grid .hg-ad-actions .button{white-space:normal;max-width:100%;height:auto;min-height:30px}
@media(max-width:650px){
  .hg-ad-submissions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .hg-ad-submissions-grid>.hg-ad-submission{padding:7px}
  .hg-ad-submission-video{margin:7px 0}
}

/* Existing Clipping editor/player is mounted on <body>; keep it ABOVE Decision. */
body.hg-ad-dossier-open .hg-clipping-editor-modal{z-index:100110}
body.hg-ad-dossier-open .hg-clipping-player-modal{z-index:100120}

/* Earnings: separate native currencies and explicitly optional display conversions. */
.hg-earnings-overview-grid,.hg-earnings-activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px;margin:12px 0 18px}
.hg-earnings-fx-display,.hg-earnings-activity-card,.hg-ad-dossier-overview{background:#fff;border:1px solid #d5e1ee;border-radius:12px;padding:15px;min-width:0}
.hg-earnings-fx-display h4,.hg-earnings-activity-card h4{margin:0 0 12px;color:#123664}
.hg-earnings-amount-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.hg-earnings-amount{border-radius:9px;border:1px solid #d7e4f3;padding:9px;background:#f4f9ff}
.hg-earnings-convert{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}
.hg-earnings-convert label{display:flex;align-items:center;gap:6px}
.hg-earnings-convert select{max-width:180px}
.hg-earnings-counts{display:grid;gap:5px;margin:10px 0}
.hg-earnings-rate-provenance,.hg-earnings-warning{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.hg-earnings-warning{border-left:3px solid #e4a23f;padding:8px;background:#fff9ed}
.hg-ad-overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:10px 0}
.hg-ad-overview-stats>div{padding:10px;background:#eef6ff;border-radius:9px;display:grid;gap:4px}
.hg-ad-overview-stats strong{font-size:20px}
.hg-ad-dossier-overview textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;margin:7px 0}
.hg-ad-batch-choice{display:block;margin:10px 0;font-size:12px;font-weight:600}
.hg-ad-batch-choice select{display:block;max-width:100%;width:100%;margin-top:4px}
@media(max-width:650px){.hg-earnings-overview-grid,.hg-earnings-activity-grid{grid-template-columns:1fr}.hg-ad-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* HG Connect 2.0.0 — Earnings shares the official Activities L1 geometry. */
.hg-connect-wrapper .hg-earnings-module .hg-earnings-l1 {
  display:flex;
  width:100%;
  max-width:100%;
  min-width:0;
  flex-wrap:nowrap;
  gap:6px;
  padding:9px 10px;
  margin:10px 0 16px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid #dfe9f5;
  border-radius:14px;
  background:linear-gradient(180deg,#eef4fb,#fff);
  box-sizing:border-box;
}
.hg-connect-wrapper .hg-earnings-l1 .hg-activities-sub-tab {
  flex:0 0 auto;
  margin:0;
  min-width:110px;
  white-space:nowrap;
  text-decoration:none;
  font-weight:700;
}
.hg-connect-wrapper .hg-earnings-l1 .hg-activities-sub-tab.active {
  background:#001d6e;
  color:#fff;
}
.hg-ad-reward-counts>div {background:#f1f8f0;border:1px solid #d4e5d2}
.hg-ad-dossier-overview h4 {margin:18px 0 5px;color:#123664}


/* HG Connect 2.0.0 — Earnings focused balance, L1 consistency and admin fields. */
.hg-connect-wrapper .hg-earnings-module{background:#f7faff;border:1px solid #dce7f3;border-radius:15px;padding:clamp(10px,2vw,18px)}
.hg-connect-wrapper .hg-earnings-module .hg-earnings-l1{display:flex;align-items:center;justify-content:flex-start;gap:4px;padding:9px 10px;margin:0 0 18px;background:linear-gradient(180deg,#eef4fb 0%,#f7faff 52%,#fff 100%);box-shadow:inset 0 2px 5px rgba(15,23,42,.07),inset 0 -1px 0 rgba(255,255,255,.9);border:1px solid #dfe9f5;border-radius:14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
.hg-connect-wrapper .hg-earnings-module .hg-earnings-l1::-webkit-scrollbar{display:none}
.hg-connect-wrapper .hg-earnings-module .hg-earnings-l1>a.hg-activities-sub-tab{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:35px;min-width:98px;padding:8px 11px;margin:0;background:#fff;color:#536176;border:1px solid #d9e3ef;border-radius:10px;box-shadow:-2px 3px 0 rgba(15,23,42,.08),0 5px 12px rgba(15,23,42,.06);font-size:11px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;transform:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.hg-connect-wrapper .hg-earnings-module .hg-earnings-l1>a.hg-activities-sub-tab:hover,.hg-connect-wrapper .hg-earnings-module .hg-earnings-l1>a.hg-activities-sub-tab:focus-visible{transform:none;background:#fff;border-color:#b7cbe5;box-shadow:-3px 4px 0 rgba(15,23,42,.1),0 8px 16px rgba(15,23,42,.1)}
.hg-connect-wrapper .hg-earnings-module .hg-earnings-l1>a.hg-activities-sub-tab.active{background:#001d6e;color:#fff;border-color:#001d6e;box-shadow:-3px 4px 0 rgba(0,29,110,.18),0 8px 16px rgba(0,29,110,.18)}
.hg-earnings-fx-display{border:1px solid #dbe6f4;border-radius:14px;padding:clamp(14px,2.5vw,24px);box-shadow:0 5px 18px rgba(17,48,88,.06)}
.hg-earnings-fx-display h4{font-size:15px;margin:0 0 18px;color:#314764}
.hg-earnings-balance-row{display:flex;align-items:end;justify-content:space-between;gap:14px;min-width:0}
.hg-earnings-balance-number{display:block;min-width:0;font-size:clamp(30px,4vw,46px);font-weight:800;letter-spacing:-1.1px;line-height:1.15;color:#001d6e;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.hg-earnings-balance-currency{display:grid;gap:5px;flex:0 0 auto;font-size:11px;font-weight:700;color:#5c6e83}
.hg-connect-wrapper .hg-earnings-balance-currency select{min-height:39px;min-width:85px;border:1px solid #c8d9ec;border-radius:10px;background:#f5f9ff;color:#001d6e;padding:7px 9px;font-weight:800;cursor:pointer}
.hg-earnings-native-totals{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0}
.hg-earnings-native-totals span{border-radius:40px;padding:5px 10px;background:#eff5ff;color:#315276;font-size:12px;font-weight:700}
.hg-earnings-balance-foot{margin-top:15px;padding-top:12px;border-top:1px solid #e3ecf6;display:grid;gap:6px;color:#64758b;font-size:12px;line-height:1.5}
.hg-earnings-balance-foot small{font-size:11px;color:#61718a}
.hg-earnings-balance-empty{font-size:13px;color:#61718a}
.hg-earnings-simple-note{border-left:3px solid #5e86c1;border-radius:6px;background:#eff5fc;color:#426080;font-size:13px;line-height:1.5;padding:12px 14px;margin:12px 0 20px}
.hg-earnings-activity-card{padding:16px;box-shadow:0 3px 12px rgba(18,45,82,.05)}
.hg-earnings-activity-card header{display:flex;align-items:start;justify-content:space-between;gap:8px}
.hg-earnings-activity-card h4{font-size:14px;margin:0 0 12px;overflow-wrap:anywhere}
.hg-earnings-activity-card header small{color:#7690ad}
.hg-earnings-activity-money{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #e6edf6}
.hg-earnings-activity-money>span{font-size:12px;color:#667891}
.hg-earnings-activity-money strong{color:#001d6e;font-size:15px;text-align:right}
.hg-earnings-activity-status{display:flex;flex-wrap:wrap;gap:10px;margin-top:13px;color:#65768e;font-size:11px}
.hg-earnings-activity-status b{color:#203f73}
.hg-earnings-managed-withdrawals{margin:16px 0;padding:15px;border:1px solid #dce6f2;border-radius:12px;background:white}
@media(max-width:550px){.hg-earnings-balance-row{align-items:center}.hg-earnings-balance-number{font-size:30px}.hg-earnings-fx-display{padding:14px}}

/* PATCH 015 - Earnings desktop: vertical summaries, boxed total beside currency. */
@media (min-width: 768px) {
 .hg-connect-wrapper .hg-earnings-overview-grid { grid-template-columns:minmax(0,1fr); }
}
.hg-connect-wrapper .hg-earnings-balance-row{align-items:stretch;gap:12px}
.hg-connect-wrapper .hg-earnings-total-box{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;min-width:0;padding:12px 15px;border:1px solid #cddff4;border-radius:12px;background:#f2f7ff}
.hg-connect-wrapper .hg-earnings-total-label{font-size:12px;font-weight:800;color:#40597b;margin-bottom:6px}
.hg-connect-wrapper .hg-earnings-balance-currency{align-self:stretch;align-content:center;justify-items:start}
.hg-connect-wrapper .hg-earnings-activity-money strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:550px){.hg-connect-wrapper .hg-earnings-balance-row{gap:8px}.hg-connect-wrapper .hg-earnings-total-box{padding:10px}}

/* PATCH021: monetary values show primary currency with an optional reference conversion. */
.hg-connect-wrapper .hg-earnings-alt-amount{display:block;color:#526c8b;font-size:13px;margin-top:5px;min-height:1em}
.hg-connect-wrapper .hg-earnings-card-amount{display:inline-flex;flex-direction:column;align-items:flex-end;max-width:100%;margin-left:5px}
.hg-connect-wrapper .hg-earnings-card-amount small{display:block;color:#526c8b;font-size:11px;font-weight:500;overflow-wrap:anywhere}
.hg-connect-wrapper .hg-earnings-checkin-label{font-size:11px;color:#62718c}
.hg-connect-wrapper [data-hg-earnings-save-status]{font-size:10px;color:#426080}

/* PATCH022: one personal currency control beside the Earnings heading; no duplicate native amount below Total. */
.hg-connect-wrapper .hg-earnings-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 12px;min-width:0}
.hg-connect-wrapper .hg-earnings-section-heading h3{margin:0;min-width:0}
.hg-connect-wrapper .hg-earnings-heading-currency{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:7px;max-width:100%;font-size:12px}
.hg-connect-wrapper .hg-earnings-heading-currency select{min-width:85px;max-width:120px}
.hg-connect-wrapper .hg-earnings-heading-currency [data-hg-earnings-save-status]:empty{display:none}
.hg-connect-wrapper .hg-earnings-fx-display .hg-earnings-total-box{width:100%}
@media(max-width:550px){.hg-connect-wrapper .hg-earnings-section-heading{align-items:flex-start}.hg-connect-wrapper .hg-earnings-heading-currency{width:auto}}