/* ══ CLAUDE.AI INSPIRED THEME — Paper & Ink ══ */
:root {
  --bg: #f9f8f6;
  --card: #ffffff;
  --card2: #f0eee9;
  --accent: #d97757;
  --text-main: #1d1c16;
  --muted: #6b6a65;
  --border: rgba(0,0,0,0.08);
  --border2: rgba(0,0,0,0.12);
  --teal: #2a7e68;
  --coral: #d97757;
  --amber: #b47d1b;
  --blue: #3b7ad3;
  --radius: 12px;
}

*,*::before,*::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: -apple-system,'SF Pro Display',system-ui,sans-serif;
  background: var(--bg);
  color: var(--text-main);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
}

/* ══ HEADER ══ */
header {
  padding: 13px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background: rgba(249,248,246,0.88);
  z-index: 100;
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(14px);
}
.brand { display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;color:var(--text-main); }
.brand-icon {
  width:34px;height:34px;border-radius:8px;
  background:#e8e6e1;border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--accent);
}
.hdr-right { display:flex;align-items:center;gap:9px;flex-shrink:0; }

/* ══ BUTTONS ══ */
.btn {
  padding:8px 18px;border-radius:24px;background:var(--text-main);
  color:#fff;border:none;cursor:pointer;font-weight:600;font-size:13px;transition:all .15s;
}
.btn:hover { background:#333;transform:translateY(-1px); }
.ghost {
  background:#fff;border:1px solid var(--border2);color:var(--muted);
  padding:7px 14px;border-radius:20px;cursor:pointer;font-size:13px;
  display:inline-flex;align-items:center;gap:6px;transition:all .15s;
}
.ghost:hover { border-color:var(--muted);color:var(--text-main);background:var(--bg); }

/* ══ AVATAR ══ */
.avatar { width:32px;height:32px;border-radius:50%;overflow:hidden;border:1.5px solid var(--border2);background:#fff;flex-shrink:0; }
.avatar img { width:100%;height:100%;object-fit:cover;display:block; }
.profile { display:flex;align-items:center;gap:7px;color:var(--text-main);font-weight:500;font-size:13px; }

/* ══ LAYOUT ══ */
main {
  flex:1;max-width:1200px;width:100%;margin:0 auto;
  padding:18px;display:flex;flex-direction:column;gap:14px;
}
.card {
  background:var(--card);padding:16px;border-radius:var(--radius);
  border:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,0.04);width:100%;
}
.muted { color:var(--muted); }
.small { font-size:12px; }

/* ══ HERO ══ */
.hero-wrap {
  background:var(--card2);border:1px solid var(--border);
  border-radius:var(--radius);padding:26px 22px;
}
.hero-wrap h1 { font-size:23px;font-weight:700;line-height:1.2;margin-bottom:8px;color:var(--text-main); }
.hero-wrap h1 span { color:var(--accent); }
.signin-btn {
  display:inline-flex;align-items:center;gap:10px;padding:11px 20px;
  border-radius:9px;background:#fff;border:1px solid var(--border2);
  color:var(--text-main);cursor:pointer;font-size:14px;font-weight:500;
  transition:all .15s;margin-top:12px;
}
.signin-btn:hover { border-color:var(--accent);background:#fdfcfb; }
.g-icon { width:18px;height:18px; }

/* ══ TEASER GRID ══ */
.teaser-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
@media(max-width:700px){ .teaser-grid { grid-template-columns:1fr; } }
.t-card {
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;cursor:pointer;transition:all .18s;
}
.t-card:hover { border-color:var(--accent);box-shadow:0 4px 14px rgba(0,0,0,0.07);transform:translateY(-1px); }
.t-card-header { padding:12px 14px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border); }
.t-card-title { font-size:13px;font-weight:600;color:var(--text-main); }
.t-card-lock { font-size:10px;padding:3px 9px;border-radius:20px;background:var(--card2);border:1px solid var(--border);color:var(--muted); }
.t-card-img { width:100%;display:block;background:var(--card2);border-top:1px solid var(--border);position:relative;overflow:hidden; }
.t-card-img svg { display:block;width:100%; }
.t-overlay {
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(249,248,246,0.95) 100%);
  display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;
}
.t-unlock-badge {
  font-size:11px;font-weight:600;color:var(--accent);
  padding:5px 14px;border-radius:20px;background:#fff;border:1px solid var(--border2);
}

/* ══ SECTION NAV ══ */
.sec-nav {
  display:flex;gap:8px;flex-wrap:wrap;
  margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border);
}
.snav-btn {
  padding:0;border:1px solid var(--border);background:var(--card);
  border-radius:9px;cursor:pointer;overflow:hidden;transition:all .15s;flex:1;min-width:120px;
}
.snav-btn:hover { border-color:rgba(0,0,0,0.2); }
.snav-btn.active { border-color:var(--accent);background:#fdfcfb;box-shadow:0 2px 8px rgba(217,119,87,0.12); }
.snav-thumb { display:block;width:100%;height:60px;overflow:hidden;background:var(--card2); }
.snav-thumb svg { width:100%;height:100%;display:block; }
.snav-label { display:block;font-size:11px;font-weight:500;color:var(--muted);padding:6px 10px;text-align:center;transition:color .15s; }
.snav-btn.active .snav-label { color:var(--accent);font-weight:600; }
.snav-btn:hover .snav-label { color:var(--text-main); }

/* ══ SECTION PANELS ══ */
.sec-panel { display:none; }
.sec-panel.active { display:block; }

/* ══ MONTH PILLS ══ */
.month-row { display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px; }
.mpill {
  padding:4px 12px;border-radius:20px;border:1px solid var(--border2);
  font-size:11px;cursor:pointer;color:var(--muted);background:#fff;transition:all .12s;
}
.mpill:hover { color:var(--text-main);border-color:rgba(0,0,0,0.2); }
.mpill.active { background:var(--text-main);color:#fff;border-color:var(--text-main);font-weight:500; }

/* ══ MARKET TABS ══ */
.mkt-tabs { display:flex;gap:5px;margin-bottom:12px;flex-wrap:wrap; }
.mkt-tab {
  padding:4px 14px;border-radius:20px;border:1px solid var(--border2);
  font-size:11px;cursor:pointer;color:var(--muted);background:#fff;transition:all .12s;
}
.mkt-tab:hover { color:var(--text-main); }
.mkt-tab.active { background:var(--card2);border-color:var(--border2);color:var(--text-main);font-weight:600; }

/* ══ PNG FRAME ══ */
.png-frame {
  background:#fff;border-radius:8px;border:1px solid var(--border);
  overflow:hidden;margin-bottom:12px;
}
.png-frame svg { display:block;width:100%; }
.png-frame-label {
  font-size:11px;color:var(--muted);padding:7px 12px;
  background:#fdfcfb;border-top:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
}
.refresh-btn {
  display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);
  cursor:pointer;border:1px solid var(--border);background:transparent;
  padding:4px 9px;border-radius:6px;transition:all .12s;
}
.refresh-btn:hover { color:var(--text-main);border-color:var(--border2); }

/* ══ SECTOR ROTATION ══ */
.rot-grid-visual { display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px; }
.wr-cell {
  border-radius:8px;padding:10px;border:1px solid;
  cursor:pointer;transition:opacity .12s;
}
.wr-cell:hover { opacity:.82; }
.wr-cell.in    { background:rgba(42,126,104,0.08);  border-color:rgba(42,126,104,0.25); }
.wr-cell.hold  { background:var(--card2);            border-color:var(--border); }
.wr-cell.watch { background:rgba(180,125,27,0.08);   border-color:rgba(180,125,27,0.25); }
.wr-cell.out   { background:rgba(217,119,87,0.08);   border-color:rgba(217,119,87,0.25); }
.wr-name { font-size:11px;font-weight:600;margin-bottom:3px; }
.wr-name.in    { color:#2a7e68; }
.wr-name.hold  { color:var(--muted); }
.wr-name.watch { color:#b47d1b; }
.wr-name.out   { color:#d97757; }
.wr-badge { font-size:9px;padding:1px 6px;border-radius:6px;font-weight:600;display:inline-block; }
.badge-in    { background:rgba(42,126,104,0.15); color:#2a7e68; }
.badge-hold  { background:rgba(0,0,0,0.06);      color:var(--muted); }
.badge-watch { background:rgba(180,125,27,0.15); color:#b47d1b; }
.badge-out   { background:rgba(217,119,87,0.15); color:#d97757; }
.score-bar { height:3px;border-radius:2px;margin-top:5px;background:rgba(0,0,0,0.07); }
.sb-in    { background:var(--teal);  height:100%;border-radius:2px; }
.sb-hold  { background:var(--muted); height:100%;border-radius:2px; }
.sb-watch { background:var(--amber); height:100%;border-radius:2px; }
.sb-out   { background:var(--coral); height:100%;border-radius:2px; }

/* ══ FUNNEL ══ */
.fstage { border-radius:8px;border:1px solid var(--border);overflow:hidden;margin-bottom:6px;background:#fff; }
.fstage-hdr { display:flex;align-items:center;gap:8px;padding:9px 13px;cursor:pointer;background:#fdfcfb; }
.fstage-hdr:hover { background:var(--card2); }
.fstage-name { font-size:12px;font-weight:600;color:var(--text-main);flex:1; }
.fstage-cnt  { font-size:11px;color:var(--muted); }
.fstage-arr  { font-size:12px;color:var(--muted);transition:transform .2s; }
.fstage-arr.open { transform:rotate(90deg); }
.fstage-body { display:none;padding:10px 13px;background:var(--bg); }
.fstage-body.open { display:block; }
.stock-chips { display:flex;flex-wrap:wrap;gap:5px;margin-top:5px; }
.stock-chip {
  font-size:10px;padding:2px 9px;border-radius:10px;
  border:1px solid var(--border);background:var(--card2);color:var(--muted);cursor:default;
}

/* ══ CALENDAR ══ */
.cal-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:9px; }
@media(max-width:900px){ .cal-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:500px) { .cal-grid { grid-template-columns:1fr; } }
.cal-month { background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden; }
.cal-mhdr {
  padding:8px 11px;font-size:12px;font-weight:700;
  border-bottom:1px solid var(--border);
  display:flex;justify-content:space-between;align-items:center;
  background:#fdfcfb;color:var(--text-main);
}
.cal-body { padding:8px;display:flex;flex-direction:column;gap:5px; }
.cal-ev { border-radius:6px;padding:6px 8px;border:1px solid;cursor:pointer;transition:opacity .12s; }
.cal-ev:hover { opacity:.82; }
.ev-top  { display:flex;align-items:center;gap:5px;margin-bottom:2px; }
.ev-flag { font-size:11px; }
.ev-cat  { font-size:9px;padding:1px 5px;border-radius:4px;font-weight:600;background:rgba(0,0,0,0.05);color:var(--muted); }
.ev-title{ font-size:10px;font-weight:600; }
.ev-date { font-size:9px;opacity:.65;margin-top:1px; }

.ev-fed  { background:rgba(196,80,80,0.07);  border-color:rgba(196,80,80,0.2); }
.ev-fed .ev-title,.ev-fed .ev-date { color:#8a3a3a; }
.ev-rbi  { background:rgba(42,126,104,0.07); border-color:rgba(42,126,104,0.2); }
.ev-rbi .ev-title,.ev-rbi .ev-date { color:#2a7e68; }
.ev-pol  { background:rgba(100,80,180,0.07); border-color:rgba(100,80,180,0.18); }
.ev-pol .ev-title,.ev-pol .ev-date { color:#5a4a9a; }
.ev-cn   { background:rgba(180,100,40,0.07); border-color:rgba(180,100,40,0.2); }
.ev-cn .ev-title,.ev-cn .ev-date { color:#8a5020; }
.ev-macro{ background:rgba(59,122,211,0.07); border-color:rgba(59,122,211,0.2); }
.ev-macro .ev-title,.ev-macro .ev-date { color:#3b7ad3; }
.ev-corp { background:rgba(180,125,27,0.07); border-color:rgba(180,125,27,0.2); }
.ev-corp .ev-title,.ev-corp .ev-date { color:#7a5a10; }
.ev-gl   { background:rgba(217,119,87,0.07); border-color:rgba(217,119,87,0.2); }
.ev-gl .ev-title,.ev-gl .ev-date { color:#a0502a; }

/* ══ DRAWERS ══ */
.cal-drawer,.det-panel {
  background:#fff;border:1px solid var(--border2);
  border-radius:8px;padding:14px;margin-bottom:10px;display:none;
  box-shadow:0 4px 20px rgba(0,0,0,0.06);
}
.cal-drawer.open,.det-panel.open { display:block; }
.drawer-close { font-size:12px;color:var(--muted);cursor:pointer; }
.drawer-close:hover { color:var(--text-main); }
.cd-impact {
  background:var(--card2);border-left:3px solid var(--muted);border-radius:0;
  padding:9px 12px;font-size:12px;color:var(--text-main);line-height:1.55;margin:8px 0;
}
.cd-play {
  background:rgba(180,125,27,0.06);border-left:3px solid var(--amber);
  padding:9px 12px;font-size:12px;color:var(--amber);line-height:1.55;
}

/* ══ BARS & MISC ══ */
.alpha-bar {
  background:rgba(217,119,87,0.07);border-left:3px solid var(--accent);
  border-radius:0;padding:9px 13px;margin-bottom:8px;font-size:12px;
  color:var(--text-main);line-height:1.55;
}
.warn-bar {
  background:rgba(180,125,27,0.06);border-left:3px solid var(--amber);
  border-radius:0;padding:9px 13px;margin-bottom:8px;font-size:12px;
  color:var(--amber);line-height:1.55;
}
.disclaimer-card {
  background:#fdfcfb;border:1px solid var(--border);border-radius:8px;padding:12px 16px;
}
.disclaimer-card h3 { font-size:13px;color:var(--amber);margin-bottom:5px; }
.disclaimer-card p  { font-size:12px;color:var(--muted);line-height:1.6; }
.clock-bar {
  background:#fff;border:1px solid var(--border);border-radius:8px;
  padding:7px 13px;font-size:12px;color:var(--muted);
}

/* ══ MOMENTUM CHIPS ══ */
.mom-row { display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px; }
.mom-chip {
  background:#fff;border:1px solid var(--border);border-radius:8px;
  padding:9px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,0.03);
}
.mom-lbl { font-size:9px;color:var(--muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.4px; }
.mom-val { font-size:18px;font-weight:700; }
.mom-pos { color:var(--teal); }
.mom-neu { color:var(--muted); }
.mom-wat { color:var(--amber); }
.mom-neg { color:var(--coral); }

/* ══ HEATMAP ══ */
.h5 { background:#d0e8df;color:#1a5a48; }
.h4 { background:#ddeee8;color:#2a7e68; }
.h3 { background:#f0eee9;color:#5a7a6a; }
.h2 { background:#f5f4f0;color:var(--muted); }
.h0 { background:#f5e8e2;color:#a05030; }
.dem-5 { background:#d0e8df;color:#1a5a48; }
.dem-4 { background:#ddeee8;color:#2a7e68; }
.dem-3 { background:#f0eee9;color:#5a7a6a; }
.dem-2 { background:#f5f4f0;color:var(--muted); }
.dem-0 { background:#f5e8e2;color:#a05030; }

/* ══ FILTER BUTTONS ══ */
.filter-row { display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px; }
.fbtn {
  padding:3px 12px;border-radius:20px;border:1px solid var(--border2);
  font-size:11px;cursor:pointer;color:var(--muted);background:#fff;transition:all .12s;
}
.fbtn:hover { color:var(--text-main); }
.fbtn.fa.active { background:var(--card2);color:var(--text-main);border-color:var(--border2); }
.fbtn.fu.active { background:rgba(59,122,211,0.1);  color:var(--blue);  border-color:rgba(59,122,211,0.3); }
.fbtn.fi.active { background:rgba(42,126,104,0.1);  color:var(--teal);  border-color:rgba(42,126,104,0.3); }
.fbtn.fc.active { background:rgba(180,100,40,0.1);  color:#8a5020;      border-color:rgba(180,100,40,0.3); }
.fbtn.fg.active { background:rgba(217,119,87,0.1);  color:var(--accent);border-color:rgba(217,119,87,0.3); }

/* ══ UPCOMING STRIP ══ */
.upcoming-strip { display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px; }
.up-chip {
  flex-shrink:0;border-radius:7px;border:1px solid;padding:6px 10px;
  cursor:pointer;font-size:11px;transition:opacity .12s;background:#fff;
}
.up-chip:hover { opacity:.8; }
.up-date { font-size:10px;font-weight:600;margin-bottom:1px; }

/* ══ MODAL ══ */
.modal-backdrop {
  position:fixed;inset:0;background:rgba(0,0,0,0.3);
  display:none;align-items:center;justify-content:center;
  z-index:200;backdrop-filter:blur(4px);
}
.modal {
  background:#fff;border:1px solid var(--border2);padding:20px;
  border-radius:var(--radius);max-width:480px;width:94%;
  box-shadow:0 20px 60px rgba(0,0,0,0.12);
}
.modal h4 { font-size:14px;margin-bottom:8px;color:var(--text-main); }

/* ══ FOOTER ══ */
footer {
  padding:20px;background:var(--card2);border-top:1px solid var(--border);
  display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;
}
.socials { display:flex;gap:11px; }
.socials a {
  display:inline-flex;width:34px;height:34px;border-radius:8px;
  align-items:center;justify-content:center;color:var(--muted);
  text-decoration:none;border:1px solid var(--border);background:#fff;transition:all .15s;
}
.socials a:hover { color:var(--accent);border-color:var(--accent);transform:translateY(-2px); }
.socials svg { width:16px;height:16px; }


/* ══ RESPONSIVE ══ */
@media(max-width:600px){
  .mom-row { grid-template-columns:repeat(2,1fr); }
  .rot-grid-visual { grid-template-columns:1fr; }
  header { padding:10px 14px; }
  .hdr-right { gap:6px; }
  .profile-info { display:none; }
  #headerSignOut { padding:6px 12px;font-size:12px;white-space:nowrap; }
}

/* ══ FEATURE CARDS ══ */
.feature-cards-grid {
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:4px;
}
@media(max-width:900px){ .feature-cards-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:500px) { .feature-cards-grid { grid-template-columns:1fr; } }

.fc {
  background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:12px;
  padding:24px 16px 20px;cursor:pointer;transition:all .2s;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  min-height:190px;justify-content:center;text-align:center;
}
.fc:hover {
  border-color:#d97757;box-shadow:0 4px 20px rgba(0,0,0,0.07);transform:translateY(-2px);
}
.fc.fc-active {
  border-color:#d97757;background:#fdfcfb;
  box-shadow:0 4px 20px rgba(217,119,87,0.09);
}
.fc-icon { width:76px;height:76px;display:flex;align-items:center;justify-content:center; }
.fc-title { font-size:13px;font-weight:600;color:#1d1c16;line-height:1.3; }
.fc-desc  { font-size:10px;color:#9a9790;line-height:1.5;max-width:130px; }
.fc-hint  { font-size:10px;color:#d97757;font-weight:500;margin-top:2px; }
.fc-hint-close { font-size:10px;color:#9a9790;font-weight:500;margin-top:2px; }

/* ══ INSIGHT PANEL ══ */
.insight-panel {
  background:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:12px;padding:20px;
  box-shadow:0 4px 24px rgba(0,0,0,0.06);
  animation:fcSlide .22s ease;
}
@keyframes fcSlide {
  from { opacity:0;transform:translateY(-6px); }
  to   { opacity:1;transform:translateY(0); }
}
.insight-hdr {
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,0.07);
}
.insight-close {
  font-size:11px;color:#9a9790;cursor:pointer;
  padding:4px 12px;border:1px solid rgba(0,0,0,0.1);border-radius:20px;background:#fff;
}
.insight-close:hover { color:#1d1c16;border-color:rgba(0,0,0,0.2); }

/* ══ CALENDAR PANEL (new) ══ */
.cal-impf {
  padding:3px 9px;border-radius:12px;border:1px solid var(--border2);
  font-size:10px;cursor:pointer;color:var(--muted);background:#fff;transition:all .12s;
}
.cal-impf.active { background:#E24B4A;color:#FCEBEB;border-color:#A32D2D; }

.cal-vbtn {
  padding:3px 10px;border-radius:8px;border:none;
  font-size:11px;cursor:pointer;color:var(--muted);background:transparent;
}
.cal-vbtn.active { background:#fff;color:var(--text-main);font-weight:500; }

.cal-stat-chip {
  background:#fff;border:1px solid var(--border);border-radius:8px;
  padding:9px 11px;text-align:center;
}
.cal-stat-label { font-size:9px;color:var(--muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.4px; }
.cal-stat-val   { font-size:17px;font-weight:700; }

/* calendar 4-col grid */
.cal-new-grid {
  display:grid;grid-template-columns:repeat(4,1fr);gap:9px;
}
@media(max-width:900px){ .cal-new-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:500px){ .cal-new-grid { grid-template-columns:1fr; } }

.cal-month-card {
  background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;
}
.cal-month-head {
  padding:8px 11px;font-size:12px;font-weight:600;
  border-bottom:1px solid var(--border);
  display:flex;justify-content:space-between;align-items:center;
  background:var(--card2);color:var(--text-main);
}
.cal-month-body { padding:8px;display:flex;flex-direction:column;gap:5px; }
.cal-me {
  border-radius:6px;padding:6px 8px;border:1px solid;
  cursor:pointer;transition:opacity .12s;
}
.cal-me:hover { opacity:.82; }
.cal-me-top  { display:flex;align-items:center;gap:5px;margin-bottom:2px; }
.cal-me-cat  { font-size:9px;padding:1px 5px;border-radius:4px;font-weight:600; }
.cal-me-title{ font-size:10px;font-weight:600;line-height:1.3; }
.cal-me-date { font-size:9px;opacity:.7;margin-top:1px; }

/* list view */
.cal-list-view { display:flex;flex-direction:column;gap:5px; }
.cal-list-mlbl {
  font-size:11px;font-weight:600;color:var(--muted);
  padding:10px 0 4px;letter-spacing:.4px;text-transform:uppercase;
  border-top:1px solid var(--border);margin-top:4px;
}
.cal-list-mlbl:first-child { border-top:none;margin-top:0;padding-top:0; }
.cal-list-ev {
  border-radius:8px;border:1px solid;padding:10px 13px;cursor:pointer;
  display:grid;grid-template-columns:95px auto 1fr auto;gap:10px;
  align-items:center;background:#fff;transition:opacity .12s;
}
.cal-list-ev:hover { opacity:.88; }
@media(max-width:600px){ .cal-list-ev { grid-template-columns:1fr;gap:5px; } }
.cal-imp-badge {
  font-size:9px;padding:2px 7px;border-radius:8px;font-weight:600;white-space:nowrap;
}