#appealsView { padding: 14px 12px 28px; }
    #appealsView, #appealsView * { font-family: 'Segoe UI', Tahoma, sans-serif; }
    #appealsView .ap-header { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:16px; }
    #appealsView .ap-back { border:none; border-radius:10px; padding:7px 13px; font-weight:800; cursor:pointer; font-size:20px; line-height:1; background:#eef1f4; color:#475569; }
    #appealsView .ap-title { font-size:1.4rem; font-weight:900; color:#00623f; margin:0; }
    #appealsView .ap-info { background:#e7f4ed; border:1px solid #bfe3d2; border-radius:10px; padding:12px 14px; margin-bottom:14px; font-size:13px; line-height:1.7; }
    #appealsView .ap-info b { color:#00623f; }
    #appealsView .ap-modes { margin-inline-start:auto; display:flex; gap:8px; flex-wrap:wrap; }
    #appealsView .ap-chip { border:1px solid #cfe8dd; background:#fff; color:#00623f; border-radius:999px; padding:6px 14px; font-weight:800; cursor:pointer; font-size:13px; font-family:inherit; }
    #appealsView .ap-chip-on { background:#00623f; color:#fff; border-color:#00623f; }
    #appealsView .ap-card { background:#fff; border:1px solid #e3ead7; border-radius:14px; padding:16px; box-shadow:0 2px 8px rgba(0,0,0,0.04); margin-bottom:16px; }
    #appealsView .ap-card-head h2 { color:#00623f; font-size:1.1rem; font-weight:900; margin:0 0 4px; }
    #appealsView .ap-card-head p { color:#5c7468; font-size:12px; margin:0 0 12px; }
    #appealsView .ap-form { border-right:4px solid #00623f; }
    #appealsView .ap-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; align-items:end; }
    #appealsView .ap-field label { display:block; font-size:12px; font-weight:700; color:#444; margin-bottom:4px; }
    #appealsView .ap-input, #appealsView .ap-select, #appealsView .ap-area { width:100%; box-sizing:border-box; border:1px solid #cbd5cf; border-radius:8px; padding:8px; font-family:inherit; font-size:14px; background:#fff; }
    #appealsView .ap-area { resize:vertical; min-height:80px; line-height:1.4; }
    #appealsView .ap-input:focus, #appealsView .ap-select:focus, #appealsView .ap-area:focus { outline:none; border-color:#00623f; box-shadow:0 0 0 2px #e7f4ed; }
    #appealsView .ap-btn { border:none; border-radius:8px; padding:9px 14px; font-weight:800; font-family:inherit; cursor:pointer; font-size:13px; white-space:nowrap; }
    #appealsView .ap-btn-green { background:#00623f; color:#fff; } #appealsView .ap-btn-green:hover { background:#00623f; }
    #appealsView .ap-btn-red { background:#dc2626; color:#fff; } #appealsView .ap-btn-red:hover { background:#b91c1c; }
    #appealsView .ap-btn-forest { background:#00623f; color:#fff; } #appealsView .ap-btn-forest:hover { background:#004d31; }
    #appealsView .ap-btn-leaf { background:#2f9e6e; color:#fff; } #appealsView .ap-btn-leaf:hover { background:#004d31; }
    #appealsView .ap-btn-ghost { background:#eef1f4; color:#475569; border:1px solid #e2e8e4; }
    #appealsView .ap-status { display:inline-block; font-size:11px; font-weight:800; border-radius:999px; padding:3px 10px; white-space:nowrap; }
    #appealsView .ap-st-pending { background:#fdf6e7; color:#b7791f; border:1px solid #f0d68a; }
    #appealsView .ap-st-review  { background:#e3f2fd; color:#1d4ed8; border:1px solid #b9d0fb; }
    #appealsView .ap-st-approved{ background:#dcfce7; color:#15803d; border:1px solid #86efac; }
    #appealsView .ap-st-rejected{ background:#fef2f2; color:#b91c1c; border:1px solid #f3b4b4; }
    #appealsView .ap-mine { background:#f8faf9; border-radius:10px; padding:12px 14px; margin-top:10px; font-size:13px; }
    #appealsView .ap-mine + .ap-mine { margin-top:8px; }
    #appealsView .ap-mine b { color:#00623f; }
    #appealsView .ap-mine .ap-resp { margin-top:6px; background:#e7f4ed; border-radius:8px; padding:7px 10px; color:#00623f; }
    #appealsView .ap-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
    #appealsView .ap-table-wrap { background:#fff; border:1px solid #e3ead7; border-radius:12px; overflow:auto; }
    #appealsView table.ap-table { width:100%; border-collapse:collapse; text-align:right; min-width:920px; }
    #appealsView .ap-table th { background:#eef1f4; color:#334155; font-weight:800; font-size:12px; padding:10px 12px; white-space:nowrap; }
    #appealsView .ap-table td { padding:10px 12px; border-top:1px solid #eef1f4; font-size:13px; vertical-align:top; }
    #appealsView .ap-table .ap-reason { max-width:260px; white-space:normal; line-height:1.35; }
    #appealsView .ap-table-select { border:1px solid #cbd5cf; border-radius:6px; padding:5px 7px; font-family:inherit; font-size:12px; background:#fff; }
    #appealsView .ap-respin { width:100%; box-sizing:border-box; border:1px solid #cbd5cf; border-radius:6px; padding:5px 7px; font-family:inherit; font-size:12px; min-height:38px; resize:vertical; }
    #appealsView .ap-del { background:#fef2f2; color:#dc2626; border:none; border-radius:6px; padding:5px 11px; font-weight:800; cursor:pointer; font-family:inherit; }
    #appealsView .ap-del:hover { background:#fde0e0; }
    #appealsView .ap-empty { text-align:center; color:#6b7280; padding:26px; }
    #appealsView .ap-credit { text-align:center; color:#6b7280; font-size:11px; margin-top:22px; }