/* Desktop unchanged */
.drcp-table{width:100%;border-collapse:collapse;}
.drcp-table th,.drcp-table td{padding:12px;border-bottom:1px solid #ddd;text-align:left;}
.green{color:#2f6b28;} .bold{font-weight:bold;}
.proposal-box{background:#2f6b28;color:#fff;padding:8px 12px;border-radius:4px;text-align:left;}
.highlight-row{background:#fae681;}
.drcp-button{background:#e86a2f;color:#fff;border:none;padding:10px 14px;font-weight:bold;cursor:pointer;}

/* Mobile Accordion */
.drcp-mobile-view{display:none;}
@media (max-width:768px){
  .desktop-view{display:none;}
  .drcp-mobile-view{display:block;}
  .drcp-card{margin-bottom:12px;border-radius:6px;overflow:hidden;background:#fff;transition:all 0.3s ease;}
  .drcp-header{padding:16px;position:relative;color:#fff;}
  .green-bg{background:#2f6b28;} .black-bg{background:#000;}
  .orange-bg{background:#e86a2f;} .red-bg{background:#e61600;}
  .drcp-header h3{margin:0;font-size:18px;}
  .drcp-header p{margin:2px 0 10px 0;font-size:13px;color:#eee;}
  .drcp-monthly{background:#fff;color:#000;padding:6px 8px;border-radius:4px;display:inline-block;font-weight:bold;}
  .drcp-toggle{position:absolute;right:16px;top:22px;cursor:pointer;font-size:18px;}
  .drcp-body{display:none;background:#f9f9f9;color:#000;padding:12px;}
  .drcp-card.active .drcp-body{display:block;}
  .drcp-card.active .drcp-toggle{transform:rotate(180deg);}
}