/*
Signal Labs
Area: Signal Schedule
File: schedule/pages/requests/shift-trades.css
Version: v5.14.0
Purpose: Shift Trades UI styling
*/
.trade-shell { width:min(1180px,calc(100% - 32px)); margin:0 auto 56px; color:#e5eefb; }
.trade-hero, .trade-panel, .trade-builder-card, .trade-list-section { border:1px solid rgba(148,163,184,.24); border-radius:24px; background:rgba(15,23,42,.72); box-shadow:0 18px 40px rgba(15,23,42,.16); }
.trade-hero { padding:28px; margin-bottom:18px; }
.trade-hero h1 { margin:0 0 10px; font-size:clamp(2rem,4vw,3.4rem); }
.trade-hero p, .trade-panel p, .trade-builder-card p, .trade-card p, .trade-card dd, .trade-list-section p { color:rgba(226,232,240,.78); line-height:1.65; }
.trade-grid { display:grid; grid-template-columns:minmax(260px,360px) 1fr; gap:18px; align-items:start; }
.trade-panel, .trade-builder-card, .trade-list-section { padding:22px; }
.trade-summary { display:grid; gap:10px; margin:16px 0; }
.trade-stat { padding:14px; border:1px solid rgba(148,163,184,.22); border-radius:16px; background:rgba(30,41,59,.52); }
.trade-stat strong { display:block; font-size:1.7rem; color:#fff; }
.trade-stat span { color:rgba(226,232,240,.72); font-weight:700; }
.trade-filter { display:flex; flex-wrap:wrap; gap:8px; }
.trade-filter button { min-height:36px; border:1px solid rgba(148,163,184,.3); border-radius:999px; padding:7px 11px; background:rgba(30,41,59,.7); color:#f8fafc; font-weight:800; cursor:pointer; }
.trade-filter button[aria-pressed="true"] { border-color:rgba(34,197,94,.7); background:rgba(34,197,94,.14); }
.trade-status-line { margin:14px 0 0; font-weight:800; color:rgba(125,211,252,.92); }
.trade-builder-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin:16px 0; max-width:100%; }
.trade-builder-grid label { display:grid; gap:7px; min-width:0; color:rgba(226,232,240,.8); font-weight:800; }
.trade-builder-grid select { width:100%; max-width:100%; min-width:0; min-height:42px; border-radius:14px; border:1px solid rgba(148,163,184,.28); background:rgba(15,23,42,.82); color:#f8fafc; padding:8px 10px; }
.trade-preview-box { padding:16px; border-radius:18px; border:1px solid rgba(125,211,252,.3); background:rgba(14,165,233,.12); }
.trade-list-section { margin-top:18px; }
.trade-section-header { display:flex; justify-content:space-between; gap:16px; align-items:start; margin-bottom:14px; }
.trade-section-header h2 { margin:0 0 6px; }
.trade-list { display:grid; gap:14px; }
.trade-card { padding:18px; border:1px solid rgba(148,163,184,.22); border-radius:20px; background:rgba(30,41,59,.52); }
.trade-card__top { display:flex; justify-content:space-between; gap:14px; align-items:start; }
.trade-eyebrow { margin:0 0 6px; text-transform:uppercase; font-size:.76rem; font-weight:900; letter-spacing:.09em; color:rgba(125,211,252,.9)!important; }
.trade-card h3 { margin:0; color:#fff; }
.trade-status { display:inline-flex; align-items:center; border-radius:999px; border:1px solid rgba(34,197,94,.45); padding:6px 10px; color:#dcfce7; background:rgba(34,197,94,.12); font-weight:850; white-space:nowrap; }
.trade-meta { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; margin:16px 0; }
.trade-meta div { padding:12px; border-radius:14px; background:rgba(15,23,42,.48); border:1px solid rgba(148,163,184,.18); }
.trade-meta dt { font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; font-weight:900; color:rgba(226,232,240,.62); }
.trade-meta dd { margin:5px 0 0; }
.trade-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; }
.trade-tags span { border-radius:999px; border:1px solid rgba(125,211,252,.32); background:rgba(14,165,233,.12); color:#e0f2fe; padding:5px 9px; font-weight:800; }
.trade-warning { padding:12px 14px; border-radius:16px; border:1px solid rgba(251,191,36,.36); background:rgba(251,191,36,.1); color:#fef3c7; margin-bottom:12px; }
.trade-warning ul, .trade-rules ul { margin:8px 0 0 18px; }
.trade-recommendation { padding:12px 14px; border-radius:16px; border:1px solid rgba(34,197,94,.28); background:rgba(34,197,94,.1); color:#dcfce7; margin-bottom:12px; }
.trade-card details { border-top:1px solid rgba(148,163,184,.18); padding-top:10px; }
.trade-card summary { cursor:pointer; font-weight:900; color:#f8fafc; }
.trade-rules { margin-top:18px; }
.trade-empty { padding:18px; border:1px dashed rgba(148,163,184,.32); border-radius:18px; }
@media (max-width:820px){ .trade-shell{width:min(100% - 20px,1180px)} .trade-grid{grid-template-columns:1fr} .trade-card__top,.trade-section-header{display:block} .trade-status{margin-top:10px} }
@media (max-width:620px){ .trade-builder-grid{grid-template-columns:1fr} .trade-builder-card{padding:18px} }

.trade-workflow { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; margin:12px 0; }
.trade-workflow span { padding:11px 12px; border-radius:14px; border:1px solid rgba(125,211,252,.24); background:rgba(14,165,233,.10); color:#dbeafe; font-weight:750; }
.trade-workflow strong { color:#fff; }