/* Controls */
.ce-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
#ce-search{flex:1 1 260px;padding:10px 12px;border:1px solid #e1e1e1;border-radius:8px;font-size:14px}
.ce-filters label{margin-right:10px;font-size:13px}
/* Table */
.ce-table table{width:100%;border-collapse:collapse;font-size:14px}
.ce-table thead th{background:#f7f7f8;border-bottom:1px solid #e6e6e6;padding:10px;text-align:left;cursor:pointer}
.ce-table tbody td{border-bottom:1px solid #f0f0f0;padding:10px;vertical-align:top}
.ce-table tbody tr:hover{background:#fafafa}
.ce-table .ce-note{margin-top:8px;font-size:12px;color:#666}
/* Trust bar */
.trustbar{position:relative;width:120px;height:8px;background:#eee;border-radius:6px;overflow:hidden}
.trustbar span{display:block;height:100%;background:linear-gradient(90deg,#f87171,#fbbf24,#34d399)}
.trustnum{font-size:12px;color:#555;margin-top:4px}
/* Fee badges (JS adds classes) */
.fee.badge-low{background:#ecfdf5;border-radius:6px;padding:4px 6px}
.fee.badge-mid{background:#fffbeb;border-radius:6px;padding:4px 6px}
.fee.badge-high{background:#fef2f2;border-radius:6px;padding:4px 6px}
/* Compare bar */
.ce-compare-bar{position:fixed;bottom:20px;left:20px;right:20px;background:#111;color:#fff;border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:99999;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.ce-compare-bar .btn{background:#fff;color:#111;border:none;border-radius:8px;padding:8px 12px;cursor:pointer}
.ce-compare-bar .btn-ghost{background:transparent;color:#fff;border:1px solid #fff}
/* Modal */
.ce-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100000}
.ce-modal-content{background:#fff;max-width:95vw;width:900px;border-radius:12px;padding:16px;position:relative;max-height:90vh;overflow:auto}
.ce-modal-close{position:absolute;right:10px;top:8px;background:transparent;border:none;font-size:22px;cursor:pointer}
.ce-modal table{width:100%;border-collapse:collapse}
.ce-modal th,.ce-modal td{border:1px solid #eee;padding:8px;text-align:left}
/* Responsive */
@media (max-width: 900px){
  .ce-table table,.ce-table thead,.ce-table tbody,.ce-table th,.ce-table td,.ce-table tr{display:block}
  .ce-table thead{display:none}
  .ce-table tbody tr{margin:10px 0;padding:10px;border:1px solid #eee;border-radius:8px}
  .trustbar{width:100%}
}