/* Exhibitor portal: sidebar app layout + Overview dashboard (option D, 2026-10-13). Scoped to .mse-app. */
.mse-app{--gold:#d6b43e;--sage:#719470;--yale:#064f6e;--sandy:#f3a257;--pink:#e2625e;--olive:#806e4b;--ink:#13222a;--soft:#5f6b70;--line:#e6e9ea;--bg:#f4f6f7;
  display:grid;grid-template-columns:248px minmax(0,1fr);background:var(--bg);border-radius:22px;overflow:hidden;min-height:720px;color:var(--ink);
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 40px rgba(19,34,42,.10);font-family:"DM Sans",system-ui,sans-serif;font-size:15px;line-height:1.5;margin-bottom:32px}
.mse-app *{box-sizing:border-box}
/* sidebar */
.mse-app__side{background:var(--ink);color:#fff;padding:26px 16px 20px;display:flex;flex-direction:column}
.mse-app__co{padding:0 10px 20px}
.mse-app .mse-app__co h2.company-name{color:#fff!important;font:800 21px/1.15 "Bricolage Grotesque",system-ui,sans-serif!important;letter-spacing:-.02em;margin:0!important;padding:0!important;text-align:left!important;border:0!important}
.mse-app .mse-app__co h2.company-name::after{display:none!important}
.mse-app__co p{color:#93a5ad;font-size:13px;margin:4px 0 14px}
.mse-app__co .tms-swatch{margin:0!important}
.mse-app .mse-app__nav{display:flex;flex-direction:column;gap:2px;flex-wrap:nowrap;border:0;margin:0;padding:0;list-style:none}
.mse-app .mse-app__nav li{margin:0}
.mse-app .mse-app__nav .nav-link{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0!important;border-radius:10px!important;background:transparent!important;color:#b9c6cb!important;font:600 14px/1.3 "DM Sans",system-ui,sans-serif;text-align:left;box-shadow:none!important;margin:0!important}
.mse-app .mse-app__nav .nav-link svg{width:18px;height:18px;flex:none;opacity:.85}
.mse-app .mse-app__nav .nav-link:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
.mse-app .mse-app__nav .nav-link.active{background:rgba(255,255,255,.12)!important;color:#fff!important}
.mse-app .mse-app__nav .nav-link:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.mse-app__n{margin-left:auto;background:var(--pink);color:#fff;font-size:11px;font-weight:800;border-radius:999px;padding:1px 7px;line-height:1.5}
.mse-app__sep{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6f838b;padding:18px 12px 6px;list-style:none}
.mse-app__help{margin-top:auto;padding:16px 12px 4px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#93a5ad}
.mse-app__help b{display:block;color:#fff;font-size:14px;margin-bottom:2px}
.mse-app__help a{color:#e8edef!important;text-decoration:underline;text-underline-offset:2px}
.mse-app__main{padding:34px 40px 40px;min-width:0}
.mse-app__main>.tab-content{margin:0!important;padding:0!important;border:0!important;background:none!important}
.mse-app__menu{display:none}
/* overview */
.mse-dash{display:grid;gap:22px}
.mse-dash h2,.mse-dash h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.02em;line-height:1.1;margin:0;color:var(--ink)}
.mse-dash p{margin:0}
.mse-dash-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.mse-dash-head h2{font-size:30px;font-weight:800}
.mse-dash-head p{color:var(--soft);margin-top:6px}
.mse-dash-chips{display:flex;gap:8px;flex-wrap:wrap}
.mse-dash-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;background:#fff;border:1px solid var(--line)}
.mse-dash-chip i{width:8px;height:8px;border-radius:50%;background:var(--sandy)}
.mse-dash-chip.mse-show-ne i{background:var(--yale)}
.mse-dash-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.mse-dash-card h3{font-size:18px;font-weight:700}
.mse-dash-todohead{display:flex;justify-content:space-between;align-items:center}
.mse-dash-todohead span{font-size:13px;color:var(--soft)}
.mse-dash-bar{height:6px;border-radius:3px;background:#edf0f1;overflow:hidden;margin:12px 0 6px}
.mse-dash-bar i{display:block;height:100%;background:var(--sage);border-radius:3px}
.mse-dash-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}
.mse-dash-bar+.mse-dash-item{border-top:0}
.mse-dash-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e4eef3;color:var(--yale)}
.mse-dash-ico svg{width:20px;height:20px}
.mse-dash-ico--overview{background:#fdecea;color:#b2413c}
.mse-dash-ico--promo{background:#f6f0dc;color:#7a6118} /* not "--advertising": browser privacy/ad-block extensions can hide classes with that word */
/* Pin each part to its column, so the row keeps its shape even if something hides the icon (seen in Firefox, 2026-10-14). */
.mse-dash-item>.mse-dash-ico{grid-column:1}.mse-dash-item>div{grid-column:2}.mse-dash-item>.mse-dash-btn{grid-column:3}
.mse-dash-item b{display:block;font-size:15px}
.mse-dash-item small{color:var(--soft);font-size:13px}
.mse-dash-tag{font-size:11px;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:5px;margin-left:6px;vertical-align:1px;background:#fdebdb;color:#7a4a1c}
.mse-dash-tag.mse-show-ne{background:#e3eef3;color:var(--yale)}
.mse-app .mse-dash-btn{display:inline-flex;align-items:center;padding:9px 16px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none!important;border:1.5px solid var(--ink);background:#fff;color:var(--ink)!important;white-space:nowrap;line-height:1.3}
.mse-app .mse-dash-btn:hover{background:#f2f4f5}
.mse-app .mse-dash-btn--dark{background:var(--ink);color:#fff!important}
.mse-app .mse-dash-btn--dark:hover{background:#24363f}
.mse-dash-pay{margin:-4px 0 12px 54px;padding:14px 16px;border-radius:12px;background:#f7f8f9;border:1px solid var(--line);font-size:14px;display:grid;gap:8px}
.mse-dash-pay[hidden]{display:none}
.mse-dash-done{margin-top:6px;border-radius:12px;background:#f2f6f2;color:#3d6b3c;font-size:14px;font-weight:600}
.mse-dash-done summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:12px 14px}
.mse-dash-done summary::-webkit-details-marker{display:none}
.mse-dash-done summary em{font-style:normal;font-weight:700}
.mse-dash-done[open] summary em{visibility:hidden}
.mse-dash-done ul{margin:0;padding:0 14px 12px 32px;font-weight:500}
.mse-dash-alldone{color:#3d6b3c;font-weight:600;padding:8px 0}
.mse-dash-two{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}
.mse-dash-show{display:grid;grid-template-columns:4px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid var(--line)}
.mse-dash-card h3+.mse-dash-show{border-top:0;padding-top:14px}
.mse-dash-rail{border-radius:2px;background:linear-gradient(var(--sandy),var(--pink),var(--olive))}
.mse-dash-show.mse-show-ne .mse-dash-rail{background:linear-gradient(var(--gold),var(--sage),var(--yale))}
.mse-dash-show b{display:block;font-size:15px}
.mse-dash-show small{display:block;color:var(--soft);font-size:13px}
.mse-dash-meta{display:block;margin-top:4px;font-size:13px}
.mse-dash-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}
.mse-app .mse-dash-links a{font-weight:700;font-size:13px;color:var(--yale)!important;text-decoration:none!important}
.mse-app .mse-dash-links a:hover{text-decoration:underline!important}
.mse-dash-dates{list-style:none;margin:12px 0 0;padding:0}
.mse-dash-dates li{display:flex;gap:14px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.mse-dash-dates li:first-child{border-top:0}
.mse-dash-dates b{min-width:78px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}
.mse-dash-extras{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:14px;color:var(--soft)}
.mse-app .mse-dash-extras a{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink)!important;font-weight:600;text-decoration:none!important}
.mse-app .mse-dash-extras a:hover{border-color:var(--ink)}
/* phone / narrow */
@media (max-width:900px){
  .mse-app{display:block;border-radius:16px;min-height:0}
  .mse-app__menu{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;background:var(--ink);color:#fff;border:0;padding:14px 16px;font:800 17px/1.2 "Bricolage Grotesque",system-ui,sans-serif;text-align:left;position:relative}
  .mse-app__menu::after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,var(--gold) 0 16.66%,var(--sage) 16.66% 33.33%,var(--yale) 33.33% 50%,var(--sandy) 50% 66.66%,var(--pink) 66.66% 83.33%,var(--olive) 83.33% 100%)}
  .mse-app__menu b{font:700 13px "DM Sans",system-ui,sans-serif;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:6px 12px;white-space:nowrap}
  .mse-app__side{display:none}
  .mse-app.is-menu-open .mse-app__side{display:flex}
  .mse-app__co{display:none}
  .mse-app__main{padding:22px 16px 28px}
  .mse-dash-head h2{font-size:24px}
  .mse-dash-two{grid-template-columns:1fr}
  .mse-dash-card{padding:20px}
  .mse-dash-item{grid-template-columns:36px minmax(0,1fr);row-gap:10px}
  .mse-dash-item>.mse-dash-btn{grid-column:2;justify-self:start}
  .mse-dash-pay{margin-left:0}
}
/* The site look styles headings globally; keep the dashboard's sizes. */
.mse-app .mse-dash .mse-dash-head h2{font-size:32px!important;font-weight:800!important;margin:0!important}
.mse-app .mse-dash .mse-dash-card h3{font-size:18px!important;font-weight:700!important;margin:0!important;letter-spacing:-.01em}
@media (max-width:900px){.mse-app .mse-dash .mse-dash-head h2{font-size:24px!important}}