/* public.css */
.lts-wrap { --lts-primary: var(--lts-primary-var, #1e90ff); font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, sans-serif; }
.lts-wrap.theme-dark .lts-bar { background:#111; color:#fff; }
.lts-wrap.theme-light .lts-bar { background:#f6f7f9; color:#111; border:1px solid #e5e7eb; }
.lts-bar { display:flex; align-items:center; gap:12px; justify-content:space-between; padding:10px 14px; border-radius:12px; }
.lts-wrap.sticky .lts-bar { position:sticky; top:0; z-index:1000; }
.lts-bar .team { display:flex; align-items:center; gap:8px; }
.lts-bar .logo { width:28px; height:28px; object-fit:contain; border-radius:4px; background:#fff; }
.lts-bar .score { font-weight:800; letter-spacing:0.5px; }
.lts-feed { margin-top:12px; display:flex; flex-direction:column; gap:10px; }
.lts-event { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:10px 12px; }
.theme-dark .lts-event { background:#1a1a1a; color:#f8fafc; border-color:#333; }
.lts-event .meta { display:inline-flex; align-items:center; gap:6px; margin-right:6px; font-weight:700; }
.lts-event .icon { width:20px; height:20px; display:inline-block; vertical-align:middle; }
.lts-badge { padding:2px 6px; border-radius:999px; background: var(--lts-primary); color:#fff; font-size:12px; }

/* Light theme wrapper background tweak */
.lts-wrap.theme-light { background:#fafafa; padding:8px; border-radius:14px; }
.lts-wrap.theme-light .lts-feed { background:transparent; }


/* Front-end editor */
.lts-fe-panel { margin-top:10px; border:1px dashed #e5e7eb; border-radius:12px; padding:8px; background:#fff; }
.theme-dark .lts-fe-panel { background:#111; border-color:#333; }
.lts-fe-bar { display:flex; gap:8px; align-items:center; }
.lts-fe-body { margin-top:8px; display:flex; flex-direction:column; gap:8px; }
.lts-fe-body .row { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.lts-fe-bar .lts-fe-toggle, .lts-fe-save, .fe-add, .fe-clear { padding:6px 10px; border-radius:8px; border:1px solid #e5e7eb; cursor:pointer; }


/* FE editor top row layout */
.lts-fe-body .fe-top input, .lts-fe-body .fe-top select { height:32px; }
.lts-fe-body .fe-ev input, .lts-fe-body .fe-ev select { height:32px; }
.lts-fe-body .fe-ev button { height:34px; }


.lts-fe-hint { margin-top:8px; padding:8px 10px; border:1px solid #fde68a; background:#fffbeb; color:#92400e; border-radius:10px; font-size:14px; }
.lts-fe-badge { position:relative; display:inline-block; margin-top:6px; padding:4px 8px; border-radius:999px; border:1px solid #d1d5db; background:#f9fafb; font-size:12px; }
.theme-dark .lts-fe-badge { background:#111; border-color:#333; color:#e5e7eb; }


/* Stats panel */
.lts-stats { margin-top:12px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:10px; }
.theme-dark .lts-stats { background:#111; border-color:#333; }
.lts-stats-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(120px,1fr)); gap:10px; font-size:14px; }
.lts-stats-grid div > div { font-size:18px; font-weight:800; margin-top:2px; }

/* Toast */
.lts-toast { position:fixed; left:50%; transform:translateX(-50%); bottom:20px; background:#111; color:#fff; padding:10px 14px; border-radius:999px; opacity:0; transition:opacity .2s ease, transform .2s ease; z-index:9999; }
.lts-toast.show { opacity:0.95; transform:translateX(-50%) translateY(-6px); }
.theme-light .lts-toast { background:#111; color:#fff; }


.lts-debug-box { margin-top:10px; padding:8px; border-radius:8px; background:#f3f4f6; border:1px dashed #d1d5db; font-size:12px; overflow:auto; max-height:200px; }
.theme-dark .lts-debug-box { background:#111; border-color:#333; color:#e5e7eb; }