@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');

body { min-height: 100vh; margin: 0; background: #f3f5f0; color: #183c38; font-family: 'DM Sans', sans-serif; }
.trades-shell { width: min(1000px, calc(100% - 36px)); margin: 0 auto; padding: 42px 0 70px; }
.trades-heading { padding-bottom: 20px; border-bottom: 1px solid #d7e0d8; }
.trades-heading > p:first-child { color: #23745e; font-size: 10px; font-weight: 700; letter-spacing: 1px; }
.trades-heading h1 { margin: 5px 0; font: 600 40px/1.12 'Fraunces', Georgia, serif; }
.trades-heading p:last-child { color: #667d77; font-size: 13px; }
.notification-section { margin-top: 26px; }
.notification-section h2 { margin: 0 0 10px; font: 600 22px 'Fraunces', Georgia, serif; }
.trade-list { display: grid; gap: 8px; }
.trade-list-empty { padding: 18px 0; color: #667d77; font-size: 13px; }
.trade-list-item { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px 18px; padding: 15px; border: 1px solid #d7e0d8; border-radius: 6px; background: #fffefa; color: inherit; text-decoration: none; }
.trade-list-item:hover { border-color: #23745e; }
.trade-list-item strong { font: 600 16px 'Fraunces', Georgia, serif; }
.trade-list-item span { color: #667d77; font-size: 11px; }
.trade-list-item time { grid-column: 1 / -1; color: #667d77; font-size: 10px; }
.trade-list-status { padding: 4px 7px; border-radius: 4px; background: #e7f1e8; color: #276847 !important; font-size: 10px !important; font-weight: 700; text-transform: uppercase; }
.trade-list-status.is-pending { background: #fff1df; color: #9b4b32 !important; }
@media (max-width: 600px) { .trades-heading h1 { font-size: 34px; } .trade-list-item { grid-template-columns: 1fr; } .trade-list-item time { grid-column: auto; } }