.board-page{width:100%;min-width:0}.board-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.board-header h2{margin:4px 0 8px;font-size:30px;font-weight:900;color:var(--navy-950,#17233c)}.board-header p{margin:0;color:var(--muted,#667085);font-size:16px}.board-eyebrow{font-size:14px;letter-spacing:.18em;font-weight:800;color:#9a6f3a}.board-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid #8f6b3d;border-radius:10px;background:#26364f;color:#fff!important;text-decoration:none;font-size:16px;font-weight:800;cursor:pointer}.board-btn:hover{filter:brightness(1.05)}.board-btn.secondary{background:#fff;color:#334155!important;border-color:#cbd5e1}.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.board-count{font-size:15px;color:#64748b}.board-search-shell input{width:260px;max-width:100%;height:40px;padding:0 12px;border:1px solid #d5dbe5;border-radius:9px;background:#fff}.board-table-wrap{overflow-x:auto;background:rgba(255,255,255,.94);border:1px solid #d8dee8;border-radius:14px;box-shadow:0 5px 18px rgba(15,23,42,.05)}.board-table{width:100%;border-collapse:collapse;min-width:720px}.board-table th{padding:14px 16px;background:#f4f1eb;color:#475569;border-bottom:1px solid #d8dee8;font-size:14px;text-align:center}.board-table td{padding:15px 16px;border-bottom:1px solid #e8ecf2;text-align:center;color:#334155;font-size:15px}.board-table tbody tr:last-child td{border-bottom:0}.board-table tbody tr:hover td{background:#fbfaf7}.board-title-cell{text-align:left!important}.board-title-cell a{color:#1e293b;text-decoration:none;font-weight:700}.board-title-cell a:hover{text-decoration:underline}.board-category,.board-badge,.board-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap}.board-category{padding:5px 9px;background:#eef2f7;color:#475569}.board-badge{margin-left:7px;padding:3px 7px;background:#fef3c7;color:#92400e}.board-status{padding:5px 9px;background:#eef2ff;color:#4338ca}.board-status.received{background:#fff7df;color:#a16207}.board-status.reviewing{background:#e8f1ff;color:#2563eb}.board-status.completed{background:#e8f8ef;color:#15803d}.board-status.rejected{background:#feecec;color:#dc2626}.board-empty,.board-empty-filter{padding:54px 20px!important;text-align:center!important;color:#94a3b8}.board-empty-filter{margin-top:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.board-detail-card,.board-form-card{background:rgba(255,255,255,.96);border:1px solid #d8dee8;border-radius:15px;box-shadow:0 5px 18px rgba(15,23,42,.05);overflow:hidden}.board-detail-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 22px;background:#f7f4ee;border-bottom:1px solid #e2e8f0;font-size:14px;color:#64748b}.board-detail-content{padding:30px 26px;min-height:260px;color:#334155;line-height:1.85}.board-detail-content h3{margin:0 0 10px;font-size:17px;color:#1e293b}.board-detail-content p{margin:0 0 22px}.preline{white-space:pre-line}.board-evidence-link{word-break:break-all}.admin-response{margin-top:30px;padding:20px;border:1px solid #cfe0d5;border-radius:12px;background:#f3faf5}.board-form-card{padding:26px}.board-form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.board-form-row label{font-size:15px;font-weight:800;color:#334155}.board-form-row input,.board-form-row select,.board-form-row textarea{width:100%;padding:11px 12px;border:1px solid #cfd7e3;border-radius:9px;background:#fff;color:#1f2937;box-sizing:border-box}.board-form-row textarea{resize:vertical}.board-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.board-alert{padding:12px 15px;margin-bottom:16px;border-radius:10px;font-size:15px}.board-alert.success{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.guide-board-grid,.about-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-board-grid article,.about-board>div{padding:24px;background:rgba(255,255,255,.95);border:1px solid #d8dee8;border-radius:14px;box-shadow:0 5px 18px rgba(15,23,42,.04)}.guide-board-grid b,.about-board strong{font-size:24px;color:#9a6f3a}.guide-board-grid h3,.about-board h3{margin:8px 0;font-size:18px;color:#1e293b}.guide-board-grid p,.about-board p{margin:0;color:#64748b;line-height:1.7;font-size:15px}@media(max-width:800px){.board-header{align-items:flex-start;flex-direction:column}.board-search-shell,.board-search-shell input{width:100%}.board-toolbar{align-items:flex-start;flex-direction:column}.guide-board-grid,.about-board{grid-template-columns:1fr}}

/* =========================================================
   Trade-based dispute report
   ========================================================= */
.board-alert.warning{
    background:#fff7ed;
    color:#9a3412;
    border:1px solid #fed7aa;
}
.board-guide-box{
    margin-bottom:18px;
    padding:18px 20px;
    border:1px solid #ded5c8;
    border-radius:12px;
    background:#fbf8f2;
    color:#475569;
    line-height:1.7;
    font-size:15px;
}
.board-guide-box strong{
    display:block;
    margin-bottom:6px;
    color:#1e293b;
    font-size:16px;
}
.board-guide-box p{
    margin:4px 0;
}
.trade-report-summary,
.report-trade-detail-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:-4px 0 22px;
    padding:15px;
    border:1px solid #dde3ec;
    border-radius:11px;
    background:#f8fafc;
}
.trade-report-summary>div,
.report-trade-detail-grid>div{
    min-width:0;
    padding:10px 12px;
    border-radius:9px;
    background:#fff;
    border:1px solid #e7ebf1;
}
.trade-report-summary span,
.report-trade-detail-grid span{
    display:block;
    margin-bottom:4px;
    color:#94a3b8;
    font-size:14px;
    font-weight:700;
}
.trade-report-summary strong,
.report-trade-detail-grid strong{
    display:block;
    overflow:hidden;
    color:#334155;
    font-size:15px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.evidence-upload-box{
    padding:14px;
    border:1px dashed #c9d2df;
    border-radius:10px;
    background:#fafbfd;
}
.evidence-upload-box input[type=file]{
    padding:9px;
    background:#fff;
}
.evidence-help{
    margin:9px 2px 0;
    color:#64748b;
    font-size:14px;
    line-height:1.6;
}
.evidence-preview-wrap{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:12px;
    padding:10px;
    border:1px solid #e2e8f0;
    border-radius:9px;
    background:#fff;
    color:#475569;
    font-size:14px;
}
.evidence-preview{
    width:100px;
    height:76px;
    object-fit:cover;
    border-radius:7px;
    border:1px solid #dbe2ea;
}
.report-evidence-card{
    margin-bottom:24px;
    padding:14px;
    border:1px solid #dfe5ed;
    border-radius:12px;
    background:#fafbfd;
}
.report-evidence-image{
    display:block;
    width:min(100%,720px);
    max-height:520px;
    object-fit:contain;
    border-radius:9px;
    background:#fff;
    border:1px solid #d9e0e9;
}
.report-evidence-card p{
    margin:8px 0 0;
    color:#64748b;
    font-size:14px;
}
.board-muted-text{
    color:#94a3b8;
}
@media(max-width:900px){
    .trade-report-summary,
    .report-trade-detail-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:600px){
    .trade-report-summary,
    .report-trade-detail-grid{
        grid-template-columns:1fr;
    }
}

/* =========================================================
   Support inquiry
   ========================================================= */
.board-header-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    flex-wrap:wrap;
}
.board-btn.admin{
    background:#7c2d12;
    border-color:#7c2d12;
}
.support-guide-box{
    margin-bottom:22px;
}
.board-table-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:0 11px;
    border:1px solid #cbd5e1;
    border-radius:8px;
    background:#fff;
    color:#334155;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
}
.board-table-action:hover{
    background:#f8fafc;
}
.support-waiting-box{
    margin-top:28px;
    padding:18px 20px;
    border:1px solid #dbe3ed;
    border-radius:12px;
    background:#f8fafc;
}
.support-waiting-box strong{
    display:block;
    margin-bottom:6px;
    color:#334155;
    font-size:16px;
}
.support-waiting-box p{
    margin:0;
    color:#64748b;
    font-size:15px;
    line-height:1.7;
}
.support-answer-box{
    margin-top:30px;
}
.support-answer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:10px;
}
.support-answer-head h3{
    margin:0;
}
.support-answer-head span{
    color:#64748b;
    font-size:14px;
}
.support-original-inquiry{
    margin-bottom:20px;
    padding:22px 24px;
    border:1px solid #d8dee8;
    border-radius:14px;
    background:rgba(255,255,255,.96);
    box-shadow:0 5px 18px rgba(15,23,42,.05);
}
.support-original-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
    color:#64748b;
    font-size:14px;
}
.support-original-inquiry h3{
    margin:0 0 12px;
    color:#1e293b;
    font-size:19px;
}
.support-original-inquiry p{
    margin:0;
    color:#475569;
    line-height:1.8;
}
@media(max-width:800px){
    .board-header-actions{
        width:100%;
        justify-content:flex-start;
    }
    .support-answer-head{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }
}
