/* Janus-X centralized compatibility layer. */
/* Extracted baseline rules preserve existing behavior during the navy component migration. */

/* baseline/admin_billing_settings.html style block 1 */
.admin-billing-page {
        font-family: inherit;
    }
    .admin-billing-page .field label,
    .admin-billing-page .text-muted,
    .admin-billing-page .empty,
    .admin-billing-page .data-table th,
    .admin-billing-page .data-table td {
        font-family: inherit;
    }
    .admin-billing-page .field label {
        font-size: 0.92rem;
        font-weight: 600;
        line-height: 1.4;
    }
    .admin-billing-page input,
    .admin-billing-page select,
    .admin-billing-page textarea,
    .admin-billing-page button,
    .admin-billing-page option {
        font-family: inherit;
        font-size: 0.94rem;
        line-height: 1.45;
    }
    .admin-billing-page input::placeholder,
    .admin-billing-page textarea::placeholder {
        font-family: inherit;
    }
    .admin-billing-page .button {
        font-family: inherit;
        font-size: 0.92rem;
        font-weight: 600;
    }
    .admin-billing-page .data-table td.action-cell {
        text-align: left;
        vertical-align: middle;
        white-space: nowrap;
    }
    .admin-billing-page .data-table td.action-cell .actions {
        margin: 0;
        align-items: center;
    }
    .admin-billing-page .data-table td.action-cell .button {
        margin: 0;
        vertical-align: middle;
    }
    .admin-billing-page .data-table td.action-cell .button + .button {
        margin-left: 8px;
    }

/* baseline/admin_checklist.html style block 1 */
.admin-checklist-page {
        font-family: inherit;
    }
    .admin-checklist-page .field label,
    .admin-checklist-page .text-muted,
    .admin-checklist-page .empty,
    .admin-checklist-page .data-table th,
    .admin-checklist-page .data-table td {
        font-family: inherit;
    }
    .admin-checklist-page .field label {
        font-size: 0.92rem;
        font-weight: 600;
        line-height: 1.4;
    }
    .admin-checklist-page input,
    .admin-checklist-page select,
    .admin-checklist-page textarea,
    .admin-checklist-page button,
    .admin-checklist-page option {
        font-family: inherit;
        font-size: 0.94rem;
        line-height: 1.45;
    }
    .admin-checklist-page input::placeholder,
    .admin-checklist-page textarea::placeholder {
        font-family: inherit;
    }
    .admin-checklist-page .button {
        font-family: inherit;
        font-size: 0.92rem;
        font-weight: 600;
    }
    .admin-checklist-page .template-control-grid {
        display: grid;
        gap: 16px;
        grid-template-columns: minmax(220px, 0.9fr) minmax(0, 2.1fr);
        align-items: start;
    }
    .admin-checklist-page .template-form-grid {
        display: grid;
        gap: 12px;
        grid-template-columns: minmax(220px, 2fr) minmax(150px, 1.1fr) minmax(150px, 1fr) minmax(110px, 0.7fr);
        align-items: end;
    }
    .admin-checklist-page .template-form-actions {
        display: flex;
        justify-content: flex-end;
        grid-column: 1 / -1;
    }
    .admin-checklist-page .selection-panel {
        display: grid;
        gap: 12px;
        grid-template-columns: minmax(220px, 1fr) auto;
        align-items: end;
    }
    .admin-checklist-page .status-message {
        border-radius: 8px;
        display: none;
        font-size: 0.92rem;
        margin-bottom: 16px;
        padding: 10px 12px;
    }
    .admin-checklist-page .status-message.show {
        display: block;
    }
    .admin-checklist-page .status-message.success {
        background: #ecfdf3;
        border: 1px solid #bbf7d0;
        color: #166534;
    }
    .admin-checklist-page .status-message.error {
        background: #fef2f2;
        border: 1px solid #fecaca;
        color: #991b1b;
    }
    .admin-checklist-page .actions {
        display: flex;
        gap: 6px;
        margin: 0;
        flex-wrap: wrap;
        align-items: center;
    }
    @media (max-width: 959px) {
        .admin-checklist-page .template-control-grid,
        .admin-checklist-page .template-form-grid,
        .admin-checklist-page .selection-panel {
            grid-template-columns: 1fr;
        }
    }

/* baseline/admin_payments.html style block 1 */
.invoice-actions-col,
    .invoice-actions-cell,
    .payment-actions-col,
    .payment-actions-cell {
        width: 160px;
    }
    .payment-recovery-col,
    .payment-recovery-cell {
        width: 220px;
        vertical-align: middle;
    }
    .invoice-actions-cell,
    .payment-actions-cell {
        vertical-align: middle;
    }
    .invoice-actions-cell .actions,
    .payment-actions-cell .actions {
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin: 0;
    }
    .payment-recovery-note {
        display: flex;
        flex-direction: column;
        gap: 4px;
        font-size: 13px;
        line-height: 1.45;
    }
    .payment-recovery-note strong {
        font-size: 12px;
        letter-spacing: 0.01em;
        color: #0f172a;
    }
    .payment-recovery-note .hint {
        color: #475569;
    }
    .payment-recovery-note .flag {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        padding: 2px 8px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 600;
        background: #e2e8f0;
        color: #334155;
    }
    .payment-recovery-note .flag.auto {
        background: #dcfce7;
        color: #166534;
    }
    .payment-recovery-note .flag.manual {
        background: #fef3c7;
        color: #92400e;
    }

/* baseline/admin_reports.html style block 1 */
.report-filter-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        align-items: end;
    }
    .report-filter-grid .field {
        margin-bottom: 0;
        min-width: 0;
    }
    .report-filter-actions {
        grid-column: 1 / -1;
        display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 4px;
    }
    .report-filter-actions .button {
        width: auto;
    }
    #report-result-table th,
    #report-result-table td {
        font-size: 13px;
        line-height: 1.25;
    }
    #report-result-table th {
        vertical-align: middle;
    }
    #report-result-table .jx-report-cell--start { text-align: start; }
    #report-result-table .jx-report-cell--center { text-align: center; }
    #report-result-table .jx-report-cell--end { text-align: end; }
    @media (max-width: 1279px) {
        .report-filter-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (max-width: 767px) {
        .report-filter-grid {
            grid-template-columns: 1fr;
        }
    }

/* baseline/author_submission_checklist.html style block 1 */
.checklist-actions {
        align-items: center;
    }
    .checklist-actions .button {
        flex: 0 0 auto;
    }
    .checklist-actions #checklist-status {
        margin: 0;
        align-self: center;
        max-width: min(100%, 560px);
    }
    #checklist-items .checklist-section + .checklist-section {
        margin-top: 22px;
    }
    #checklist-items .checklist-section h3 {
        margin: 20px 0 12px;
        font-size: 17px;
        line-height: 1.35;
    }
    #checklist-items .checklist-item-wrapper {
        padding: 12px 14px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: #fff;
        margin-bottom: 10px;
    }
    #checklist-items .checklist-label {
        align-items: flex-start;
        gap: 10px;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.45;
        color: var(--text);
    }
    #checklist-items .checklist-label input[type="checkbox"] {
        width: 16px;
        height: 16px;
        margin-top: 3px;
        flex: 0 0 auto;
    }
    #checklist-items .label-text {
        flex: 0 1 auto;
    }
    #checklist-items .help {
        margin: 6px 0 0 28px;
        max-width: 980px;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.6;
        color: var(--text-muted);
        overflow-wrap: anywhere;
    }
    #checklist-items .badge {
        flex: 0 0 auto;
        align-self: flex-start;
        margin-top: 1px;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2;
        padding: 2px 7px;
    }

/* baseline/author_submission_create.html style block 1 */
.field.is-invalid input,
    .field.is-invalid select,
    .field.is-invalid textarea {
        border-color: var(--danger);
        background: rgba(220, 38, 38, 0.04);
    }
    .field-error {
        margin: 6px 0 0;
        color: var(--danger);
        font-size: 13px;
    }

/* baseline/author_submission_detail.html style block 1 */
.submission-code-meta {
        margin-bottom: 6px;
    }
    .submission-code-meta + .page-heading {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .ai-self-check-output {
        white-space: pre-wrap;
        overflow-wrap: anywhere;
        max-width: 100%;
    }
    .checklist-summary {
        cursor: pointer;
        list-style: none;
    }
    .checklist-summary::-webkit-details-marker {
        display: none;
    }
    .checklist-summary-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
    }
    .checklist-summary-title {
        margin: 0;
    }
    .revision-upload-card.is-invalid,
    .author-response-upload-card.is-invalid {
        border-color: var(--danger);
        box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.18), 0 12px 28px rgba(220, 38, 38, 0.08);
    }
    .revision-upload-card.is-invalid input[type="file"],
    .author-response-upload-card.is-invalid input[type="file"] {
        border-color: var(--danger);
        background: rgba(220, 38, 38, 0.04);
    }
    .current-round-review-list {
        margin: 16px 0 24px;
    }
    .revision-submit-actions {
        align-items: center;
        margin-top: 12px;
    }
    .timeline-content {
        margin-top: 12px;
    }
    .field-hint {
        margin: 4px 0 0;
        color: var(--text-muted);
        font-size: 13px;
    }

/* baseline/author_submission_list.html style block 1 */
.author-submission-list .button:not(.secondary) {
    color: #fff;
    font-weight: 700;
}
.author-filter-form {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: nowrap;
}
.author-filter-form .field {
    margin-bottom: 0;
}
.author-filter-form .filter-status {
    flex: 0 0 180px;
}
.author-filter-form .filter-date-range {
    display: flex;
    gap: 12px;
    flex: 0 0 460px;
}
.author-filter-form .filter-date-range .field {
    flex: 1 1 0;
}
.author-filter-form .filter-keyword {
    flex: 1 1 260px;
    min-width: 220px;
}
.author-filter-form .filter-actions {
    display: inline-flex;
    gap: 8px;
    white-space: nowrap;
}
.author-filter-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
}
.list-guidance-summary {
    font-size: 13px;
    line-height: 1.45;
    color: var(--text-muted);
}
.submission-code {
    margin-top: 4px;
    font-size: 12px;
    color: var(--text-muted);
    word-break: break-word;
}
.list-guidance-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}
.list-guidance-badge.tone-accent {
    background: #e0f2fe;
    color: #075985;
}
.list-guidance-badge.tone-warning {
    background: #fef3c7;
    color: #92400e;
}
.list-guidance-badge.tone-danger {
    background: #fee2e2;
    color: #991b1b;
}
.list-guidance-badge.tone-success {
    background: #dcfce7;
    color: #166534;
}
.list-guidance-badge.tone-muted {
    background: #f1f5f9;
    color: #475569;
}
@media (max-width: 1279px) {
    .author-filter-form {
        flex-wrap: wrap;
    }
    .author-filter-form .filter-status,
    .author-filter-form .filter-date-range,
    .author-filter-form .filter-keyword {
        flex: 1 1 240px;
    }
}

/* baseline/author_submission_meta.html style block 1 */
.field.is-invalid input,
    .field.is-invalid select,
    .field.is-invalid textarea {
        border-color: var(--danger);
        background: rgba(220, 38, 38, 0.04);
    }
    .field-error {
        margin: 6px 0 0;
        color: var(--danger);
        font-size: 13px;
    }
    #author-file-upload-card.is-invalid {
        border-color: var(--danger);
        box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.18), 0 12px 28px rgba(220, 38, 38, 0.08);
    }
    #author-file-upload-card.is-invalid input[type="file"] {
        border-color: var(--danger);
        background: rgba(220, 38, 38, 0.04);
    }
    .field-hint {
        margin: 4px 0 0;
        color: var(--text-muted);
        font-size: 13px;
    }

/* baseline/base.html style block 1 */
:root {
            --bg: #f5f6fa;
            --surface: #ffffff;
            --primary: var(--jx-color-primary);
            --primary-muted: var(--jx-color-primary-hover);
            --text: #1f2937;
            --text-muted: #64748b;
            --border: #e5e7eb;
            --danger: #dc2626;
        }
        * { box-sizing: border-box; }
        body {
            margin: 0;
            font-family: "Pretendard", "Noto Sans KR", sans-serif;
            background: var(--bg);
            color: var(--text);
        }
        a { color: var(--primary); text-decoration: none; }
        a:hover { text-decoration: underline; }
        header {
            background: var(--surface);
            border-bottom: 1px solid var(--border);
            padding: 12px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: sticky;
            top: 0;
            z-index: 10;
        }
        header .brand {
            font-weight: 700;
            font-size: 18px;
            letter-spacing: 0.02em;
        }
        header nav a,
        .nav-dropdown-toggle {
            margin-right: 16px;
            font-size: 14px;
            color: var(--text-muted);
            font-family: inherit;
            line-height: 1.4;
            font-weight: 400;
        }
        header nav a.active {
            color: var(--primary);
            font-weight: 600;
        }
        header nav {
            display: flex;
            align-items: center;
            gap: 4px;
        }
        .nav-dropdown {
            position: relative;
            display: inline-flex;
            align-items: center;
        }
        .nav-dropdown-toggle {
            background: transparent;
            border: 0;
            padding: 0;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            appearance: none;
        }
        .nav-dropdown-toggle.active {
            color: var(--primary);
            font-weight: 600;
        }
        .nav-dropdown-menu {
            position: absolute;
            top: 28px;
            left: 0;
            min-width: 200px;
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: 10px;
            box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
            padding: 6px 0;
            z-index: 30;
            display: none;
        }
        .nav-dropdown:hover .nav-dropdown-menu,
        .nav-dropdown.open .nav-dropdown-menu {
            display: block;
        }
        .nav-dropdown-menu .nav-link {
            display: block;
            margin: 0;
            padding: 8px 12px;
            white-space: nowrap;
        }
        .nav-meta {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        main {
            padding: 24px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .page-heading {
            margin: 0 0 16px 0;
            font-size: 26px;
            letter-spacing: -0.01em;
        }
        .page-meta {
            color: var(--text-muted);
            font-size: 13px;
            margin-bottom: 32px;
        }
        .card {
            background: var(--surface);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 20px;
            margin-bottom: 24px;
            box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
        }
        table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
        }
        th, td {
            padding: 10px 12px;
            text-align: left;
            border-bottom: 1px solid var(--border);
        }
        th {
            background: #f8fafc;
            font-weight: 600;
        }
        .badge {
            display: inline-flex;
            align-items: center;
            padding: 2px 8px;
            border-radius: 999px;
            font-size: 12px;
            background: color-mix(in srgb, var(--jx-color-primary) 10%, transparent);
            color: var(--primary);
        }
        .text-muted { color: var(--text-muted); }
        .actions {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
            margin-bottom: 16px;
        }
        .button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 10px 16px;
            border-radius: 12px;
            border: 1px solid transparent;
            font-size: 14px;
            background: var(--primary);
            color: #fff;
            text-decoration: none;
            cursor: pointer;
        }
        .button.secondary {
            background: #fff;
            color: var(--primary);
            border-color: var(--primary);
        }
        form .field {
            margin-bottom: 16px;
        }
        form label {
            display: block;
            font-weight: 600;
            margin-bottom: 6px;
        }
        form input, form select, form textarea {
            width: 100%;
            padding: 10px 12px;
            border-radius: 10px;
            border: 1px solid var(--border);
            font-size: 14px;
        }
        .data-table th {
            background: #f1f5f9;
        }
        .grid {
            display: grid;
            gap: 16px;
        }
        @media (min-width: 960px) {
            .grid.cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .grid.cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }
        @media (max-width: 959px) {
            .nav-meta {
                flex-wrap: wrap;
                justify-content: flex-end;
            }
            header nav {
                flex-wrap: wrap;
                justify-content: flex-end;
            }
            .nav-dropdown-menu {
                left: auto;
                right: 0;
            }
        }
        .empty {
            padding: 24px;
            text-align: center;
            color: var(--text-muted);
        }
        footer {
            text-align: center;
            color: var(--text-muted);
            font-size: 12px;
            padding: 24px 0 40px;
        }
        .status-chip {
            display: inline-block;
            padding: 4px 10px;
            border-radius: 999px;
            font-size: 12px;
            background: color-mix(in srgb, var(--jx-color-primary) 8%, transparent);
            color: var(--primary);
        }
        .status-chip.warning {
            background: rgba(217, 119, 6, 0.15);
            color: #b45309;
        }
        .status-chip.danger {
            background: rgba(220, 38, 38, 0.15);
            color: #991b1b;
        }
        .chip.active,
        .chip.active:link,
        .chip.active:visited,
        a.chip.active,
        a.chip.active:link,
        a.chip.active:visited,
        span.chip.active {
            color: #fff !important;
            font-weight: 700;
        }
        .chip {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 12px;
            border-radius: 16px;
            font-size: 13px;
            border: 1px solid var(--border);
            color: inherit;
            text-decoration: none;
            background: #fff;
        }
        .chip.active {
            background: var(--primary-muted);
            border-color: var(--primary-muted);
        }
        .message {
            padding: 12px 16px;
            border-radius: 12px;
            margin-bottom: 16px;
            font-size: 14px;
        }
        .message.success {
            background: rgba(34, 197, 94, 0.12);
            color: #166534;
        }
        .message.error {
            background: #fef2f2;
            border: 1px solid #fecaca;
            color: #991b1b;
        }
        .inline-feedback {
            margin-top: 8px;
            margin-bottom: 16px;
            padding: 10px 12px;
            border-radius: 8px;
            font-size: 14px;
            line-height: 1.45;
        }
        .inline-feedback.error {
            background: #fef2f2;
            border: 1px solid #fecaca;
            color: #991b1b;
        }
        .inline-feedback.success {
            background: #ecfdf5;
            border: 1px solid #bbf7d0;
            color: #166534;
        }
        .inline-feedback.info {
            background: #f8fafc;
            border: 1px solid var(--border);
            color: var(--text-muted);
        }
        .ai-output {
            margin-top: 10px;
            padding: 12px;
            background: #f8fafc;
            border: 1px solid var(--border);
            border-radius: 10px;
            white-space: pre-wrap;
            font-size: 13px;
            max-height: 260px;
            overflow-y: auto;
        }
        .stepper {
            display: flex;
            gap: 12px;
            margin-bottom: 24px;
            flex-wrap: wrap;
        }
        .stepper .step {
            padding: 8px 14px;
            border-radius: 999px;
            font-size: 13px;
            background: #e2e8f0;
            color: var(--text-muted);
            text-decoration: none;
        }
        .stepper .step.is-active {
            background: var(--primary);
            color: #fff;
        }
        .stepper .step a { color: inherit; }
        .stepper .step:hover {
            text-decoration: none;
        }
        .button.small {
            padding: 6px 10px;
            font-size: 12px;
            border-radius: 8px;
        }
        .checklist-item,
        .checklist-item-wrapper {
            padding: 14px 12px;
            border: 1px solid var(--border);
            border-radius: 12px;
            margin-bottom: 12px;
            background: #f8fafc;
        }
        .checklist-item .help,
        .checklist-item-wrapper .help,
        .checklist-item-wrapper > .text-muted {
            margin: 8px 0 0 28px !important;
            font-size: 13px !important;
            font-weight: 400 !important;
            line-height: 1.6 !important;
            color: var(--text-muted) !important;
            overflow-wrap: anywhere;
        }
        .checklist-label {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            font-size: 15px;
            font-weight: 700;
            line-height: 1.45;
        }
        .checklist-label input[type="checkbox"] {
            width: 16px;
            height: 16px;
            margin-top: 3px;
            flex: 0 0 auto;
        }
        .file-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .file-list li {
            padding: 8px 0;
            border-bottom: 1px solid var(--border);
            font-size: 14px;
        }
        .file-list li:last-child {
            border-bottom: none;
        }
        .stat-tile {
            background: #f8fafc;
            border: 1px solid var(--border);
            border-radius: 12px;
            padding: 16px;
        }
        .stat-tile strong {
            display: block;
            color: var(--text-muted);
            font-size: 13px;
            text-transform: uppercase;
        }
        .data-list {
            display: grid;
            grid-template-columns: 140px 1fr;
            gap: 12px 24px;
            margin: 0;
        }
        .data-list dt {
            font-weight: 600;
            color: var(--text-muted);
        }
        .data-list dd {
            margin: 0;
        }
        .review-block + .review-block {
            margin-top: 16px;
        }

/* baseline/editor_assignment_list.html style block 1 */
.bulk-action-form {
    display: grid;
    grid-template-columns: minmax(210px, 1.2fr) minmax(170px, 0.8fr) minmax(180px, 1fr) minmax(170px, auto);
    align-items: end;
    gap: 16px;
}
.bulk-action-form .field {
    min-width: 0;
    margin-bottom: 0;
}
.bulk-action-form .bulk-action-submit .button {
    width: 100%;
    white-space: nowrap;
}
@media (min-width: 960px) and (max-width: 1279px) {
    .bulk-action-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 959px) {
    .bulk-action-form {
        grid-template-columns: 1fr;
    }
    .bulk-action-form .bulk-action-submit .button { white-space: normal; }
}
.list-guidance-summary {
    font-size: 13px;
    line-height: 1.45;
    color: var(--text-muted);
}
.submission-code {
    margin-top: 4px;
    font-size: 12px;
    color: var(--text-muted);
    word-break: break-word;
}
.status-badge-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.list-guidance-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}
.list-guidance-badge.tone-accent {
    background: #e0f2fe;
    color: #075985;
}
.list-guidance-badge.tone-warning {
    background: #fef3c7;
    color: #92400e;
}
.list-guidance-badge.tone-danger {
    background: #fee2e2;
    color: #991b1b;
}
.list-guidance-badge.tone-success {
    background: #dcfce7;
    color: #166534;
}
.list-guidance-badge.tone-muted {
    background: #f1f5f9;
    color: #475569;
}

/* baseline/editor_invitation.html style block 1 */
.input-like {
        width: 100%;
        padding: 10px 12px;
        border-radius: 10px;
        border: 1px solid var(--border);
        font-size: 14px;
        font-family: inherit;
        box-sizing: border-box;
    }
    .table-actions {
        display: inline-flex;
        gap: 8px;
        flex-wrap: wrap;
    }
    .data-table td.table-actions-cell {
        white-space: nowrap;
        vertical-align: middle;
    }
    .reminder-modal-backdrop { position:fixed; inset:0; z-index:1000; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(15,23,42,.55); }
    .reminder-modal-backdrop.open { display:flex; }
    .reminder-modal-card { width:min(760px, 100%); max-height:90vh; overflow:auto; background:var(--surface, #fff); border-radius:14px; padding:22px; box-shadow:0 24px 60px rgba(15,23,42,.25); }
    .reminder-modal-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:16px; }

/* baseline/editor_submission_detail.html style block 1 */
.input-like {
        width: 100%;
        padding: 10px 12px;
        border-radius: 10px;
        border: 1px solid var(--border);
        font-size: 14px;
        font-family: inherit;
        box-sizing: border-box;
    }
    .field-label {
        display: block;
        font-weight: 600;
        margin-bottom: 6px;
    }
    .form-help {
        font-size: 12px;
        color: var(--text-muted);
        margin-top: 6px;
    }
    .reviewer-action-box {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    #invitation-expire,
    #invitation-expire::-webkit-datetime-edit,
    #invitation-expire::-webkit-date-and-time-value {
        font-family: inherit;
        font-size: 14px;
    }
    .table-actions {
        display: inline-flex;
        gap: 8px;
        flex-wrap: wrap;
    }
    .data-table td.table-actions-cell {
        white-space: nowrap;
        vertical-align: middle;
    }
    .submission-code-meta {
        margin-bottom: 6px;
    }
    .submission-code-meta + .page-heading {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .notify-options {
        grid-column: 1 / -1;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: stretch;
    }
    .notify-option {
        flex: 1 1 320px;
        border: 1px solid var(--border);
        border-radius: 10px;
        padding: 10px 12px;
        background: var(--surface-2);
    }
    .notify-option label {
        display: flex;
        width: 100%;
        align-items: center;
        gap: 8px;
        margin: 0;
        font-weight: 600;
    }
    .notify-option label input[type="checkbox"] {
        flex: 0 0 auto;
        width: auto;
        padding: 0;
        margin: 0;
    }
    .notify-option .text-muted {
        display: block;
        margin-top: 6px;
        font-size: 12px;
    }

/* baseline/editor_technical_check.html style block 1 */
.input-like {
        width: 100%;
        padding: 10px 12px;
        border-radius: 10px;
        border: 1px solid var(--border);
        font-size: 14px;
        font-family: inherit;
        box-sizing: border-box;
    }
    .field-label {
        display: block;
        font-weight: 600;
        margin-bottom: 6px;
    }
    .form-help {
        font-size: 12px;
        color: var(--text-muted);
        margin-top: 6px;
    }
    .field-hint {
        margin: 4px 0 0;
        color: var(--text-muted);
        font-size: 13px;
    }
    #technical-check-actions-card.is-invalid {
        border-color: var(--danger);
        box-shadow: 0 0 0 1px rgba(220, 38, 38, 0.18), 0 12px 28px rgba(220, 38, 38, 0.08);
    }
    #technical-check-actions-card.is-invalid input[type="file"] {
        border-color: var(--danger);
        background: rgba(220, 38, 38, 0.04);
    }
    #similarity-upload-form .field {
        min-width: 0;
    }
    #similarity-file {
        box-sizing: border-box;
        width: 100%;
    }
    .similarity-upload-action {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding-top: 25px;
    }
    .similarity-upload-action .button {
        min-height: 38px;
    }
    .similarity-upload-action #similarity-upload-status {
        padding-top: 10px;
    }

/* baseline/eic_submission_detail.html style block 1 */
.input-like {
        width: 100%;
        padding: 10px 12px;
        border-radius: 10px;
        border: 1px solid var(--border);
        box-sizing: border-box;
    }
    #final-disposition-form textarea,
    #final-disposition-form select,
    #publish-confirm-form textarea,
    #ai-integrity-notes {
        font-family: inherit;
        font-size: 14px;
        line-height: 1.45;
    }
    #ai-integrity-notes {
        width: 100%;
        box-sizing: border-box;
    }
    .checkbox-inline-label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
    }
    .warning-banner {
        border: 1px solid #f59e0b;
        background: #fffbeb;
        color: #92400e;
        border-radius: 10px;
        padding: 10px 12px;
        margin-bottom: 12px;
    }
    .success-banner {
        border: 1px solid #0d9488;
        background: #ecfeff;
        color: #115e59;
        border-radius: 10px;
        padding: 10px 12px;
        margin-bottom: 12px;
    }
    .inline-actions {
        display: flex;
        gap: 12px;
        align-items: center;
        flex-wrap: wrap;
    }
    .submission-code-meta {
        margin-bottom: 6px;
    }
    .submission-code-meta + .page-heading {
        margin-top: 0;
        margin-bottom: 10px;
    }

/* baseline/eic_submission_list.html style block 1 */
@media (min-width: 960px) {
        #eic-stats-grid {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }
    }
    .eic-section-title {
        margin-top: 0;
    }
    .eic-grid-gap-top {
        margin-top: 16px;
    }
    .eic-filter-form {
        display: grid;
        grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(132px, auto);
        align-items: end;
        gap: 16px;
        margin-bottom: 16px;
    }
    .eic-filter-form .field {
        margin-bottom: 0;
    }
    .eic-filter-submit .button {
        width: 100%;
        white-space: nowrap;
    }
    .eic-stat-count {
        font-size: 24px;
        margin: 6px 0 0;
    }
    .eic-stat-link {
        color: inherit;
        text-decoration: none;
        transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    }
    .eic-stat-link:hover,
    .eic-stat-link:focus-visible {
        border-color: var(--primary);
        box-shadow: 0 8px 18px color-mix(in srgb, var(--jx-color-primary) 12%, transparent);
        outline: none;
        transform: translateY(-1px);
    }
    .eic-stat-link.is-active {
        border-color: var(--primary);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--jx-color-primary) 12%, transparent);
    }
    .eic-journal-link {
        color: var(--primary);
        font-weight: 600;
        text-decoration: none;
    }
    .eic-journal-link:hover,
    .eic-journal-link:focus-visible {
        text-decoration: underline;
    }
    #eic-stats-error {
        margin-top: 12px;
        padding: 8px 0 0;
    }
    @media (max-width: 767px) {
        .eic-filter-form {
            grid-template-columns: 1fr;
        }
    }

/* baseline/eic_submission_list.html style block 2 */
.list-guidance-summary {
    font-size: 13px;
    line-height: 1.45;
    color: var(--text-muted);
}
.submission-code {
    margin-top: 4px;
    font-size: 12px;
    color: var(--text-muted);
    word-break: break-word;
}
.data-table th.status-col,
.data-table td.status-cell {
    width: 136px;
}
.data-table th.stage-col,
.data-table td.stage-cell {
    width: 122px;
}
.data-table th.guidance-col,
.data-table td.guidance-cell {
    width: 27%;
}
.data-table th.date-col,
.data-table td.date-cell {
    width: 98px;
}
.data-table th.actions-col,
.data-table td.actions-cell {
    width: 112px;
}
.status-badge-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.status-cell .status-chip,
.status-cell .list-guidance-badge,
.stage-cell .status-chip,
.date-cell {
    white-space: nowrap;
}
.date-cell {
    min-width: 82px;
    max-width: 98px;
    font-size: 12px;
    line-height: 1.4;
    vertical-align: top;
}
.eic-date-stack {
    display: grid;
    gap: 7px;
}
.eic-date-stack-item {
    display: grid;
    gap: 1px;
}
.eic-date-label {
    color: var(--text-muted);
    font-size: 11px;
    white-space: nowrap;
}
.eic-date-value {
    font-size: 12px;
    white-space: nowrap;
}
.actions-cell {
    text-align: center;
}
.actions-cell .button {
    font-family: inherit;
    font-weight: 400;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    min-width: 104px;
}
.list-guidance-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}
.list-guidance-badge.tone-accent {
    background: #e0f2fe;
    color: #075985;
}
.list-guidance-badge.tone-warning {
    background: #fef3c7;
    color: #92400e;
}
.list-guidance-badge.tone-danger {
    background: #fee2e2;
    color: #991b1b;
}
.list-guidance-badge.tone-success {
    background: #dcfce7;
    color: #166534;
}
.list-guidance-badge.tone-muted {
    background: #f1f5f9;
    color: #475569;
}
.actions-cell {
    text-align: center;
}
.actions-cell .button {
    width: 104px;
    justify-content: center;
    text-align: center;
    line-height: 1.2;
    padding-left: 10px;
    padding-right: 10px;
}

/* baseline/includes/dashboard_styles.html style block 1 */
:root {
        --layout-sidebar-width: 280px;
        --layout-grid-gap: 16px;
        --layout-side-title-size: 13px;
        --layout-side-link-gap: 6px;
    }
    main {
        max-width: 1920px;
    }
    .dashboard-layout,
    .layout-two-column {
        display: grid;
        gap: var(--layout-grid-gap);
        grid-template-columns: var(--layout-sidebar-width) minmax(0, 1fr);
        align-items: start;
    }
    .stage-sidebar,
    .layout-sidebar {
        position: sticky;
        top: 78px;
    }
    .stage-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: var(--layout-side-link-gap);
    }
    .stage-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 6px 2px;
        border: 0;
        border-radius: 0;
        color: inherit;
        text-decoration: none;
        background: transparent;
    }
    .stage-link:hover {
        text-decoration: underline;
    }
    .stage-count {
        min-width: 30px;
        text-align: right;
        font-size: 13px;
        font-weight: 600;
        color: var(--text-muted);
    }
    .content-column,
    .layout-content {
        min-width: 0;
    }
    .dashboard-guidance-overview {
        background:
            radial-gradient(circle at top right, rgba(34, 197, 94, 0.12), transparent 34%),
            linear-gradient(135deg, #fcfffa, #f2f7ff);
        border-color: rgba(15, 23, 42, 0.08);
    }
    .dashboard-guidance-shell {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }
    .dashboard-eyebrow {
        margin: 0 0 8px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--text-muted);
    }
    .dashboard-guidance-headline {
        margin: 0;
        font-size: 26px;
        line-height: 1.2;
    }
    .dashboard-guidance-supporting {
        margin: 10px 0 0;
        max-width: 760px;
        color: var(--text-muted);
    }
    .dashboard-guidance-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: flex-end;
    }
    .dashboard-guidance-badge,
    .dashboard-mini-badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border-radius: 999px;
        padding: 7px 12px;
        font-size: 12px;
        font-weight: 700;
        border: 1px solid rgba(15, 23, 42, 0.08);
        background: #fff;
    }
    .dashboard-mini-badge {
        padding: 4px 8px;
        font-size: 11px;
    }
    .dashboard-mini-badge.tone-accent {
        background: #e0f2fe;
        color: #075985;
    }
    .dashboard-mini-badge.tone-danger {
        background: #fee2e2;
        color: #991b1b;
    }
    .dashboard-mini-badge.tone-warning {
        background: #fef3c7;
        color: #92400e;
    }
    .dashboard-mini-badge.tone-success {
        background: #dcfce7;
        color: #166534;
    }
    .dashboard-mini-badge.tone-muted {
        background: #f1f5f9;
        color: #475569;
    }
    .dashboard-priority-grid {
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-bottom: 16px;
    }
    .dashboard-admin-ops-card {
        margin-bottom: 16px;
        background: linear-gradient(135deg, #fffdf7, #f8fbff);
    }
    .dashboard-admin-ops-grid {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .dashboard-admin-ops-item {
        display: grid;
        gap: 8px;
        padding: 14px;
        border-radius: 14px;
        text-decoration: none;
        color: inherit;
        border: 1px solid var(--border);
        background: #fff;
    }
    .dashboard-admin-ops-item.tone-warning {
        border-color: rgba(245, 158, 11, 0.32);
        background: linear-gradient(180deg, #fffdf5, #fff);
    }
    .dashboard-admin-ops-item.tone-danger {
        border-color: rgba(220, 38, 38, 0.26);
        background: linear-gradient(180deg, #fff7f7, #fff);
    }
    .dashboard-admin-ops-item.tone-muted {
        background: linear-gradient(180deg, #fbfdff, #fff);
    }
    .dashboard-admin-ops-label {
        font-size: 13px;
        color: var(--text-muted);
    }
    .dashboard-admin-ops-count {
        font-size: 28px;
        font-weight: 700;
        line-height: 1;
    }
    .dashboard-admin-ops-action {
        font-size: 12px;
        font-weight: 700;
        color: #0f766e;
    }
    .dashboard-priority-card {
        min-width: 0;
    }
    .dashboard-priority-description {
        margin: 10px 0 14px;
        color: var(--text-muted);
        font-size: 14px;
    }
    .dashboard-priority-list {
        display: grid;
        gap: 10px;
    }
    .dashboard-priority-item {
        display: block;
        padding: 14px;
        border: 1px solid var(--border);
        border-radius: 14px;
        color: inherit;
        text-decoration: none;
        background: #fff;
    }
    .dashboard-priority-item:hover {
        border-color: rgba(3, 105, 161, 0.26);
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
    }
    .dashboard-priority-item-head,
    .dashboard-priority-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }
    .dashboard-priority-paper,
    .dashboard-priority-meta {
        font-size: 12px;
        color: var(--text-muted);
    }
    .dashboard-priority-title {
        margin-top: 8px;
        font-weight: 700;
        line-height: 1.35;
    }
    .dashboard-priority-summary {
        margin: 8px 0 0;
        font-size: 14px;
        color: #334155;
        line-height: 1.45;
    }
    .dashboard-priority-action {
        font-size: 12px;
        font-weight: 700;
        color: #0f766e;
    }
    .sidebar-block-title {
        margin: 0 0 8px;
        font-size: var(--layout-side-title-size);
        color: var(--text-muted);
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }
    .action-strip {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        overflow-x: hidden;
        padding-bottom: 4px;
    }
    .action-card {
        flex: 1 1 0;
        min-width: 0;
        border: 1px solid var(--border);
        border-radius: 12px;
        padding: 12px;
        background: #fff;
        min-height: 86px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .action-card .label {
        font-size: 12px;
        color: var(--text-muted);
    }
    .action-card .count {
        margin-top: 6px;
        font-size: 26px;
        font-weight: 700;
        line-height: 1;
    }
    .section-title {
        margin: 0;
        font-size: 18px;
    }
    .section-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 12px;
    }
    .dashboard-table-wrap {
        overflow-x: auto;
    }
    .dashboard-table {
        min-width: 760px;
    }
    #dashboard-review-table {
        min-width: 1320px;
    }
    .dashboard-paper-col {
        width: 96px;
    }
    .dashboard-stage-col {
        width: 170px;
    }
    .dashboard-title-col {
        width: 280px;
    }
    #dashboard-review-author-header {
        width: 145px;
    }
    #dashboard-review-stage-header,
    #dashboard-review-decision-header {
        width: 170px;
    }
    #dashboard-review-date-header {
        width: 92px;
    }
    #dashboard-review-next-header {
        width: 110px;
    }
    .dashboard-paper-cell {
        font-size: 12px;
        color: var(--text-muted);
        white-space: nowrap;
    }
    .dashboard-summary-cell {
        min-width: 120px;
        max-width: 190px;
        font-size: 12px;
        line-height: 1.4;
        vertical-align: top;
    }
    .dashboard-summary-block {
        display: grid;
        gap: 3px;
    }
    .dashboard-summary-block + .dashboard-summary-block {
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px solid var(--border);
    }
    .dashboard-summary-block strong {
        font-size: 12px;
    }
    .dashboard-round-badge {
        display: inline-flex;
        width: fit-content;
        margin-bottom: 6px;
        border-radius: 999px;
        padding: 3px 8px;
        background: #e0f2fe;
        color: #075985;
        font-size: 11px;
        font-weight: 800;
    }
    .dashboard-summary-headline {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: nowrap;
        min-width: 0;
    }
    .dashboard-summary-headline strong {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .dashboard-summary-status,
    .dashboard-summary-ribbon {
        display: inline-flex;
        flex: 0 0 auto;
        width: fit-content;
        border-radius: 999px;
        padding: 2px 7px;
        background: #f1f5f9;
        color: #475569;
        font-size: 11px;
        font-weight: 700;
    }
    .dashboard-summary-meta-rows {
        display: grid;
        gap: 2px;
    }
    .dashboard-summary-meta-row {
        display: grid;
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 5px;
        align-items: baseline;
    }
    .dashboard-summary-meta-label {
        color: var(--text-muted);
        font-size: 11px;
        white-space: nowrap;
    }
    .dashboard-summary-meta-value {
        min-width: 0;
        overflow-wrap: anywhere;
    }
    .dashboard-date-summary-cell {
        min-width: 82px;
        max-width: 98px;
    }
    .dashboard-date-stack {
        display: grid;
        gap: 7px;
    }
    .dashboard-date-stack-item {
        display: grid;
        gap: 1px;
    }
    .dashboard-author-link {
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--jx-info-fg);
        font: inherit;
        font-weight: 700;
        text-align: left;
        text-decoration: underline;
        cursor: pointer;
    }
    .dashboard-author-role-label,
    .dashboard-author-name-label {
        display: block;
    }
    .dashboard-author-role-label {
        color: var(--text-muted);
        font-size: 11px;
        font-weight: 600;
        text-decoration: none;
    }
    .dashboard-author-name-label {
        margin-top: 2px;
    }
    .dashboard-author-link + .dashboard-author-link {
        margin-top: 6px;
    }
    .dashboard-table thead th {
        position: sticky;
        top: 0;
        z-index: 1;
        background: #f8fafc;
    }
    .dashboard-table tbody tr:hover {
        background: #f8fcfd;
    }
    .is-hidden {
        display: none;
    }
    .dashboard-block-top {
        margin-top: 16px;
    }
    .dashboard-link-gap {
        margin-left: 8px;
    }
    .dashboard-modal[hidden] {
        display: none;
    }
    .dashboard-modal {
        position: fixed;
        inset: 0;
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }
    .dashboard-modal-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(15, 23, 42, 0.42);
    }
    .dashboard-modal-dialog {
        position: relative;
        width: min(560px, 100%);
        max-height: min(720px, 90vh);
        overflow: auto;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
        padding: 18px;
    }
    .dashboard-modal-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 14px;
    }
    .dashboard-author-modal-body {
        display: grid;
        gap: 14px;
    }
    .dashboard-author-detail + .dashboard-author-detail {
        padding-top: 14px;
        border-top: 1px solid var(--border);
    }
    .dashboard-author-detail h3 {
        margin: 0 0 10px;
        font-size: 15px;
    }
    .dashboard-author-detail dl {
        display: grid;
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 8px 12px;
        margin: 0;
    }
    .dashboard-author-detail dt {
        color: var(--text-muted);
        font-size: 13px;
    }
    .dashboard-author-detail dd {
        margin: 0;
        min-width: 0;
        overflow-wrap: anywhere;
    }
    @media (max-width: 959px) {
        .dashboard-layout,
        .layout-two-column {
            grid-template-columns: 1fr;
        }
        .dashboard-guidance-shell,
        .dashboard-priority-grid {
            grid-template-columns: 1fr;
            display: grid;
        }
        .dashboard-admin-ops-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .stage-sidebar,
        .layout-sidebar {
            position: static;
        }
        .action-strip {
            overflow-x: auto;
        }
        .action-card {
            flex: 0 0 180px;
        }
        .dashboard-guidance-badges {
            justify-content: flex-start;
        }
        .dashboard-guidance-headline {
            font-size: 22px;
            line-height: 1.25;
        }
        .dashboard-guidance-supporting,
        .dashboard-priority-description,
        .dashboard-priority-summary {
            font-size: 13px;
            line-height: 1.45;
        }
        .dashboard-priority-summary {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .dashboard-priority-footer {
            align-items: flex-start;
            flex-direction: column;
        }
        .dashboard-priority-action {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 34px;
            padding: 0 10px;
            border-radius: 999px;
            background: #ecfeff;
        }
    }
    @media (max-width: 639px) {
        .dashboard-admin-ops-grid {
            grid-template-columns: 1fr;
        }
        .dashboard-priority-item {
            padding: 12px;
        }
        .dashboard-priority-item-head,
        .dashboard-priority-footer {
            gap: 8px;
        }
        .dashboard-guidance-badge,
        .dashboard-mini-badge {
            font-size: 11px;
            padding: 6px 10px;
        }
        .dashboard-author-detail dl {
            grid-template-columns: 1fr;
        }
    }

/* baseline/includes/paper_guidance_styles.html style block 1 */
.paper-guidance {
        border: 1px solid var(--border);
        border-radius: 18px;
        padding: 20px;
        margin-bottom: 16px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--jx-color-primary) 8%, transparent), rgba(255, 255, 255, 0.98));
        box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
    }
    .paper-guidance--warning {
        background: linear-gradient(135deg, rgba(245, 158, 11, 0.16), rgba(255, 255, 255, 0.98));
        border-color: rgba(245, 158, 11, 0.36);
    }
    .paper-guidance--danger {
        background: linear-gradient(135deg, rgba(220, 38, 38, 0.14), rgba(255, 255, 255, 0.98));
        border-color: rgba(220, 38, 38, 0.32);
    }
    .paper-guidance--success {
        background: linear-gradient(135deg, rgba(13, 148, 136, 0.14), rgba(255, 255, 255, 0.98));
        border-color: rgba(13, 148, 136, 0.32);
    }
    .paper-guidance__main {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        align-items: flex-start;
    }
    .paper-guidance__copy {
        min-width: 0;
        flex: 1;
    }
    .paper-guidance__badges {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 12px;
    }
    .paper-guidance__badge {
        display: inline-flex;
        align-items: center;
        padding: 5px 10px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 700;
    }
    .paper-guidance__badge--accent {
        background: color-mix(in srgb, var(--jx-color-primary) 14%, transparent);
        color: var(--primary);
    }
    .paper-guidance__badge--warning {
        background: rgba(245, 158, 11, 0.16);
        color: #b45309;
    }
    .paper-guidance__badge--danger {
        background: rgba(220, 38, 38, 0.14);
        color: #b91c1c;
    }
    .paper-guidance__badge--success {
        background: rgba(13, 148, 136, 0.14);
        color: #0f766e;
    }
    .paper-guidance__badge--muted {
        background: rgba(100, 116, 139, 0.12);
        color: #475569;
    }
    .paper-guidance__summary {
        margin: 0 0 10px 0;
        font-size: 22px;
        line-height: 1.35;
        letter-spacing: -0.02em;
    }
    .paper-guidance__next {
        margin: 0;
        color: var(--text);
        line-height: 1.6;
    }
    .paper-guidance__cta {
        flex-shrink: 0;
    }
    .paper-guidance__stages {
        list-style: none;
        padding: 0;
        margin: 18px 0 0;
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }
    .paper-guidance__stage {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--text-muted);
        font-size: 13px;
    }
    .paper-guidance__stage-dot {
        width: 10px;
        height: 10px;
        border-radius: 999px;
        background: #cbd5e1;
        flex-shrink: 0;
    }
    .paper-guidance__stage--completed .paper-guidance__stage-dot,
    .paper-guidance__stage--current .paper-guidance__stage-dot {
        background: var(--primary);
    }
    .paper-guidance__stage--current {
        color: var(--text);
        font-weight: 700;
    }
    .paper-guidance__meta {
        margin-top: 16px;
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    }
    .paper-guidance__meta-item {
        padding: 10px 12px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.72);
        border: 1px solid rgba(148, 163, 184, 0.18);
    }
    .paper-guidance__meta-label {
        display: block;
        font-size: 12px;
        color: var(--text-muted);
        margin-bottom: 4px;
    }
    .paper-guidance__meta-value {
        font-size: 14px;
        line-height: 1.4;
    }
    .paper-guidance__events {
        margin-top: 18px;
        padding-top: 16px;
        border-top: 1px solid rgba(148, 163, 184, 0.18);
    }
    .paper-guidance__events-title {
        margin: 0 0 10px 0;
        font-size: 14px;
    }
    .paper-guidance__event-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 8px;
    }
    .paper-guidance__event-item {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        font-size: 13px;
    }
    .paper-guidance__event-date {
        color: var(--text-muted);
        flex-shrink: 0;
    }
    @media (max-width: 959px) {
        .paper-guidance__main {
            flex-direction: column;
        }
        .paper-guidance__cta {
            width: 100%;
        }
        .paper-guidance__cta .button {
            width: 100%;
        }
    }

/* baseline/includes/submission_withdraw_modal.html style block 1 */
.withdraw-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 23, 42, 0.55);
}
.withdraw-modal[hidden] { display: none; }
.withdraw-modal-panel {
    width: min(520px, 100%);
    padding: 24px;
    border-radius: 14px;
    background: var(--surface, #fff);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.3);
}
.withdraw-action { margin-top: 6px; }

/* baseline/journal_settings.html style block 1 */
#journal-switcher,
    #journal-role-query,
    #journal-role-select,
    #journal-settings-form input,
    #journal-settings-form select,
    #journal-settings-form textarea {
        font-family: inherit;
        font-size: 14px;
        line-height: 1.45;
    }
    #journal-settings-form input[type="checkbox"] {
        width: 16px;
        height: 16px;
    }
    #journal-settings-form .journal-file-current {
        margin-bottom: 4px;
    }
    #journal-settings-form .journal-file-clear {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin: 0;
        white-space: nowrap;
    }
    #journal-settings-form .journal-file-clear input[type="checkbox"] {
        margin: 0;
    }
    #journal-settings-form .journal-file-change {
        margin-top: 10px;
    }
    .journal-settings-sections {
        display: grid;
        gap: 18px;
    }
    .journal-settings-section {
        padding: 18px;
        border: 1px solid var(--border);
        border-radius: 12px;
        background: #fbfcfe;
    }
    .journal-settings-section h3 {
        margin: 0;
        font-size: 16px;
    }
    .journal-settings-section > .text-muted {
        margin: 5px 0 16px;
    }
    .journal-settings-section-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 18px;
    }
    .journal-settings-section-grid .field {
        margin: 0;
        min-width: 0;
    }
    @media (max-width: 767px) {
        .journal-settings-section {
            padding: 14px;
        }
        .journal-settings-section-grid {
            grid-template-columns: minmax(0, 1fr);
        }
    }
    #double-blind-matrix[data-pending-placement="true"] {
        display: none !important;
    }
    #journal-settings-form .language-choice-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 14px;
        margin: 0;
        padding: 0;
    }
    #journal-settings-form .language-choice-list div {
        margin: 0;
    }
    #journal-settings-form .language-choice-list label {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 34px;
        padding: 6px 10px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: #fff;
        font-weight: 500;
    }
    #journal-settings-form label {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.01em;
    }
    #journal-settings-form .field p,
    .journal-settings-page .text-muted {
        font-size: 12px;
    }
    .journal-settings-page table.data-table th,
    .journal-settings-page table.data-table td {
        font-size: 13px;
        line-height: 1.5;
    }
    .journal-settings-page code {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: 12px;
        background: #f7f9fc;
        border: 1px solid #e5e9f0;
        border-radius: 6px;
        padding: 2px 6px;
        color: #1f2937;
    }
    .journal-settings-page .input-like {
        width: 100%;
        box-sizing: border-box;
        min-height: 40px;
        border-radius: 10px;
        border: 1px solid var(--border);
        padding: 8px 12px;
    }
    .journal-meta-row {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        align-items: center;
        overflow-x: auto;
        margin-top: 16px;
        padding-bottom: 4px;
    }
    .journal-meta-item {
        white-space: nowrap;
        font-size: 13px;
    }
    .journal-role-line {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 220px auto;
        gap: 10px;
        align-items: end;
    }
    @media (max-width: 959px) {
        .journal-role-line {
            grid-template-columns: 1fr;
        }
        .journal-meta-row {
            flex-wrap: wrap;
            overflow-x: visible;
        }
    }
    .rule-row-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 12px;
        max-width: 820px;
    }
    .rule-row {
        display: grid;
        grid-template-columns: 320px 180px max-content;
        gap: 10px;
        align-items: center;
        justify-content: start;
    }
    .rule-row .rule-label {
        font-size: 13px;
        font-weight: 600;
        white-space: nowrap;
    }
    .rule-row .rule-check {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
        font-weight: 500;
        font-size: 13px;
    }
    .rule-auto-flag {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
        font-size: 14px;
        font-weight: 600;
    }
    @media (max-width: 959px) {
        .rule-row-list {
            max-width: 100%;
        }
        .rule-row {
            grid-template-columns: 1fr;
            align-items: start;
        }
        .rule-row .rule-label,
        .rule-row .rule-check,
        .rule-auto-flag {
            white-space: normal;
        }
    }

/* baseline/landing.html style block 1 */
.hero {
        margin: 32px 0;
        padding: 40px;
        border-radius: 24px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--jx-color-primary) 12%, transparent), color-mix(in srgb, var(--jx-color-primary) 25%, transparent));
        border: 1px solid color-mix(in srgb, var(--jx-color-primary) 18%, transparent);
    }
    .hero h1 {
        margin: 0 0 12px;
        font-size: 32px;
        letter-spacing: -0.02em;
    }
    .hero p {
        margin: 0;
        color: var(--text-muted);
        font-size: 15px;
        line-height: 1.6;
    }
    .cta-list {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin-top: 24px;
    }
    .cta-card {
        flex: 1 1 280px;
        background: #fff;
        border-radius: 18px;
        border: 1px solid var(--border);
        padding: 20px;
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
    }
    .cta-card strong {
        display: block;
        font-size: 16px;
        margin-bottom: 8px;
    }
    .cta-card p {
        margin: 0 0 16px;
        color: var(--text-muted);
        font-size: 14px;
        line-height: 1.5;
    }
    .role-grid {
        display: grid;
        gap: 18px;
        margin: 40px 0;
    }
    @media (min-width: 960px) {
        .role-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    .role-card {
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 24px;
        box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
    }
    .role-card h2 {
        margin: 0 0 6px;
        font-size: 20px;
    }
    .role-card p {
        margin: 0 0 16px;
        color: var(--text-muted);
        font-size: 14px;
    }
    .role-links {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 12px;
    }
    .role-links li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid var(--border);
        border-radius: 14px;
        padding: 12px 16px;
        background: #f8fafc;
    }
    .role-links li a {
        font-weight: 600;
    }
    .role-links small {
        color: var(--text-muted);
        font-size: 12px;
        margin-left: 16px;
        white-space: nowrap;
    }
    .landing-footnote {
        margin-top: 12px;
        font-size: 12px;
        color: var(--text-muted);
    }

/* baseline/layouts/workspace_base.html style block 1 */
:root {
        --layout-sidebar-width: 280px;
        --layout-grid-gap: 16px;
        --layout-side-title-size: 13px;
        --layout-side-link-gap: 6px;
    }
    main {
        max-width: 1920px;
    }
    .workspace-layout,
    .layout-two-column {
        display: grid;
        gap: var(--layout-grid-gap);
        grid-template-columns: var(--layout-sidebar-width) minmax(0, 1fr);
        align-items: start;
    }
    .workspace-sidebar,
    .layout-sidebar {
        position: sticky;
        top: 78px;
    }
    .workspace-content,
    .layout-content {
        min-width: 0;
    }
    .workspace-side-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: var(--layout-side-link-gap);
    }
    .workspace-side-link {
        display: block;
        padding: 6px 2px;
        color: inherit;
        text-decoration: none;
    }
    .workspace-side-link:hover {
        text-decoration: underline;
    }
    .workspace-side-link.active {
        color: var(--primary);
        font-weight: 700;
    }
    .workspace-side-heading {
        margin: 0 0 8px;
        font-size: var(--layout-side-title-size);
        color: var(--text-muted);
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }
    .workspace-side-block + .workspace-side-block {
        margin-top: 16px;
    }
    .u-mt-16 {
        margin-top: 16px;
    }
    .u-align-end {
        align-self: end;
    }
    .u-flex-center-gap {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 16px;
    }
    .u-text-muted-small {
        align-self: center;
        font-size: 13px;
        color: var(--text-muted);
    }
    @media (max-width: 959px) {
        .workspace-layout,
        .layout-two-column {
            grid-template-columns: 1fr;
        }
        .workspace-sidebar,
        .layout-sidebar {
            position: static;
        }
    }

/* baseline/notification_detail.html style block 1 */
.notification-guidance-summary {
    font-size: 14px;
    line-height: 1.55;
    color: var(--text-muted);
}

/* baseline/notifications.html style block 1 */
.notification-guidance-summary {
    font-size: 13px;
    line-height: 1.45;
    color: var(--text-muted);
}
.notification-guidance-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}
.notification-guidance-badge.tone-accent {
    background: #e0f2fe;
    color: #075985;
}
.notification-guidance-badge.tone-warning {
    background: #fef3c7;
    color: #92400e;
}
.notification-guidance-badge.tone-danger {
    background: #fee2e2;
    color: #991b1b;
}
.notification-guidance-badge.tone-success {
    background: #dcfce7;
    color: #166534;
}
.notification-guidance-badge.tone-muted {
    background: #f1f5f9;
    color: #475569;
}

/* baseline/reviewer_assignment_detail.html style block 1 */
.review-textarea {
        width: 100%;
        padding: 10px 12px;
        border-radius: 10px;
        border: 1px solid var(--border);
        font-size: 14px;
        font-family: inherit;
    }
    .review-textarea::placeholder {
        font-family: inherit;
        font-size: 14px;
        font-style: normal;
        color: var(--text-muted);
    }
    .field.is-invalid .review-textarea,
    .field.is-invalid select {
        border-color: #fecaca !important;
        background: #fff7f7;
    }
    .review-ai-downloads,
    .review-ai-actions {
        display: none;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 8px;
    }
    .review-ai-notice {
        display: none;
        margin-top: 8px;
        color: var(--text-muted);
        font-size: 13px;
        line-height: 1.5;
    }

/* baseline/reviewer_assignment_list.html style block 1 */
.list-guidance-summary {
    font-size: 13px;
    line-height: 1.45;
    color: var(--text-muted);
}
.list-guidance-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}
.list-guidance-badge.tone-accent {
    background: #e0f2fe;
    color: #075985;
}
.list-guidance-badge.tone-warning {
    background: #fef3c7;
    color: #92400e;
}
.list-guidance-badge.tone-danger {
    background: #fee2e2;
    color: #991b1b;
}
.list-guidance-badge.tone-success {
    background: #dcfce7;
    color: #166534;
}
.list-guidance-badge.tone-muted {
    background: #f1f5f9;
    color: #475569;
}

/* baseline/role_permissions.html style block 1 */
#rp-matrix-container {
        overflow-x: auto;
        border: 1px solid var(--border);
        border-radius: 12px;
    }
    #rp-matrix-container .data-table {
        width: max-content;
        min-width: 100%;
        border-collapse: separate;
    }
    #rp-matrix-container .data-table th,
    #rp-matrix-container .data-table td {
        white-space: nowrap;
    }
    #rp-matrix-container .data-table thead th {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f1f5f9;
    }
    #rp-matrix-container .data-table thead th:first-child,
    #rp-matrix-container .data-table tbody td:first-child {
        position: sticky;
        left: 0;
        z-index: 3;
        background: #fff;
    }

/* baseline/system_ai_settings.html style block 1 */
.ai-feature-actions-col,
    .ai-feature-actions-cell {
        width: 170px;
    }
    .ai-feature-actions-cell {
        vertical-align: middle;
    }
    .ai-feature-actions-cell .actions {
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin: 0;
    }
    #workspace-content form input,
    #workspace-content form select,
    #workspace-content form textarea {
        font-family: inherit;
        font-size: 14px;
        line-height: 1.45;
    }
    #workspace-content form input::placeholder,
    #workspace-content form textarea::placeholder {
        font-family: inherit;
        font-size: 14px;
        color: var(--text-muted);
        opacity: 0.78;
    }
    .ai-field-help {
        display: block;
        margin-top: 6px;
        font-size: 12px;
        line-height: 1.55;
        color: var(--text-muted);
    }
    .provider-openai-only.is-hidden {
        display: none;
    }
    .ai-data-protection-box {
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 12px;
        background: var(--surface-subtle);
    }
    .ai-policy-editor-shell {
        border: 1px solid var(--border);
        border-radius: 8px;
        overflow: hidden;
        background: var(--surface);
    }
    .ai-policy-editor-shell .toastui-editor-defaultUI {
        border: 0;
        font-family: inherit;
    }
    .ai-policy-editor-shell .toastui-editor-contents,
    .ai-policy-editor-shell .toastui-editor-md-container {
        font-family: inherit;
    }
    .ai-policy-textarea.is-editor-active {
        display: none;
    }
    .ai-policy-tools {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
        margin: 8px 0;
    }
    .ai-screen-options {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 8px;
        margin-top: 8px;
    }
    .ai-screen-option {
        display: flex;
        align-items: center;
        gap: 7px;
        padding: 9px 10px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: var(--surface-subtle);
        font-size: 13px;
    }
    @media (max-width: 767px) {
        .ai-policy-editor-shell {
            min-width: 0;
        }
    }

/* baseline/system_ai_usage.html style block 1 */
.usage-actions-col,
    .usage-actions-cell {
        width: 120px;
    }
    .usage-actions-cell {
        vertical-align: middle;
    }
    .usage-actions-cell .actions {
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin: 0;
    }

/* baseline/system_journals.html style block 1 */
.journal-actions-col,
    .journal-actions-cell {
        width: 220px;
    }
    .journal-actions-cell {
        vertical-align: middle;
    }
    .journal-actions-cell .actions {
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin: 0;
    }
    #journal-create-form .language-choice-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 14px;
        margin: 0;
        padding: 0;
    }
    #journal-create-form .language-choice-list label {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 34px;
        padding: 6px 10px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: #fff;
        font-weight: 500;
    }
    #journal-create-form .language-choice-list input[type="checkbox"] {
        width: 16px;
        height: 16px;
        margin: 0;
    }

/* baseline/system_migration.html style block 1 */
.migration-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        align-items: end;
    }
    .migration-actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        align-items: center;
    }
    .migration-status {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 4px 10px;
        border-radius: 999px;
        background: #eef6ff;
        color: #0f5f8f;
        font-size: 13px;
        font-weight: 700;
    }
    .migration-preview {
        overflow-x: auto;
    }
    .migration-preview table {
        min-width: 980px;
    }
    .migration-preview th,
    .migration-preview td {
        font-size: 13px;
        vertical-align: top;
    }
    .migration-list {
        margin: 0;
        padding-left: 18px;
    }
    @media (max-width: 1279px) {
        .migration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 767px) {
        .migration-grid { grid-template-columns: 1fr; }
    }

/* baseline/system_settings.html style block 1 */
.system-settings-page {
        display: grid;
        gap: 16px;
        font-family: inherit;
    }
    .system-settings-page .field label,
    .system-settings-page .text-muted,
    .system-settings-page .empty,
    .system-settings-page .data-table th,
    .system-settings-page .data-table td {
        font-family: inherit;
    }
    .system-settings-page .field label {
        font-size: 0.92rem;
        font-weight: 600;
        line-height: 1.4;
    }
    .system-settings-page input,
    .system-settings-page select,
    .system-settings-page textarea,
    .system-settings-page button,
    .system-settings-page option {
        font-family: inherit;
        font-size: 0.94rem;
        line-height: 1.45;
    }
    .system-settings-page input::placeholder,
    .system-settings-page textarea::placeholder {
        font-family: inherit;
    }
    .system-settings-page .button {
        font-family: inherit;
        font-size: 0.92rem;
        font-weight: 600;
    }
    .system-settings-page .settings-form {
        display: grid;
        gap: 16px;
        width: 100%;
    }
    .system-settings-page .settings-grid {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .system-settings-page .checkbox-grid {
        display: flex;
        gap: 16px 28px;
        flex-wrap: wrap;
        align-items: center;
    }
    .system-settings-page .checkbox-field {
        margin: 0;
        min-width: max-content;
    }
    .system-settings-page .checkbox-field label {
        display: inline-flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: 8px;
        align-items: center;
        min-height: 32px;
        width: auto;
        white-space: nowrap;
        word-break: keep-all;
    }
    .system-settings-page .checkbox-field input[type="checkbox"] {
        flex: 0 0 16px;
        width: 16px;
        height: 16px;
        min-width: 16px;
        padding: 0;
        margin: 0;
        border-radius: 3px;
        box-sizing: border-box;
    }
    .system-settings-page .checkbox-field span {
        display: inline-block;
        white-space: nowrap;
        word-break: keep-all;
    }
    .system-settings-page .actions {
        display: flex;
        gap: 8px;
        align-items: center;
        flex-wrap: wrap;
        margin: 0;
    }
    .system-settings-page .backup-actions {
        margin-top: 12px;
    }
    @media (max-width: 959px) {
        .system-settings-page .settings-grid {
            grid-template-columns: 1fr;
        }
        .system-settings-page .checkbox-grid {
            align-items: flex-start;
            flex-direction: column;
        }
    }

/* baseline/system_users.html style block 1 */
.modal-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.45);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 16px;
    }
    .modal-backdrop.active {
        display: flex;
    }
    .modal-card {
        background: #fff;
        border-radius: 16px;
        max-width: 520px;
        width: 100%;
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.25);
        padding: 20px;
    }
    .modal-actions {
        display: flex;
        gap: 8px;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin-top: 16px;
    }
    .modal-divider {
        height: 1px;
        background: var(--border);
        margin: 16px 0;
    }
    .form-help {
        font-size: 12px;
        color: var(--text-muted);
        margin-top: 6px;
    }
    .user-actions-col,
    .user-actions-cell {
        width: 420px;
    }
    .user-actions-cell {
        white-space: nowrap;
        vertical-align: middle;
    }
    .user-actions-cell .actions {
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        gap: 6px;
        margin: 0;
    }

/* baseline/template_delivery_log_detail.html style block 1 */
.delivery-log-meta-card,
.delivery-log-preview-card,
.delivery-log-plain-card {
    max-width: 1040px;
}
.delivery-log-preview-card h2 {
    margin-top: 0;
}
.delivery-log-subject {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 10px 14px;
    align-items: start;
    padding: 12px 14px;
    margin-bottom: 14px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: #f8fafc;
}
.delivery-log-subject span {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 700;
}
.delivery-log-subject strong {
    overflow-wrap: anywhere;
}
.delivery-log-preview-frame {
    display: block;
    width: 100%;
    min-height: 760px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #f3f5f8;
}
.delivery-log-plain-card summary {
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
}
.delivery-log-plain-card pre {
    margin: 14px 0 0;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: #f8fafc;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.65;
}
@media (max-width: 767px) {
    .delivery-log-preview-frame {
        min-height: 620px;
    }
    .delivery-log-subject {
        grid-template-columns: 1fr;
    }
}

/* baseline/template_management.html style block 1 */
.template-test-log {
        margin-top: 12px;
        font-size: 13px;
        color: var(--text-muted);
    }
    .modal-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.45);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 16px;
    }
    .modal-backdrop.active {
        display: flex;
    }
    .modal-card {
        background: #fff;
        border-radius: 16px;
        max-width: 760px;
        width: 100%;
        max-height: 92vh;
        overflow: auto;
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.25);
        padding: 20px;
    }
    .modal-card.preview {
        max-width: 860px;
    }
    .modal-actions {
        display: flex;
        gap: 8px;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin-top: 16px;
    }
    .modal-meta {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 8px 16px;
        font-size: 13px;
        color: var(--text-muted);
        margin-bottom: 12px;
    }
    .template-action-group {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
    }
    .template-preview-subject {
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 10px 12px;
        margin: 12px 0;
        font-weight: 700;
        color: var(--text-primary);
        background: #f8fafc;
    }
    .template-preview-frame {
        width: 100%;
        height: 520px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: #f8fafc;
    }
    .template-preview-plain {
        white-space: pre-wrap;
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 12px;
        margin-top: 12px;
        max-height: 220px;
        overflow: auto;
        background: #f8fafc;
        color: var(--text-muted);
        font-size: 13px;
        line-height: 1.6;
    }

/* worktree/includes/submission_withdraw_modal.html style block 1 */
.withdraw-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 23, 42, 0.55);
}
.withdraw-modal[hidden] { display: none; }
.withdraw-modal-panel {
    width: min(520px, 100%);
    padding: 24px;
    border-radius: 14px;
    background: var(--surface, #fff);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.3);
}
.withdraw-action { margin-top: 6px; }

/* worktree/journal_settings.html style block 1 */
#journal-settings-form input[type="checkbox"] {
        width: 16px;
        height: 16px;
    }
    #journal-settings-form .journal-file-current {
        margin-bottom: 4px;
    }
    #journal-settings-form .journal-file-clear {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin: 0;
        white-space: nowrap;
    }
    #journal-settings-form .journal-file-clear input[type="checkbox"] {
        margin: 0;
    }
    #journal-settings-form .journal-file-change {
        margin-top: 10px;
    }
    .journal-settings-sections {
        display: grid;
        gap: 18px;
    }
    .journal-settings-section {
        padding: 18px;
        border: 1px solid var(--border);
        border-radius: 12px;
        background: #fbfcfe;
    }
    .journal-settings-section h3 {
        margin: 0;
        font-size: 16px;
    }
    .journal-settings-section > .text-muted {
        margin: 5px 0 16px;
    }
    .journal-settings-section-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 18px;
    }
    .journal-settings-section-grid .field {
        margin: 0;
        min-width: 0;
    }
    @media (max-width: 767px) {
        .journal-settings-section {
            padding: 14px;
        }
        .journal-settings-section-grid {
            grid-template-columns: minmax(0, 1fr);
        }
    }
    #double-blind-matrix[data-pending-placement="true"] {
        display: none !important;
    }
    #journal-settings-form .language-choice-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 14px;
        margin: 0;
        padding: 0;
    }
    #journal-settings-form .language-choice-list div {
        margin: 0;
    }
    #journal-settings-form .language-choice-list label {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 34px;
        padding: 6px 10px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: #fff;
        font-weight: 500;
    }
    #journal-settings-form .field p,
    .journal-settings-page .text-muted {
        font-size: 12px;
    }
    .journal-settings-page table.data-table th,
    .journal-settings-page table.data-table td {
        font-size: 13px;
        line-height: 1.5;
    }
    .journal-settings-page code {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: 12px;
        background: #f7f9fc;
        border: 1px solid #e5e9f0;
        border-radius: 6px;
        padding: 2px 6px;
        color: #1f2937;
    }
    .journal-meta-row {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        align-items: center;
        overflow-x: auto;
        margin-top: 16px;
        padding-bottom: 4px;
    }
    .journal-meta-item {
        white-space: nowrap;
        font-size: 13px;
    }
    .journal-role-line {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 220px auto;
        gap: 10px;
        align-items: end;
    }
    @media (max-width: 959px) {
        .journal-role-line {
            grid-template-columns: 1fr;
        }
        .journal-meta-row {
            flex-wrap: wrap;
            overflow-x: visible;
        }
    }
    .rule-row-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 12px;
        max-width: 820px;
    }
    .rule-row {
        display: grid;
        grid-template-columns: 320px 180px max-content;
        gap: 10px;
        align-items: center;
        justify-content: start;
    }
    .rule-row .rule-label {
        font-size: 13px;
        font-weight: 600;
        white-space: nowrap;
    }
    .rule-row .rule-check {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
        font-weight: 500;
        font-size: 13px;
    }
    .stage-label-control.field,
    .rule-row .rule-input-control.field {
        margin-bottom: 0;
    }
    .rule-row .rule-input-control {
        display: block;
        min-width: 0;
    }
    .rule-auto-flag {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
        font-size: 14px;
        font-weight: 600;
    }
    @media (max-width: 959px) {
        .rule-row-list {
            max-width: 100%;
        }
        .rule-row {
            grid-template-columns: 1fr;
            align-items: start;
        }
        .rule-row .rule-label,
        .rule-row .rule-check,
        .rule-auto-flag {
            white-space: normal;
        }
    }

/* worktree/landing.html style block 1 */
.hero {
        margin: 32px 0;
        padding: 40px;
        border-radius: 24px;
        background: linear-gradient(135deg, color-mix(in srgb, var(--jx-color-primary) 12%, transparent), color-mix(in srgb, var(--jx-color-primary) 25%, transparent));
        border: 1px solid color-mix(in srgb, var(--jx-color-primary) 18%, transparent);
    }
    .hero h1 {
        margin: 0 0 12px;
        font-size: 32px;
        letter-spacing: -0.02em;
    }
    .hero p {
        margin: 0;
        color: var(--text-muted);
        font-size: 15px;
        line-height: 1.6;
    }
    .cta-list {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin-top: 24px;
    }
    .cta-card {
        flex: 1 1 280px;
        background: #fff;
        border-radius: 18px;
        border: 1px solid var(--border);
        padding: 20px;
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
    }
    .cta-card strong {
        display: block;
        font-size: 16px;
        margin-bottom: 8px;
    }
    .cta-card p {
        margin: 0 0 16px;
        color: var(--text-muted);
        font-size: 14px;
        line-height: 1.5;
    }
    .role-grid {
        display: grid;
        gap: 18px;
        margin: 40px 0;
    }
    @media (min-width: 960px) {
        .role-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    .role-card {
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: 20px;
        padding: 24px;
        box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
    }
    .role-card h2 {
        margin: 0 0 6px;
        font-size: 20px;
    }
    .role-card p {
        margin: 0 0 16px;
        color: var(--text-muted);
        font-size: 14px;
    }
    .role-links {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 12px;
    }
    .role-links li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid var(--border);
        border-radius: 14px;
        padding: 12px 16px;
        background: #f8fafc;
    }
    .role-links li a {
        font-weight: 600;
    }
    .role-links small {
        color: var(--text-muted);
        font-size: 12px;
        margin-left: 16px;
        white-space: nowrap;
    }
    .landing-footnote {
        margin-top: 12px;
        font-size: 12px;
        color: var(--text-muted);
    }

/* worktree/layouts/workspace_base.html style block 1 */
:root {
        --layout-sidebar-width: 280px;
        --layout-grid-gap: 16px;
        --layout-side-title-size: 13px;
        --layout-side-link-gap: 6px;
    }
    main {
        max-width: 1920px;
    }
    .workspace-layout,
    .layout-two-column {
        display: grid;
        gap: var(--layout-grid-gap);
        grid-template-columns: var(--layout-sidebar-width) minmax(0, 1fr);
        align-items: start;
    }
    .workspace-sidebar,
    .layout-sidebar {
        position: sticky;
        top: 78px;
    }
    .workspace-content,
    .layout-content {
        min-width: 0;
    }
    .workspace-side-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: var(--layout-side-link-gap);
    }
    .workspace-side-link {
        display: block;
        padding: 6px 2px;
        color: inherit;
        text-decoration: none;
    }
    .workspace-side-link:hover {
        text-decoration: underline;
    }
    .workspace-side-link.active {
        color: var(--primary);
        font-weight: 700;
    }
    .workspace-side-heading {
        margin: 0 0 8px;
        font-size: var(--layout-side-title-size);
        color: var(--text-muted);
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }
    .workspace-side-block + .workspace-side-block {
        margin-top: 16px;
    }
    .u-mt-16 {
        margin-top: 16px;
    }
    .u-align-end {
        align-self: end;
    }
    .u-flex-center-gap {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 16px;
    }
    .u-text-muted-small {
        align-self: center;
        font-size: 13px;
        color: var(--text-muted);
    }
    body[data-page-id^="ADM-"] .workspace-content .field label {
        font-family: inherit;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.4;
    }
    body[data-page-id^="ADM-"] .workspace-content .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    body[data-page-id^="ADM-"] .workspace-content .field select,
    body[data-page-id^="ADM-"] .workspace-content .field textarea,
    body[data-page-id^="ADM-"] .workspace-content .input-like {
        box-sizing: border-box;
        width: 100%;
        min-height: 42px;
        padding: 10px 12px;
        border: 1px solid var(--border);
        border-radius: 10px;
        background-color: #fff;
        color: var(--text);
        font-family: inherit;
        font-size: 14px;
        line-height: 1.45;
        transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
    }
    body[data-page-id^="ADM-"] .workspace-content .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,
    body[data-page-id^="ADM-"] .workspace-content .field select:hover,
    body[data-page-id^="ADM-"] .workspace-content .field textarea:hover,
    body[data-page-id^="ADM-"] .workspace-content .input-like:hover {
        border-color: #cbd5e1;
    }
    body[data-page-id^="ADM-"] .workspace-content .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
    body[data-page-id^="ADM-"] .workspace-content .field select:focus,
    body[data-page-id^="ADM-"] .workspace-content .field textarea:focus,
    body[data-page-id^="ADM-"] .workspace-content .input-like:focus {
        outline: none;
        border-color: var(--primary);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--jx-color-primary) 16%, transparent);
    }
    body[data-page-id^="ADM-"] .workspace-content .field input::placeholder,
    body[data-page-id^="ADM-"] .workspace-content .field textarea::placeholder,
    body[data-page-id^="ADM-"] .workspace-content .input-like::placeholder {
        color: #94a3b8;
        opacity: 1;
    }
    body[data-page-id^="ADM-"] .workspace-content .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):disabled,
    body[data-page-id^="ADM-"] .workspace-content .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"])[readonly],
    body[data-page-id^="ADM-"] .workspace-content .field select:disabled,
    body[data-page-id^="ADM-"] .workspace-content .field textarea:disabled,
    body[data-page-id^="ADM-"] .workspace-content .field textarea[readonly],
    body[data-page-id^="ADM-"] .workspace-content .input-like:disabled,
    body[data-page-id^="ADM-"] .workspace-content .input-like[readonly] {
        border-color: var(--border);
        background-color: #f8fafc;
        color: var(--text-muted);
        cursor: not-allowed;
    }
    body[data-page-id^="ADM-"] .workspace-content .field select,
    body[data-page-id^="ADM-"] .workspace-content select.input-like {
        appearance: none;
        padding-right: 38px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 12px center;
        background-size: 16px;
    }
    body[data-page-id^="ADM-"] .workspace-content .field select[multiple],
    body[data-page-id^="ADM-"] .workspace-content .field select[size] {
        padding-right: 12px;
        background-image: none;
    }
    body[data-page-id^="ADM-"] .workspace-content .field select option {
        color: var(--text);
        font-family: inherit;
        font-size: 14px;
    }
    @media (max-width: 959px) {
        .workspace-layout,
        .layout-two-column {
            grid-template-columns: 1fr;
        }
        .workspace-sidebar,
        .layout-sidebar {
            position: static;
        }
    }

/* worktree/notification_detail.html style block 1 */
.notification-guidance-summary {
    font-size: 14px;
    line-height: 1.55;
    color: var(--text-muted);
}

/* worktree/notifications.html style block 1 */
.notification-guidance-summary{font-size:12px;color:var(--text-muted);margin-top:5px}.delivery-error-button{border:0;cursor:pointer;background:#fee2e2;color:#991b1b}.status-success{background:#dcfce7;color:#166534}.open-signal-button{border:0;background:none;color:#075985;text-decoration:underline;cursor:pointer;padding:0}.notification-tabs{margin-bottom:16px}

/* worktree/reviewer_assignment_detail.html style block 1 */
.review-textarea {
        width: 100%;
        padding: 10px 12px;
        border-radius: 10px;
        border: 1px solid var(--border);
        font-size: 14px;
        font-family: inherit;
    }
    .review-textarea::placeholder {
        font-family: inherit;
        font-size: 14px;
        font-style: normal;
        color: var(--text-muted);
    }
    .field.is-invalid .review-textarea,
    .field.is-invalid select {
        border-color: #fecaca !important;
        background: #fff7f7;
    }
    .review-ai-downloads,
    .review-ai-actions {
        display: none;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 8px;
    }
    .review-ai-notice {
        display: none;
        margin-top: 8px;
        color: var(--text-muted);
        font-size: 13px;
        line-height: 1.5;
    }

/* worktree/reviewer_assignment_list.html style block 1 */
.list-guidance-summary {
    font-size: 13px;
    line-height: 1.45;
    color: var(--text-muted);
}
.list-guidance-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}
.list-guidance-badge.tone-accent {
    background: #e0f2fe;
    color: #075985;
}
.list-guidance-badge.tone-warning {
    background: #fef3c7;
    color: #92400e;
}
.list-guidance-badge.tone-danger {
    background: #fee2e2;
    color: #991b1b;
}
.list-guidance-badge.tone-success {
    background: #dcfce7;
    color: #166534;
}
.list-guidance-badge.tone-muted {
    background: #f1f5f9;
    color: #475569;
}

/* worktree/role_permissions.html style block 1 */
#rp-matrix-container {
        overflow-x: auto;
        border: 1px solid var(--border);
        border-radius: 12px;
    }
    #rp-matrix-container .data-table {
        width: max-content;
        min-width: 100%;
        border-collapse: separate;
    }
    #rp-matrix-container .data-table th,
    #rp-matrix-container .data-table td {
        white-space: nowrap;
    }
    #rp-matrix-container .data-table thead th {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f1f5f9;
    }
    #rp-matrix-container .data-table thead th:first-child,
    #rp-matrix-container .data-table tbody td:first-child {
        position: sticky;
        left: 0;
        z-index: 3;
        background: #fff;
    }

/* worktree/system_ai_settings.html style block 1 */
.ai-feature-actions-col,
    .ai-feature-actions-cell {
        width: 170px;
    }
    .ai-feature-actions-cell {
        vertical-align: middle;
    }
    .ai-feature-actions-cell .actions {
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin: 0;
    }
    #workspace-content form input,
    #workspace-content form select,
    #workspace-content form textarea {
        font-family: inherit;
        font-size: 14px;
        line-height: 1.45;
    }
    #workspace-content form input::placeholder,
    #workspace-content form textarea::placeholder {
        font-family: inherit;
        font-size: 14px;
        color: var(--text-muted);
        opacity: 0.78;
    }
    .ai-field-help {
        display: block;
        margin-top: 6px;
        font-size: 12px;
        line-height: 1.55;
        color: var(--text-muted);
    }
    .provider-openai-only.is-hidden {
        display: none;
    }
    .ai-data-protection-box {
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 12px;
        background: var(--surface-subtle);
    }
    .ai-policy-editor-shell {
        border: 1px solid var(--border);
        border-radius: 8px;
        overflow: hidden;
        background: var(--surface);
    }
    .ai-policy-editor-shell .toastui-editor-defaultUI {
        border: 0;
        font-family: inherit;
    }
    .ai-policy-editor-shell .toastui-editor-contents,
    .ai-policy-editor-shell .toastui-editor-md-container {
        font-family: inherit;
    }
    .ai-policy-textarea.is-editor-active {
        display: none;
    }
    .ai-policy-tools {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
        margin: 8px 0;
    }
    .ai-screen-options {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 8px;
        margin-top: 8px;
    }
    .ai-screen-option {
        display: flex;
        align-items: center;
        gap: 7px;
        padding: 9px 10px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: var(--surface-subtle);
        font-size: 13px;
    }
    @media (max-width: 767px) {
        .ai-policy-editor-shell {
            min-width: 0;
        }
    }

/* worktree/system_ai_usage.html style block 1 */
.usage-actions-col,
    .usage-actions-cell {
        width: 120px;
    }
    .usage-actions-cell {
        vertical-align: middle;
    }
    .usage-actions-cell .actions {
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin: 0;
    }
    .usage-filter-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        align-items: end;
    }
    .usage-filter-grid .field {
        min-width: 0;
        margin-bottom: 0;
    }
    .usage-filter-actions {
        grid-column: 1 / -1;
        display: flex;
        gap: 8px;
        align-items: center;
        flex-wrap: wrap;
    }
    .usage-filter-grid .usage-date-input {
        padding-right: 40px;
        cursor: pointer;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 12px center;
        background-size: 18px;
    }
    @media (max-width: 1279px) {
        .usage-filter-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (max-width: 767px) {
        .usage-filter-grid {
            grid-template-columns: 1fr;
        }
    }

/* worktree/system_journals.html style block 1 */
.journal-actions-col,
    .journal-actions-cell {
        width: 220px;
    }
    .journal-actions-cell {
        vertical-align: middle;
    }
    .journal-actions-cell .actions {
        justify-content: flex-start;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin: 0;
    }
    #journal-create-form .language-choice-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 14px;
        margin: 0;
        padding: 0;
    }
    #journal-create-form .language-choice-list label {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        min-height: 34px;
        padding: 6px 10px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: #fff;
        font-weight: 500;
    }
    #journal-create-form .language-choice-list input[type="checkbox"] {
        width: 16px;
        height: 16px;
        margin: 0;
    }

/* worktree/system_migration.html style block 1 */
.migration-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
        align-items: end;
    }
    .migration-actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        align-items: center;
    }
    .migration-status {
        display: inline-flex;
        align-items: center;
        min-height: 28px;
        padding: 4px 10px;
        border-radius: 999px;
        background: #eef6ff;
        color: #0f5f8f;
        font-size: 13px;
        font-weight: 700;
    }
    .migration-preview {
        overflow-x: auto;
    }
    .migration-preview table {
        min-width: 980px;
    }
    .migration-preview th,
    .migration-preview td {
        font-size: 13px;
        vertical-align: top;
    }
    .migration-list {
        margin: 0;
        padding-left: 18px;
    }
    @media (max-width: 1279px) {
        .migration-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 767px) {
        .migration-grid { grid-template-columns: 1fr; }
    }

/* worktree/system_settings.html style block 1 */
.system-settings-page {
        display: grid;
        gap: 16px;
        font-family: inherit;
    }
    .system-settings-page .field label,
    .system-settings-page .text-muted,
    .system-settings-page .empty,
    .system-settings-page .data-table th,
    .system-settings-page .data-table td {
        font-family: inherit;
    }
    .system-settings-page .field label {
        font-size: 0.92rem;
        font-weight: 600;
        line-height: 1.4;
    }
    .system-settings-page input,
    .system-settings-page select,
    .system-settings-page textarea,
    .system-settings-page button,
    .system-settings-page option {
        font-family: inherit;
        font-size: 0.94rem;
        line-height: 1.45;
    }
    .system-settings-page input::placeholder,
    .system-settings-page textarea::placeholder {
        font-family: inherit;
    }
    .system-settings-page .button {
        font-family: inherit;
        font-size: 0.92rem;
        font-weight: 600;
    }
    .system-settings-page .settings-form {
        display: grid;
        gap: 16px;
        width: 100%;
    }
    .system-settings-page .settings-grid {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .system-settings-page .checkbox-grid {
        display: flex;
        gap: 16px 28px;
        flex-wrap: wrap;
        align-items: center;
    }
    .system-settings-page .checkbox-field {
        margin: 0;
        min-width: max-content;
    }
    .system-settings-page .checkbox-field label {
        display: inline-flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        gap: 8px;
        align-items: center;
        min-height: 32px;
        width: auto;
        white-space: nowrap;
        word-break: keep-all;
    }
    .system-settings-page .checkbox-field input[type="checkbox"] {
        flex: 0 0 16px;
        width: 16px;
        height: 16px;
        min-width: 16px;
        padding: 0;
        margin: 0;
        border-radius: 3px;
        box-sizing: border-box;
    }
    .system-settings-page .checkbox-field span {
        display: inline-block;
        white-space: nowrap;
        word-break: keep-all;
    }
    .system-settings-page .actions {
        display: flex;
        gap: 8px;
        align-items: center;
        flex-wrap: wrap;
        margin: 0;
    }
    .system-settings-page .backup-actions {
        margin-top: 12px;
    }
    @media (max-width: 959px) {
        .system-settings-page .settings-grid {
            grid-template-columns: 1fr;
        }
        .system-settings-page .checkbox-grid {
            align-items: flex-start;
            flex-direction: column;
        }
    }

/* worktree/system_users.html style block 1 */
.modal-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.45);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 16px;
    }
    .modal-backdrop.active {
        display: flex;
    }
    .modal-card {
        background: #fff;
        border-radius: 16px;
        max-width: 520px;
        width: 100%;
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.25);
        padding: 20px;
    }
    .modal-actions {
        display: flex;
        gap: 8px;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin-top: 16px;
    }
    .modal-divider {
        height: 1px;
        background: var(--border);
        margin: 16px 0;
    }
    .form-help {
        font-size: 12px;
        color: var(--text-muted);
        margin-top: 6px;
    }
    .user-actions-col,
    .user-actions-cell {
        width: 420px;
    }
    .user-actions-cell {
        white-space: nowrap;
        vertical-align: middle;
    }
    .user-actions-cell .actions {
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        gap: 6px;
        margin: 0;
    }

/* worktree/template_delivery_log_detail.html style block 1 */
.delivery-log-meta-card,
.delivery-log-preview-card,
.delivery-log-plain-card {
    max-width: 1040px;
}
.delivery-log-preview-card h2 {
    margin-top: 0;
}
.delivery-log-subject {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 10px 14px;
    align-items: start;
    padding: 12px 14px;
    margin-bottom: 14px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: #f8fafc;
}
.delivery-log-subject span {
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 700;
}
.delivery-log-subject strong {
    overflow-wrap: anywhere;
}
.delivery-log-preview-frame {
    display: block;
    width: 100%;
    min-height: 760px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: #f3f5f8;
}
.delivery-log-plain-card summary {
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
}
.delivery-log-plain-card pre {
    margin: 14px 0 0;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: #f8fafc;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.65;
}
@media (max-width: 767px) {
    .delivery-log-preview-frame {
        min-height: 620px;
    }
    .delivery-log-subject {
        grid-template-columns: 1fr;
    }
}

/* worktree/template_management.html style block 1 */
.template-test-log {
        margin-top: 12px;
        font-size: 13px;
        color: var(--text-muted);
    }
    .modal-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.45);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        padding: 16px;
    }
    .modal-backdrop.active {
        display: flex;
    }
    .modal-card {
        background: #fff;
        border-radius: 16px;
        max-width: 760px;
        width: 100%;
        max-height: 92vh;
        overflow: auto;
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.25);
        padding: 20px;
    }
    .modal-card.preview {
        max-width: 860px;
    }
    .modal-actions {
        display: flex;
        gap: 8px;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin-top: 16px;
    }
    .modal-meta {
        display: grid;
        grid-template-columns: 120px 1fr;
        gap: 8px 16px;
        font-size: 13px;
        color: var(--text-muted);
        margin-bottom: 12px;
    }
    .template-action-group {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
    }
    .template-preview-subject {
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 10px 12px;
        margin: 12px 0;
        font-weight: 700;
        color: var(--text-primary);
        background: #f8fafc;
    }
    .template-preview-frame {
        width: 100%;
        height: 520px;
        border: 1px solid var(--border);
        border-radius: 8px;
        background: #f8fafc;
    }
    .template-preview-plain {
        white-space: pre-wrap;
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 12px;
        margin-top: 12px;
        max-height: 220px;
        overflow: auto;
        background: #f8fafc;
        color: var(--text-muted);
        font-size: 13px;
        line-height: 1.6;
    }

/* Former inline declarations, deduplicated by content hash. */
.jx-s-00e048c7d9 { width:min(760px,100%);margin:0; }
.jx-s-025d51b2ab { margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle); }
.jx-s-02c0d064c0 { display:none; position:fixed; right:40px; bottom:40px; width:420px; max-height:70vh; overflow:auto; box-shadow:0 16px 40px rgba(15,23,42,0.16); }
.jx-s-03c96e0d80 { font-size:20px;font-weight:600;cursor:pointer; }
.jx-s-043a10eb30 { margin-top:4px;font-size:13px;display:none; }
.jx-s-087bb19027 { margin-bottom:12px;gap:12px; }
.jx-s-08ab3833f4 { display:flex;align-items:center;gap:8px;white-space:nowrap; }
.jx-s-09cc1ce11c { display:flex;align-items:center; }
.jx-s-0a972cc94e { cursor:pointer;display:flex;gap:8px;flex-wrap:wrap;align-items:center; }
.jx-s-0b87e9e0af { font-weight:600; }
.jx-s-0d3e9ace63 { grid-template-columns:1fr;align-items:flex-start;gap:16px; }
.jx-s-1373acbde1 { grid-column:1 / -1;text-align:right; }
.jx-s-144dbf02de { width: fit-content; }
.jx-s-1539668709 { color:#d97706;font-weight:600;margin-left:4px; }
.jx-s-16c129a692 { margin-top:12px;padding-top:12px;border-top:1px solid var(--border); }
.jx-s-16f2d51288 { display:flex;align-items:center;gap:12px; }
.jx-s-173ce461eb { padding:6px 0;border-bottom:1px solid var(--border); }
.jx-s-17d99b4115 { display:flex;align-items:flex-start;gap:10px; }
.jx-s-17e4977eae { font-size:13px;margin-top:4px; }
.jx-s-189676bb5d { margin-top:12px;font-size:12px; }
.jx-s-1963ad39c1 { font-size:12px;cursor:pointer; }
.jx-s-1a61e502c4 { margin-top:10px;margin-bottom:10px; }
.jx-s-1beca691fa { margin:0 0 6px;font-size:18px; }
.jx-s-1c3e823da3 { background:none;border:none;padding:0;box-shadow:none; }
.jx-s-1cd7e57286 { width:min(680px,100%);margin:0; }
.jx-s-1cf294634a { min-width:160px; }
.jx-s-1d8943fa86 { display:flex;gap:6px; }
.jx-s-1da9facb4d { margin:0; }
.jx-s-1e1a9b09bf { margin-bottom:28px; }
.jx-s-1e30e7b250 { padding:12px; }
.jx-s-1e3c343a42 { display:none;font-size:12px; }
.jx-s-1f11889531 { min-width:140px; }
.jx-s-1f34a6c6e4 { margin-top:6px;font-size:12px;color:var(--text-muted); }
.jx-s-2033c57c51 { margin:18px 0; }
.jx-s-21685c00c7 { display:block;margin-top:6px; }
.jx-s-2257dc80ff { grid-column:1 / -1;gap:8px; }
.jx-s-22742e8ac7 { display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap; }
.jx-s-2359ec67e7 { display:none;position:absolute;z-index:20;left:0;right:0;top:72px;max-height:240px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px; }
.jx-s-254a7e205c { display:none;position:fixed;inset:0;background:rgba(15,23,42,0.55);z-index:2000;align-items:center;justify-content:center;padding:16px; }
.jx-s-2583b20c25 { font-size:13px; margin-bottom:12px; }
.jx-s-28f7a9ec6c { display:flex;gap:8px;align-items:flex-start; }
.jx-s-291b7bbb01 { margin-top:0; }
.jx-s-293eff386c { width:100%;margin-top:10px;text-align:center; }
.jx-s-2adb707305 { max-width:420px;margin:60px auto; }
.jx-s-2b3c22add4 { margin-top:16px;display:none; }
.jx-s-2c62b07d68 { font-size:12px;margin-bottom:8px; }
.jx-s-2cdb611d26 { margin:0 0 8px 0; }
.jx-s-2dd6a8c932 { list-style:none;padding:0;margin:0 0 16px 0; }
.jx-s-2debbfc7c5 { margin:8px 0 0;font-size:12px;white-space:pre-wrap; }
.jx-s-2e414c651b { align-items:flex-start; }
.jx-s-2f79e6038c { gap:12px;margin-bottom:12px; }
.jx-s-2fd7789b39 { margin-top:6px; }
.jx-s-32bb7abf31 { margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center; }
.jx-s-32c59f215d { color:#dc2626;font-weight:600;margin-left:4px; }
.jx-s-3343fd6464 { margin-top:24px; }
.jx-s-36649f3861 { margin-top:12px;justify-content:flex-end; }
.jx-s-37a141f518 { font-size:12px;margin-top:-4px; }
.jx-s-38491172b9 { font-size:14px;margin:16px 0 8px; }
.jx-s-3ae41ad747 { grid-column: 1 / -1; display:flex; gap:12px; align-items:center; }
.jx-s-3b049ad6c2 { margin-top:12px;font-size:13px; }
.jx-s-3ef1fa1aa1 { margin-bottom:12px; }
.jx-s-3f1a2a6171 { flex:1; min-width:220px; }
.jx-s-3fa634baf1 { margin-top:0;font-size:18px; }
.jx-s-3fad69be9e { width:100%;min-width:220px; }
.jx-s-3fd9f3d138 { display:none;margin-top:6px; }
.jx-s-3fdc6bf9b2 { margin-top:24px;font-size:13px;color:var(--text-muted);text-align:center; }
.jx-s-41622e3bd8 { display:flex;gap:24px;flex-wrap:wrap; }
.jx-s-458d7c8ac6 { overflow:auto;margin-top:12px; }
.jx-s-45b7ca6f66 { white-space:pre-wrap;overflow-wrap:anywhere; }
.jx-s-460fb19e37 { gap:12px; }
.jx-s-47a64b63f3 { margin:24px 0 12px 0; }
.jx-s-4c251fc98b { font-size:12px;margin-top:4px; }
.jx-s-4c382b0bc2 { align-self:center; }
.jx-s-4d348f70dc { font-size:24px;margin-bottom:10px; }
.jx-s-4ef9babeac { margin:0 0 6px 0; }
.jx-s-50efee352f { display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;padding:8px;border:1px solid transparent;border-radius:8px; }
.jx-s-5383cc82b5 { margin:0;font-size:18px; }
.jx-s-54fc60cf20 { align-items:start; }
.jx-s-56f5e9f2f0 { display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap; }
.jx-s-574a6ea09a { margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;align-items:center; }
.jx-s-592b33cd5a { justify-content:flex-end; }
.jx-s-598bcd3f6e { margin:16px 0; }
.jx-s-599563ea12 { grid-column:1 / -1; margin-bottom: 0; }
.jx-s-5a1948b248 { display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap; }
.jx-s-5a5c72fdb5 { display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:6px; }
.jx-s-5aec6ffae3 { width:32px; }
.jx-s-5b7a2a8437 { display:flex; gap:12px; flex-wrap:wrap; }
.jx-s-5bb3129c6d { justify-content:flex-end;margin-top:12px; }
.jx-s-5dfbd1ecfa { gap:6px; flex-wrap:wrap; }
.jx-s-60946a2f75 { margin:4px 0; }
.jx-s-611b075dad { background:rgba(239,68,68,0.12);color:#b91c1c; }
.jx-s-6170d94c81 { margin-left:8px; }
.jx-s-64a2ca6e8c { grid-column:1 / -1;position:relative; }
.jx-s-65926909ae { display:flex;justify-content:center;gap:8px;margin-top:16px; }
.jx-s-65e3af54b5 { flex:1;min-width:240px; }
.jx-s-6b6f9f12cc { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.jx-s-6c002e2180 { margin-bottom:6px; }
.jx-s-6d466352ef { display:flex;flex-wrap:wrap;gap:8px;margin:12px 0; }
.jx-s-6e67d56413 { flex:1 1 360px;min-width:320px;display:flex;flex-direction:column; }
.jx-s-6edd913037 { white-space:pre-wrap;font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:24px; }
.jx-s-6f493a3f46 { display:none; position:fixed; left:40px; bottom:40px; width:420px; max-height:70vh; overflow:auto; box-shadow:0 16px 36px rgba(15,23,42,0.18); }
.jx-s-7054699c26 { align-self:end; }
.jx-s-73f9c49fc5 { max-width:520px; }
.jx-s-7409805b03 { margin-top:16px;padding:14px; }
.jx-s-759ab01c92 { margin-top:16px;font-size:13px;color:var(--text-muted); }
.jx-s-76084ee4e5 { margin-bottom:0; }
.jx-s-7623f05545 { flex:1; }
.jx-s-79a1c5a5db { margin-bottom:16px; }
.jx-s-7aeae6ff6e { display:inline-flex;align-items:center;gap:6px;margin:0; }
.jx-s-7c2e63afa3 { margin:20px 0 8px;font-size:16px; }
.jx-s-7de4af7008 { margin:10px 0 6px 0; }
.jx-s-804ac9edc8 { grid-column:1 / -1; }
.jx-s-81184eb2c4 { margin-right:12px;font-size:13px;color:var(--text-muted); }
.jx-s-826fe928b1 { font-size:14px;color:var(--text-muted);line-height:1.6; }
.jx-s-835395b9a1 { padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;${style} }
.jx-s-838e350c34 { display:flex; gap:8px; flex-wrap:wrap; }
.jx-s-842252d1fb { justify-content:center; }
.jx-s-8524a10b79 { gap:12px;margin-top:16px; }
.jx-s-85bc853da4 { display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid #d7dce5;border-radius:999px;font-size:12px;background:#f7f9fc;color:#334155; }
.jx-s-870e0d73bf { gap:12px;margin-top:12px; }
.jx-s-88b7cdf58d { display:none;margin:12px 0 0; }
.jx-s-890e3b59ec { margin:18px 0 8px 0;font-size:16px; }
.jx-s-89670fb38a { background:rgba(217,119,6,.15);color:#b45309; }
.jx-s-8a359a76eb { margin-top:16px; }
.jx-s-8b9688e6e0 { margin-bottom:24px; }
.jx-s-8d74c20df9 { margin-top:32px; }
.jx-s-8fd22c02ed { margin-top:16px;padding:12px; }
.jx-s-923776569f { font-size:13px;color:var(--text-muted); }
.jx-s-9374e84210 { margin-top:12px; }
.jx-s-9700fa56dd { font-size:13px;margin-bottom:12px; }
.jx-s-9781d2ca1c { padding:6px 12px;font-size:12px; }
.jx-s-9940e7f6a7 { padding:18px;border:1px solid var(--border);border-radius:14px; }
.jx-s-9d038637db { grid-column: 1 / -1; display:flex; gap:12px; }
.jx-s-9d6f778470 { align-self:center;font-size:13px;color:var(--text-muted); }
.jx-s-9e6595fb01 { font-size:13px; }
.jx-s-9eb125f52f { margin-top:20px; }
.jx-s-9f4fb75657 { margin-top:12px;gap:12px; }
.jx-s-9f676911e4 { align-items:end; }
.jx-s-a2c83d994b { margin:0;min-width:220px; }
.jx-s-a353e69c3e { margin:0 0 6px; }
.jx-s-a3a5568692 { margin-top:4px; }
.jx-s-a4596a13b4 { max-width:860px;margin:60px auto; }
.jx-s-a4894d9ac8 { display:block;margin-bottom:6px; }
.jx-s-a4a2e66285 { margin-top:20px;font-size:13px;color:var(--text-muted); }
.jx-s-a4d181ea00 { margin-top:12px;gap:8px;flex-wrap:wrap; }
.jx-s-a518544a1a { display:block;margin-top:4px; }
.jx-s-a60cd23684 { max-width:520px;margin:60px auto;text-align:center; }
.jx-s-a7e96e5c61 { margin-bottom:16px;gap:12px;align-items:end; }
.jx-s-a83e5502da { padding:14px;margin-bottom:12px; }
.jx-s-a8502ab8ba { max-width:480px;margin:60px auto; }
.jx-s-a9d3b59a62 { font-size:24px; }
.jx-s-a9efa5449f { white-space:nowrap; }
.jx-s-ace910b27e { max-width:720px; }
.jx-s-af3fee87a1 { margin-bottom:10px; }
.jx-s-b18de2c6cc { margin-top:12px;background: rgba(217, 119, 6, 0.15);color:#b45309; }
.jx-s-b1ecc496e0 { margin-top:8px; }
.jx-s-b35f55f00d { font-size:22px;margin-bottom:8px; }
.jx-s-b5d84becca { font-size:22px; }
.jx-s-b8fb0e72d7 { display:none;margin-bottom:12px; }
.jx-s-ba853ea68c { display:none;margin-top:12px; }
.jx-s-bab9f7ace9 { display:flex;justify-content:space-between;gap:12px;align-items:center; }
.jx-s-be78d49025 { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px; }
.jx-s-bebbec7442 { display:flex;justify-content:space-between;align-items:center;margin-bottom:12px; }
.jx-s-c2c145444d { margin-top:12px;gap:8px; }
.jx-s-c37dfd2f98 { border:1px solid #e5e7eb;border-radius:10px;padding:12px; }
.jx-s-c419abaeba { text-indent:0; }
.jx-s-c5c9ec55a3 { display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe; }
.jx-s-c8be1ccba6 { display:none; }
.jx-s-c917018930 { margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere; }
.jx-s-cad980f4b7 { width:100%; }
.jx-s-cb0b2dcd1c { font-size:22px;margin:0; }
.jx-s-cbb0be9a89 { white-space:pre-wrap; }
.jx-s-cc746babcb { margin:10px 0 0 0; }
.jx-s-ce5ba58046 { grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px; }
.jx-s-cfd5d4bf48 { max-width:520px;margin:60px auto; }
.jx-s-d0698c48c3 { overflow-x:auto; }
.jx-s-d1ab33b887 { margin-top:4px;font-size:12px;color:var(--text-muted); }
.jx-s-d260ea16ed { gap:20px; }
.jx-s-d34253dcbc { margin:12px 0 8px 0;font-size:16px; }
.jx-s-d5a03b8835 { gap:16px; }
.jx-s-d5b43342a2 { grid-column: 1 / -1; }
.jx-s-d5ef79c635 { flex:1 1 100%;min-width:320px;display:flex;flex-direction:column; }
.jx-s-d8a81eac84 { margin-top:10px; }
.jx-s-dac4fe6c9b { text-align:center; }
.jx-s-dc09a942f1 { width:100%;display:inline-block;text-align:center; }
.jx-s-dcc37d5eb7 { margin:0;padding-left:18px;font-size:14px; }
.jx-s-dd8ef92034 { display:none;margin-top:8px; }
.jx-s-e3f61041ef { display:flex;align-items:center;gap:8px; }
.jx-s-e40fdef2d9 { width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-size:14px;font-family:inherit;box-sizing:border-box; }
.jx-s-e4ad4a163b { margin-bottom:8px; }
.jx-s-e4ee2650f4 { padding:6px 10px;font-size:12px; }
.jx-s-e56f804159 { display:block;white-space:pre-wrap;text-indent:0; }
.jx-s-e6b4b5d42a { margin-right:6px;margin-bottom:6px; }
.jx-s-e6d8bd0760 { display:flex;flex-wrap:wrap;gap:24px;margin:40px auto;max-width:1200px;align-items:stretch; }
.jx-s-e71ae94b55 { font-size:12px; }
.jx-s-e73ebf4146 { max-width:220px; }
.jx-s-ec1bde3d38 { margin-top:8px;font-size:13px;display:none; }
.jx-s-eca876278e { border-radius:14px; }
.jx-s-eceb323752 { justify-content:flex-end;margin-top:12px;gap:8px; }
.jx-s-ee82001542 { margin-left:4px; }
.jx-s-eeead763ae { grid-column:1 / -1; display:flex;align-items:flex-end; }
.jx-s-f01cb36182 { border:1px solid var(--border);border-radius:10px;padding:12px;background:#f8fafc; }
.jx-s-f226ee2d92 { font-weight:600;margin-bottom:6px; }
.jx-s-f25fceac9f { margin-top:4px;font-size:12px; }
.jx-s-f4d40dde0e { width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-size:14px; }
.jx-s-f605af1b78 { grid-column: span 2; padding:0; }
.jx-s-f737fe15e5 { margin:0 0 8px 0;font-size:16px; }
.jx-s-f7d8298be8 { margin-top:0;margin-bottom:10px; }
.jx-s-f801fc6f3f { font-size:12px;margin-top:12px; }
.jx-s-f89ec2babf { margin-left:6px; }
.jx-s-f9f0ebc1c8 { padding-top:10px; }
.jx-s-fea9a48c92 { gap:8px; }