:root {
  --bg: #050505;
  --surface: #101010;
  --surface-2: #171717;
  --line: #292929;
  --text: #f6f6f3;
  --muted: #a8a49d;
  --red: #ff1d00;
  --red-deep: #7a0e00;
  --red-bright: #ff4726;
  --orange: #ff713e;
  --green: #43e083;
  --blue: #4e9cff;
  --gold: #f2c15c;
  --steel: #a6a6a6;
  --radius: 22px;
  --font-display: 'Luckiest Guy', 'Oswald', cursive;
  --font-body: 'Inter', ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #000; color: var(--text); font-family: var(--font-body); }
body { display: flex; justify-content: center; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.app-shell { width: min(100%, 480px); min-height: 100vh; background: radial-gradient(circle at 50% -10%, #2c2320 0, #0c0908 35%, #050505 70%); position: relative; padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
.topbar { min-height: 112px; padding: max(16px, env(safe-area-inset-top)) 18px 10px; display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; gap: 14px; }
.brand-logo { width: 150px; max-height: 88px; object-fit: contain; justify-self: center; filter: drop-shadow(0 8px 20px rgba(0,0,0,.6)) drop-shadow(0 0 24px rgba(255,29,0,.18)); }
.icon-button { width: 42px; height: 42px; border-radius: 50%; border: 1px solid #3a2f2c; background: linear-gradient(180deg,#1e1a19,#0d0b0a); color: #deded9; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 18px rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center; transition: transform .15s ease, border-color .15s ease; }
.icon-button svg { width: 19px; height: 19px; }
.icon-button:active { transform: scale(.92); border-color: rgba(255,29,0,.5); }
.screen-root { padding: 0 16px 22px; }
.screen { animation: enter .28s cubic-bezier(.22,.9,.32,1); }
@keyframes enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.screen-heading-row, .show-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; margin: 4px 2px 16px; }
h1,h2,p { margin: 0; }
h1 { font-family: var(--font-display); font-weight: 400; font-size: 32px; letter-spacing: .4px; text-transform: uppercase; text-shadow: 0 3px 0 rgba(0,0,0,.35); }
h2 { font-size: 15px; font-weight: 800; letter-spacing: .3px; }
.eyebrow, .section-label { color: var(--red-bright); font-size: 11px; font-weight: 800; letter-spacing: 2.4px; }
.status-badge { border-radius: 999px; padding: 7px 11px; font-weight: 900; font-size: 11px; letter-spacing: 1.1px; border: 1px solid; }
.status-badge.ready { color: var(--green); border-color: rgba(67,224,131,.45); background: rgba(67,224,131,.1); }
.status-badge.live { color: #fff; border-color: rgba(255,29,0,.55); background: linear-gradient(180deg, #ff4726, #b91500); box-shadow: 0 0 20px rgba(255,29,0,.28); animation: pulseLive 2.4s ease-in-out infinite; }
@keyframes pulseLive { 0%,100% { box-shadow: 0 0 16px rgba(255,29,0,.26); } 50% { box-shadow: 0 0 26px rgba(255,29,0,.48); } }
.panel { border: 1px solid var(--line); background: linear-gradient(155deg, rgba(28,28,28,.95), rgba(11,11,11,.98)); border-radius: var(--radius); padding: 17px; margin-bottom: 13px; box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 35px rgba(0,0,0,.25); }
.panel-title-row { display:flex; justify-content:space-between; align-items:center; margin-bottom: 14px; }
.panel-icon { color: var(--muted); }
.text-button { border: 0; background: transparent; color: var(--red); font-weight: 800; }
.field-label { display:block; color: var(--muted); font-size: 12px; font-weight: 700; margin: 11px 0 7px; }
.text-field, .notes-field, .money-field { width:100%; border:1px solid #323232; border-radius: 14px; background:#090909; color:var(--text); outline:none; transition:.2s; }
.text-field { height: 48px; padding: 0 14px; }
.notes-field { min-height: 84px; resize: vertical; padding: 13px 14px; }
.text-field:focus, .notes-field:focus, .money-field:focus-within { border-color: rgba(255,29,0,.8); box-shadow: 0 0 0 3px rgba(255,29,0,.1); }
.team-grid { display:flex; flex-wrap:wrap; gap:10px; }
.team-chip { display:flex; align-items:center; gap:9px; padding:10px 12px; border-radius:999px; border:1px solid #313131; background:#0b0b0b; color:#deded9; }
.team-chip.active { border-color: rgba(67,224,131,.45); }
.team-chip .dot { width:8px; height:8px; background:var(--green); border-radius:50%; box-shadow:0 0 10px rgba(67,224,131,.55); }
.goal-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:9px; }
.goal-grid label > span { display:block; color:var(--muted); font-size:10px; font-weight:700; margin-bottom:6px; }
.money-field { display:flex; align-items:center; height:44px; padding:0 9px; }
.money-field b { color:var(--muted); }
.money-field input { min-width:0; width:100%; background:transparent; border:0; outline:0; color:var(--text); font-weight:800; }
.primary-cta, .secondary-cta { width:100%; min-height:58px; border-radius:17px; font-family:var(--font-display); font-weight:400; font-size:17px; letter-spacing:1px; text-transform:uppercase; transition:transform .12s ease, box-shadow .12s ease; }
.primary-cta { border:1px solid #ff6a52; color:white; background:linear-gradient(180deg,#ff4726,#7a0e00); box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 12px 32px rgba(255,29,0,.3); }
.primary-cta:active, .secondary-cta:active { transform:scale(.98); }
.secondary-cta { border:1px solid #343434; color:white; background:linear-gradient(180deg,#222,#111); }
.show-name { font-family:var(--font-display); font-weight:400; font-size: 22px; letter-spacing: .3px; }
.show-date { margin-top:4px; color:var(--muted); font-size:12px; }
.hero-metric { text-align:center; border:1px solid #3a211e; background:radial-gradient(circle at 50% 0, rgba(255,29,0,.16), transparent 56%), linear-gradient(155deg,#17110f,#0b0b0b); border-radius:28px; padding:22px 16px 20px; box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 40px rgba(0,0,0,.32); }
.hero-metric p { font-size:11px; font-weight:900; color:#c5c2bd; letter-spacing:2px; }
.hero-metric strong { display:block; margin-top:6px; font-size:48px; letter-spacing:-2px; color:#fff; text-shadow:0 0 22px rgba(255,29,0,.15); }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:11px 0 20px; }
.metric-grid article { min-width:0; min-height:80px; border-radius:18px; border:1px solid #292929; background:linear-gradient(160deg,#171717,#0b0b0b); padding:13px 10px; }
.metric-grid span { color:var(--muted); font-size:11px; font-weight:800; }
.metric-grid strong { display:block; margin-top:9px; font-size:17px; white-space:nowrap; }
.section-label { margin: 0 3px 10px; }
.action-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; }
.deal-action { min-height:93px; border-radius:22px; border:1px solid; color:white; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; padding:15px 17px; box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 15px 28px rgba(0,0,0,.3); transition: transform .12s ease, box-shadow .12s ease; }
.deal-action:active { transform: scale(.97); box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 8px 16px rgba(0,0,0,.3); }
.deal-action b { font-family:var(--font-display); font-weight:400; font-size:20px; letter-spacing:.6px; }
.action-icon { display:flex; }
.action-icon svg { width:26px; height:26px; }
.deal-action.buy { background:linear-gradient(145deg,#127f4b,#0c3c27); border-color:#31bd76; }
.deal-action.sell { background:linear-gradient(145deg,#e2321a,#5c1400); border-color:#ff6a52; }
.deal-action.trade { background:linear-gradient(145deg,#2e70c9,#193b73); border-color:#5599f0; }
.deal-action.hotbox { background:linear-gradient(145deg,#e76427,#7d2715); border-color:#fb8b52; }
.last-deal-card { margin-top:13px; border-radius:22px; border:1px solid #2d2d2d; background:linear-gradient(160deg,#171717,#0a0a0a); padding:15px; }
.last-deal-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.last-deal-header span { color:var(--muted); font-size:11px; }
.last-deal-empty { display:flex; gap:12px; align-items:center; }
.last-deal-empty p { color:var(--muted); font-size:12px; margin-top:4px; line-height:1.35; }
.card-placeholder { width:55px; aspect-ratio:.72; display:grid; place-items:center; border-radius:9px; border:1px solid #383838; background:linear-gradient(145deg,#242424,#0b0b0b); font-weight:900; color:#777; }
.placeholder-screen { min-height:65vh; display:grid; place-items:center; }
.placeholder-card { width:100%; border:1px solid #2c2c2c; border-radius:28px; padding:28px; background:linear-gradient(155deg,#181818,#090909); text-align:center; }
.placeholder-card h1 { margin-top:8px; }
.placeholder-card > p:not(.eyebrow) { color:var(--muted); line-height:1.55; margin:12px 0 22px; }
.bottom-nav { position:fixed; z-index:10; left:50%; transform:translateX(-50%); bottom:0; width:min(100%,480px); display:grid; grid-template-columns:repeat(5,1fr); padding:9px 8px calc(9px + env(safe-area-inset-bottom)); background:rgba(8,8,8,.94); backdrop-filter:blur(18px); border-top:1px solid #262626; }
.nav-item { min-width:0; border:0; background:transparent; color:#7d7873; display:flex; flex-direction:column; align-items:center; gap:5px; padding:5px 1px; transition:color .15s ease, transform .15s ease; }
.nav-item span { display:flex; }
.nav-item svg { width:21px; height:21px; }
.nav-item small { font-size:9px; font-weight:700; letter-spacing:.2px; white-space:nowrap; }
.nav-item.active { color:var(--red-bright); }
.nav-item:active { transform:scale(.94); }
.toast { position:fixed; z-index:20; left:50%; transform:translate(-50%,20px); bottom:105px; width:min(calc(100% - 36px),430px); background:#f4f1ea; color:#111; border-radius:14px; padding:13px 15px; font-weight:800; opacity:0; pointer-events:none; transition:.24s; box-shadow:0 14px 34px rgba(0,0,0,.45); }
.toast.show { opacity:1; transform:translate(-50%,0); }
@media (max-width:370px) { .goal-grid { grid-template-columns:1fr; } .hero-metric strong { font-size:42px; } }

/* Build 02: Buy, Sell, and Today's Deals */
.entry-heading { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:12px; margin:4px 2px 16px; }
.back-button { width:40px; height:40px; border-radius:50%; border:1px solid #343434; background:linear-gradient(180deg,#1b1b1b,#0c0c0c); color:#fff; display:flex; align-items:center; justify-content:center; transition:transform .15s ease; }
.back-button svg { width:19px; height:19px; }
.back-button:active { transform:scale(.9); }
.entry-type-badge { padding:8px 12px; border-radius:999px; font-size:11px; font-weight:950; letter-spacing:1.2px; border:1px solid; }
.entry-type-badge.buy { color:var(--green); border-color:rgba(67,224,131,.55); background:rgba(67,224,131,.1); }
.entry-type-badge.sell { color:#ff786d; border-color:rgba(255,29,0,.55); background:rgba(255,29,0,.11); }
.entry-panel { padding:18px; }
.large-field { font-size:16px; font-weight:750; }
.amount-entry { display:flex; align-items:center; height:74px; border:1px solid #353535; border-radius:18px; background:#080808; padding:0 18px; transition:.2s; }
.amount-entry:focus-within { border-color:rgba(255,29,0,.8); box-shadow:0 0 0 3px rgba(255,29,0,.1); }
.amount-entry span { color:var(--muted); font-size:28px; font-weight:900; }
.amount-entry input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:#fff; font-size:39px; font-weight:950; letter-spacing:-1px; padding-left:8px; }
.segmented { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.segmented button { min-height:43px; border-radius:12px; border:1px solid #303030; background:#0a0a0a; color:#aaa; font-size:12px; font-weight:800; }
.segmented button.selected { color:#fff; border-color:#ff4726; background:linear-gradient(180deg,#5c1400,#280900); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.optional-row { display:flex; gap:10px; margin-top:16px; }
.photo-picker { flex:1; min-height:72px; display:flex; align-items:center; gap:12px; border:1px dashed #3c3c3c; border-radius:16px; padding:12px; background:#090909; cursor:pointer; }
.photo-picker input { display:none; }
.photo-picker small { display:block; color:var(--muted); margin-top:3px; }
.photo-icon { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; background:#1a1a1a; color:var(--red); font-size:22px; }
.photo-preview { width:72px; border-radius:14px; border:1px solid #3c3c3c; background-size:cover; background-position:center; }
.optional-label { color:#6f6f6a; font-weight:600; }
.notes-field.compact { min-height:68px; }
.entry-actions { display:grid; gap:10px; }
.accent-outline { border-color:#5c1400; color:#ff8a80; }

.search-row { margin-bottom:11px; }
.search-box { display:flex; align-items:center; gap:10px; height:50px; padding:0 14px; border:1px solid #303030; border-radius:16px; background:#0a0a0a; }
.search-box span { color:#8a8a86; display:flex; }
.search-box svg { width:18px; height:18px; }
.search-box input { width:100%; border:0; outline:0; background:transparent; color:#fff; }
.filter-chips { display:flex; gap:8px; overflow-x:auto; padding-bottom:12px; scrollbar-width:none; }
.filter-chips::-webkit-scrollbar { display:none; }
.filter-chips button { flex:0 0 auto; min-height:36px; padding:0 13px; border-radius:999px; border:1px solid #303030; background:#0b0b0b; color:#888; font-size:12px; font-weight:800; transition:transform .12s ease; }
.filter-chips button:active { transform:scale(.94); }
.filter-chips button.active { color:#fff; border-color:#ff4726; background:linear-gradient(180deg,#5c1400,#280900); }
.deals-list { display:grid; gap:10px; }
.deal-card { display:grid; grid-template-columns:58px 1fr auto; gap:12px; align-items:center; min-height:91px; padding:12px; border:1px solid #2d2d2d; border-left-width:3px; border-radius:18px; background:linear-gradient(155deg,#171717,#090909); box-shadow:0 12px 24px rgba(0,0,0,.2); }
.deal-card.buy { border-left-color:var(--green); }
.deal-card.sell { border-left-color:var(--red); }
.deal-card.trade { border-left-color:var(--blue); }
.deal-card.hotbox { border-left-color:var(--orange); }
.deal-card > img, .deal-card-placeholder { width:58px; height:68px; object-fit:cover; border-radius:10px; border:1px solid #373737; }
.deal-card-placeholder { display:grid; place-items:center; font-weight:950; font-size:21px; background:linear-gradient(145deg,#252525,#0b0b0b); }
.deal-card-placeholder.buy { color:var(--green); }
.deal-card-placeholder.sell { color:#ff776d; }
.deal-card-main { min-width:0; }
.deal-card-top { display:flex; align-items:center; gap:8px; margin-bottom:5px; }
.deal-card-top time { color:#6f6f6b; font-size:10px; }
.deal-type { color:#aaa; font-size:10px; font-weight:950; text-transform:uppercase; letter-spacing:1.1px; }
.deal-card h2 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; }
.deal-card p { color:var(--muted); font-size:11px; margin-top:6px; }
.deal-card-amount { align-self:stretch; display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; }
.deal-card-amount strong { font-size:17px; }
.deal-card-amount button { width:26px; height:26px; border-radius:50%; border:1px solid #333; background:#111; color:#777; font-size:17px; line-height:1; }
.empty-state { min-height:280px; display:grid; place-items:center; align-content:center; text-align:center; border:1px dashed #303030; border-radius:22px; color:#73736f; }
.empty-state > div { font-size:36px; }
.empty-state h2 { color:#d5d5d0; margin-top:10px; }
.empty-state p { max-width:250px; margin-top:7px; font-size:12px; line-height:1.5; }
.deal-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:14px; }
.deal-summary article { min-width:0; padding:11px 7px; border:1px solid #2c2c2c; border-radius:15px; background:#0d0d0d; text-align:center; }
.deal-summary span, .deal-summary small { display:block; color:var(--muted); font-size:9px; }
.deal-summary strong { display:block; margin:4px 0 3px; font-size:17px; }
.last-deal-photo { width:55px; height:76px; object-fit:cover; border-radius:9px; border:1px solid #383838; }
.last-deal-copy { min-width:0; }
.last-deal-copy strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.card-placeholder.buy { color:var(--green); }
.card-placeholder.sell { color:#ff776d; }

@media (max-width:370px) {
  .segmented { grid-template-columns:repeat(2,1fr); }
  .deal-summary { grid-template-columns:repeat(2,1fr); }
}

/* Build 03: Trade, Hot Box, automatic Postgame */
.trade-screen, .postgame-screen { padding-bottom: 20px; }
.trade-panel { border:1px solid var(--line); background:linear-gradient(145deg,#151515,#0b0b0b); border-radius:24px; padding:16px; margin-bottom:14px; box-shadow:0 18px 40px rgba(0,0,0,.28); }
.out-panel { border-top:3px solid var(--red); }
.in-panel { border-top:3px solid var(--green); }
.trade-panel-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.trade-panel-head h2 { margin:0; font-family:var(--font-display); font-weight:400; font-size:26px; letter-spacing:.06em; }
.out-panel h2 { color:#ff4726; } .in-panel h2 { color:var(--green); }
.trade-panel-head strong { font-size:22px; }
.trade-items { display:grid; gap:8px; min-height:44px; }
.trade-empty { display:grid; place-items:center; min-height:52px; color:#696965; border:1px dashed #303030; border-radius:14px; font-size:12px; }
.trade-line { display:grid; grid-template-columns:1fr auto 28px; gap:10px; align-items:center; background:#0c0c0c; border:1px solid #2b2b2b; border-radius:15px; padding:11px 10px; }
.trade-line b,.trade-line small { display:block; } .trade-line small{color:var(--muted);font-size:10px;margin-top:3px}.trade-line strong{font-size:16px}.trade-line button{border:0;background:transparent;color:#777;font-size:22px}
.trade-add-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
.trade-add-grid button { min-height:46px; border-radius:14px; border:1px solid #393939; background:#151515; color:#eee; font-weight:800; }
.out-panel .trade-add-grid button { border-color:rgba(255,29,0,.45); } .in-panel .trade-add-grid button { border-color:rgba(67,224,131,.45); }
.balance-panel { display:flex; justify-content:space-between; align-items:center; border:1px solid #313131; background:radial-gradient(circle at 50% 0,#222,#0c0c0c 70%); border-radius:22px; padding:20px; margin:16px 0; }
.balance-panel span { color:var(--muted); font-size:11px; font-weight:900; letter-spacing:.14em; }
.trade-balance-value { font-size:28px; letter-spacing:.03em; } .trade-balance-value.positive{color:var(--green)} .trade-balance-value.negative{color:#ff4726}
.entry-type-badge.trade { color:var(--blue); border-color:rgba(78,156,255,.5); } .entry-type-badge.hotbox{color:var(--gold);border-color:rgba(242,193,92,.5)}
.hotbox-panel { border-top:3px solid var(--gold); } .hotbox-cta { background:linear-gradient(135deg,#ff4726,#ff6a35); }
.status-badge.complete { color:var(--green); border-color:rgba(67,224,131,.45); background:rgba(67,224,131,.08); }
.volume-hero { text-align:center; border:1px solid #343434; border-radius:26px; padding:24px 16px; background:radial-gradient(circle at 50% 0,rgba(255,29,0,.22),#111 58%,#090909); box-shadow:0 20px 55px rgba(0,0,0,.38); }
.volume-hero p,.volume-hero span { margin:0; color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.16em; } .volume-hero strong{display:block;font-size:48px;line-height:1;margin:10px 0 9px}.volume-hero span{color:#e7e7e3}
.post-metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:14px 0 18px; }
.post-metric-grid article { min-width:0; text-align:center; background:#101010; border:1px solid #2c2c2c; border-radius:16px; padding:12px 6px; }
.post-metric-grid span { display:block; color:var(--muted); font-size:10px; } .post-metric-grid strong{display:block;margin-top:5px;font-size:17px}
.goal-summary,.post-breakdown,.top-deals { display:grid; gap:8px; margin-bottom:18px; }
.goal-summary article,.top-deals article { display:grid; grid-template-columns:1fr auto; align-items:center; border:1px solid #2b2b2b; background:#0f0f0f; border-radius:15px; padding:12px 14px; }
.goal-summary b,.goal-summary small,.top-deals span,.top-deals b { display:block; }.goal-summary small,.top-deals span{color:var(--muted);font-size:10px;margin-top:3px}.goal-hit{color:var(--green);font-size:22px}.goal-miss{color:var(--gold);font-size:22px}
.post-breakdown { grid-template-columns:1fr 1fr; }
.post-breakdown article { border:1px solid #2b2b2b; background:#101010; border-radius:16px; padding:13px; }
.post-breakdown span,.post-breakdown b,.post-breakdown strong{display:block}.post-breakdown span{color:var(--muted);font-size:10px}.post-breakdown b{font-size:12px;margin:6px 0}.post-breakdown strong{font-size:20px}
.top-deals article { grid-template-columns:1fr auto; } .top-deals b{font-size:12px;margin-top:4px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-deals strong{font-size:18px}

/* Build 03 trade-entry fix: use a real in-app form instead of browser prompts. */
body.modal-open { overflow:hidden; }
.trade-entry-overlay { position:fixed; inset:0; z-index:1000; display:flex; align-items:flex-end; justify-content:center; padding:18px; background:rgba(0,0,0,.78); backdrop-filter:blur(8px); }
.trade-entry-overlay[hidden] { display:none; }
.trade-entry-card { width:min(100%,520px); padding:20px; border:1px solid #343434; border-radius:24px; background:linear-gradient(155deg,#1a1a1a,#090909); box-shadow:0 24px 80px rgba(0,0,0,.65); }
.trade-entry-head { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:18px; }
.trade-entry-head h2 { margin:2px 0 0; font-size:28px; }
.trade-entry-close { width:42px; height:42px; border-radius:50%; border:1px solid #383838; background:#111; color:#eee; font-size:26px; line-height:1; }
.trade-entry-card .primary-cta { margin-top:18px; }
@media (min-height:760px){ .trade-entry-overlay { align-items:center; } }

/* Build 03.3: Settings, Show History, More hub, team removal, PWA */
.chip-remove { margin-left:2px; color:#8a8a86; font-weight:900; }
.team-chip .chip-remove:hover { color:#fff; }
.menu-list { display:grid; gap:10px; }
.menu-item { display:flex; align-items:center; justify-content:space-between; width:100%; padding:18px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(155deg,#171717,#0a0a0a); color:var(--text); text-align:left; box-shadow:0 12px 24px rgba(0,0,0,.2); transition:transform .12s ease, border-color .12s ease; }
.menu-item:active { transform:scale(.98); border-color:rgba(255,29,0,.4); }
.menu-item b { font-size:15px; }
.menu-item small { display:block; color:var(--muted); font-size:11px; margin-top:3px; }
.menu-item .chevron { color:var(--muted); font-size:22px; }
.panel .entry-actions { margin-top:14px; }
.file-label { display:flex; align-items:center; justify-content:center; cursor:pointer; }
.danger-cta { border-color:rgba(255,29,0,.65); color:#ff8a80; }
.about-copy { color:var(--muted); font-size:12px; line-height:1.6; }
.history-list { display:grid; gap:10px; }
.history-card { display:block; width:100%; text-align:left; border:1px solid #2d2d2d; border-radius:18px; padding:14px 15px; background:linear-gradient(155deg,#171717,#090909); box-shadow:0 12px 24px rgba(0,0,0,.2); transition:transform .12s ease, border-color .12s ease; }
.history-card:active { transform:scale(.98); border-color:rgba(255,29,0,.4); }
.history-card-top { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:8px; }
.history-card-top b { font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.history-card time { display:block; color:var(--muted); font-size:11px; margin-bottom:10px; }
.history-card-metrics { display:flex; gap:18px; }
.history-card-metrics span { color:var(--muted); font-size:10px; }
.history-card-metrics strong { display:block; margin-top:3px; font-size:14px; color:var(--text); }

/* Build 03.5: live team sync */
.status-badge.sync-off { color:#8a8a86; border-color:#333; background:rgba(255,255,255,.03); }
.status-badge.sync-connecting { color:var(--gold); border-color:rgba(242,193,92,.45); background:rgba(242,193,92,.1); }
.status-badge.sync-connected { color:var(--green); border-color:rgba(67,224,131,.45); background:rgba(67,224,131,.1); }
.status-badge.sync-error { color:#ff8a80; border-color:rgba(255,29,0,.5); background:rgba(255,29,0,.1); }