/* Pourtal — original design built on Ace App tokens.
   Palette: deep oxblood navy + cream parchment + bottle-green accent + wine-red.
   Distinct from any branded UI; original layout, original chrome. */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700;9..144,800&display=swap');

:root{
  --pt-navy:#0f2436;
  --pt-navy-deep:#0a1a28;
  --pt-navy-soft:#1a324a;
  --pt-cream:#f1e7d2;
  --pt-cream-deep:#e8d9b8;
  --pt-paper:#fbf6ec;
  --pt-bottle:#1f5742;
  --pt-bottle-soft:#dbe8e0;
  --pt-wine:#7a1e2b;
  --pt-wine-soft:#f1d9dc;
  --pt-amber:#c98a2b;
  --pt-amber-soft:#f5e2bd;
  --pt-line:#e3d8c2;
  --pt-line-soft:#ece3cf;
  --pt-text:#1a2c3d;
  --pt-text-mute:#6e7a87;
  --pt-text-cream:#d8c8a8;
  --pt-shadow-card: 0 1px 0 rgba(255,255,255,0.6) inset, 0 1px 3px rgba(15,36,54,0.08);
  --pt-shadow-lift: 0 8px 24px rgba(15,36,54,0.18);
}

.pt{
  font-family: 'Manrope', system-ui, sans-serif;
  color: var(--pt-text);
  background: var(--pt-paper);
  min-height: 100%;
  font-feature-settings: "ss01","cv11";
}
.pt *{ box-sizing:border-box; }
.pt h1,.pt h2,.pt h3{ margin:0; font-family:'Fraunces', Georgia, serif; }

/* ========== Top bar ========== */
.pt-top{
  height: 64px;
  background: var(--pt-navy);
  color: var(--pt-cream);
  display:flex; align-items:center; justify-content:space-between;
  padding: 0 22px;
  position: sticky; top: 0; z-index: 10;
  border-bottom: 1px solid #061522;
}
.pt-top-left{ display:flex; align-items:center; gap:14px; }
.pt-territory{
  display:inline-flex; align-items:center; gap:8px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  padding: 7px 12px 7px 10px;
  border-radius: 999px;
  font-size: 11px; font-weight: 700; letter-spacing: 1px;
  color: var(--pt-cream); text-transform: uppercase;
}
.pt-territory .dot{ width:6px; height:6px; border-radius:50%; background: var(--pt-amber); }
.pt-territory .chev{ opacity:.55; margin-left:2px; font-size:9px; }
.pt-menu-btn{
  width:36px; height:36px; border-radius:10px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.1);
  display:grid; place-items:center;
  color: var(--pt-cream); cursor:pointer;
}
.pt-menu-btn:hover{ background: rgba(255,255,255,0.1); }
.pt-menu-btn .bars{ display:flex; flex-direction:column; gap:3px; }
.pt-menu-btn .bars span{ display:block; width:14px; height:1.5px; background: currentColor; border-radius:1px; }

.pt-brand{
  display:flex; align-items:center; gap:10px;
}
.pt-brand-mark{
  width:30px; height:30px; border-radius:50%;
  background: var(--pt-cream);
  display:grid; place-items:center; color: var(--pt-navy);
  font-family:'Fraunces', serif; font-weight:800; font-size:14px;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.06);
}
.pt-brand-name{
  font-family:'Fraunces', serif; font-weight:700; font-size: 18px;
  letter-spacing:.5px; color: var(--pt-cream);
}
.pt-brand-name em{ font-style:italic; font-weight: 500; opacity:.7; }
.pt-brand-tag{
  font-size: 9px; font-weight: 800; letter-spacing: 1.6px;
  color: var(--pt-amber); text-transform: uppercase;
  margin-top: 1px;
}

.pt-top-right{ display:flex; align-items:center; gap:10px; }
.pt-search-icon, .pt-bell, .pt-avatar{
  width:36px; height:36px; border-radius:50%;
  background: rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
  display:grid; place-items:center; cursor:pointer; color: var(--pt-cream);
  position: relative;
}
.pt-bell .pulse{
  position:absolute; top:7px; right:8px;
  width:7px; height:7px; border-radius:50%; background: var(--pt-amber);
  border: 2px solid var(--pt-navy);
}
.pt-avatar{
  background: var(--pt-amber);
  color: var(--pt-navy);
  font-family:'Fraunces', serif; font-weight:800; font-size:13px;
  border-color: rgba(0,0,0,0.15);
}

/* ========== Page ========== */
.pt-page{
  max-width: 980px;
  margin: 0 auto;
  padding: 28px 24px 80px;
}

/* Brand banner */
.pt-banner{
  background:
    radial-gradient(circle at 12% 50%, rgba(201,138,43,0.18), transparent 40%),
    radial-gradient(circle at 92% 50%, rgba(122,30,43,0.18), transparent 45%),
    linear-gradient(180deg, var(--pt-cream) 0%, var(--pt-cream-deep) 100%);
  border: 1px solid var(--pt-line);
  border-radius: 18px;
  padding: 22px 26px;
  display:flex; align-items:center; gap:22px;
  position: relative; overflow: hidden;
  box-shadow: var(--pt-shadow-card);
  margin-bottom: 22px;
}
.pt-banner::before{
  content:""; position:absolute; inset:0;
  background-image:
    repeating-linear-gradient(0deg, rgba(15,36,54,0.025) 0 1px, transparent 1px 4px);
  pointer-events:none; opacity:.4;
}
.pt-banner-mark{
  width:64px; height:64px; border-radius:50%;
  background: var(--pt-navy);
  display:grid; place-items:center;
  color: var(--pt-cream);
  position: relative; flex-shrink:0;
  box-shadow: 0 4px 12px rgba(15,36,54,0.25), 0 0 0 4px rgba(255,255,255,0.4);
}
.pt-banner-mark svg{ width:36px; height:36px; }
.pt-banner-text{ flex:1; min-width: 0; }
.pt-banner-eyebrow{
  font-size: 10px; font-weight: 800; letter-spacing: 1.6px;
  color: var(--pt-wine); text-transform: uppercase;
  margin-bottom: 2px;
}
.pt-banner h1{
  font-size: 30px; font-weight: 700; color: var(--pt-navy);
  letter-spacing: -.3px; line-height: 1;
}
.pt-banner h1 em{ font-style: italic; font-weight: 500; }
.pt-banner-sub{
  font-size: 13px; color: var(--pt-text-mute);
  margin-top: 6px; display:flex; align-items:center; gap: 10px; flex-wrap:wrap;
}
.pt-banner-sub .pip{
  font-size: 9px; font-weight: 800; letter-spacing: 1.2px;
  background: var(--pt-bottle); color: #fff; padding: 3px 7px;
  border-radius: 3px; text-transform: uppercase;
}
.pt-banner-stats{
  display:flex; gap: 28px; padding-left: 22px;
  border-left: 1px solid rgba(15,36,54,0.12);
}
.pt-banner-stat .v{
  font-family:'Fraunces', serif; font-weight: 700;
  font-size: 24px; color: var(--pt-navy);
  font-variant-numeric: tabular-nums; line-height: 1;
}
.pt-banner-stat .l{
  font-size: 10px; font-weight: 700; letter-spacing: 1px;
  color: var(--pt-text-mute); text-transform: uppercase;
  margin-top: 4px;
}
.pt-banner-stat .v.wine{ color: var(--pt-wine); }
.pt-banner-stat .v.bottle{ color: var(--pt-bottle); }

/* ========== Section card (Orders, Accounts) ========== */
.pt-section{
  background: #fff;
  border: 1px solid var(--pt-line);
  border-radius: 14px;
  margin-bottom: 18px;
  overflow: hidden;
  box-shadow: var(--pt-shadow-card);
}
.pt-section-head{
  display:flex; align-items:center; gap: 14px;
  padding: 16px 20px;
  cursor: pointer;
  user-select: none;
  background: linear-gradient(180deg, #fff, #fbf6ec);
  border-bottom: 1px solid transparent;
  transition: border-color .2s ease;
}
.pt-section.is-open .pt-section-head{
  border-bottom-color: var(--pt-line-soft);
}
.pt-section-head:hover{ background: linear-gradient(180deg, #fff, #f5ecd8); }
.pt-section-icon{
  width: 38px; height: 38px; border-radius: 10px;
  background: var(--pt-cream); color: var(--pt-navy);
  display:grid; place-items:center; flex-shrink: 0;
  border: 1px solid var(--pt-line);
}
.pt-section-icon.wine{ background: var(--pt-wine-soft); color: var(--pt-wine); border-color:#ecc8cc; }
.pt-section-icon.bottle{ background: var(--pt-bottle-soft); color: var(--pt-bottle); border-color:#c5d8cd; }
.pt-section-title{ flex: 1; min-width: 0; }
.pt-section-title h2{
  font-size: 17px; font-weight: 700; color: var(--pt-navy);
  letter-spacing: -.1px; display:flex; align-items:baseline; gap: 8px;
}
.pt-section-title h2 .count{
  font-family:'Manrope', sans-serif;
  font-size: 11px; font-weight: 800; letter-spacing: .8px;
  color: var(--pt-text-mute);
  background: var(--pt-cream); padding: 2px 8px; border-radius: 999px;
  border: 1px solid var(--pt-line);
}
.pt-section-title .sub{
  font-size: 12px; color: var(--pt-text-mute); margin-top: 2px;
}
.pt-section-actions{ display:flex; align-items:center; gap: 8px; }

.pt-btn{
  height: 34px; padding: 0 14px;
  border-radius: 8px; border: 0;
  font-family:'Manrope', sans-serif;
  font-size: 12px; font-weight: 700; letter-spacing:.3px;
  cursor: pointer;
  display:inline-flex; align-items:center; gap: 6px;
}
.pt-btn-primary{ background: var(--pt-navy); color: var(--pt-cream); }
.pt-btn-primary:hover{ background: var(--pt-navy-soft); }
.pt-btn-amber{ background: var(--pt-amber); color: var(--pt-navy); }
.pt-btn-amber:hover{ background: #b87a1f; }
.pt-btn-ghost{
  background: transparent; color: var(--pt-text-mute);
  border: 1px solid var(--pt-line);
}
.pt-btn-ghost:hover{ background: var(--pt-cream); color: var(--pt-navy); }

.pt-chev{
  width: 30px; height: 30px; border-radius: 8px;
  background: transparent; border: 0; cursor: pointer;
  display:grid; place-items:center; color: var(--pt-text-mute);
  transition: transform .25s ease;
}
.pt-section.is-open .pt-chev{ transform: rotate(180deg); }
.pt-chev:hover{ background: var(--pt-cream); }

.pt-section-body{
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s ease;
}
.pt-section.is-open .pt-section-body{ grid-template-rows: 1fr; }
.pt-section-body > div{ overflow: hidden; }

/* ========== Orders ========== */
.pt-orders-tabs{
  display:flex; gap: 2px; padding: 12px 20px 0;
  border-bottom: 1px solid var(--pt-line-soft);
}
.pt-tab{
  padding: 10px 14px; border-radius: 8px 8px 0 0;
  font-size: 12px; font-weight: 700; color: var(--pt-text-mute);
  cursor: pointer; border: 0; background: transparent;
  display:flex; align-items:center; gap: 6px;
  position: relative; top: 1px;
}
.pt-tab .badge{
  font-size: 10px; font-weight: 800;
  background: var(--pt-cream); color: var(--pt-navy);
  padding: 1px 6px; border-radius: 999px;
}
.pt-tab.is-active{
  color: var(--pt-navy);
  border-bottom: 2px solid var(--pt-amber);
}
.pt-tab.is-active .badge{ background: var(--pt-amber); color: var(--pt-navy); }

.pt-orders-list{ padding: 6px 0 12px; }
.pt-order{
  display:grid;
  grid-template-columns: 56px 1fr 130px 120px 90px 28px;
  align-items: center;
  gap: 14px;
  padding: 14px 20px;
  border-top: 1px solid var(--pt-line-soft);
  cursor: pointer;
  transition: background .15s ease;
}
.pt-order:first-child{ border-top: 0; }
.pt-order:hover{ background: var(--pt-paper); }
.pt-order-num{
  font-family:'Fraunces', serif; font-weight: 700;
  font-size: 14px; color: var(--pt-navy);
  background: var(--pt-cream); border: 1px solid var(--pt-line);
  border-radius: 6px; padding: 4px 0;
  text-align: center; font-variant-numeric: tabular-nums;
}
.pt-order-meta .acct{
  font-size: 14px; font-weight: 700; color: var(--pt-navy);
  letter-spacing: -.1px;
}
.pt-order-meta .det{
  font-size: 11px; color: var(--pt-text-mute);
  margin-top: 3px; letter-spacing:.2px;
  display:flex; align-items:center; gap: 8px;
}
.pt-order-meta .det .dot{
  width:3px; height:3px; border-radius:50%;
  background: var(--pt-text-mute); display:inline-block;
}
.pt-order-status{
  display:inline-flex; align-items:center; gap: 6px;
  font-size: 10px; font-weight: 800; letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 10px; border-radius: 999px;
  border: 1px solid;
  white-space: nowrap;
  width: max-content;
}
.pt-order-status .pip{ width:5px; height:5px; border-radius:50%; }
.pt-order-status.draft{ background:#f4ede0; color:#876d2e; border-color:#e3d3a6; }
.pt-order-status.draft .pip{ background:#c98a2b; }
.pt-order-status.sent{ background: var(--pt-bottle-soft); color: var(--pt-bottle); border-color:#bdd5c9; }
.pt-order-status.sent .pip{ background: var(--pt-bottle); }
.pt-order-status.confirmed{ background:#e6eef9; color:#1a4480; border-color:#c8d8eb; }
.pt-order-status.confirmed .pip{ background:#1a4480; }
.pt-order-status.delivered{ background:#e9e6e2; color: var(--pt-navy); border-color: var(--pt-line); }
.pt-order-status.delivered .pip{ background: var(--pt-navy); }

.pt-order-amt{
  text-align: right;
  font-family:'Fraunces', serif; font-weight: 700;
  font-size: 17px; color: var(--pt-navy);
  font-variant-numeric: tabular-nums;
}
.pt-order-amt .cs{
  display:block; font-family:'Manrope', sans-serif;
  font-weight: 600; font-size: 10px; color: var(--pt-text-mute);
  letter-spacing: .3px; margin-top: 2px;
}
.pt-order-date{
  font-size: 11px; color: var(--pt-text-mute);
  font-weight: 600;
  text-align: right;
}
.pt-order-date strong{
  display:block; font-family:'Manrope', sans-serif;
  font-weight: 800; font-size: 13px; color: var(--pt-navy);
  margin-bottom: 1px;
}
.pt-order-arrow{
  color: var(--pt-text-mute);
  display:grid; place-items:center;
}
.pt-order:hover .pt-order-arrow{ color: var(--pt-amber); }

.pt-orders-foot{
  padding: 12px 20px;
  display:flex; align-items:center; justify-content:space-between;
  border-top: 1px solid var(--pt-line-soft);
  background: var(--pt-paper);
  font-size: 12px; color: var(--pt-text-mute);
}
.pt-orders-foot a{
  color: var(--pt-navy); font-weight: 700; text-decoration: none;
  display:inline-flex; align-items:center; gap: 4px;
}
.pt-orders-foot a:hover{ color: var(--pt-wine); }

/* Empty state alt */
.pt-orders-empty{
  padding: 30px 20px; text-align: center;
  color: var(--pt-text-mute); font-size: 13px;
}
.pt-orders-empty strong{ color: var(--pt-navy); display:block; margin-bottom: 4px; font-family:'Fraunces', serif; font-size: 16px; font-weight: 700; }

/* ========== Search ========== */
.pt-search{
  padding: 16px 20px 12px;
  border-bottom: 1px solid var(--pt-line-soft);
  background: linear-gradient(180deg, #fff, var(--pt-paper));
}
.pt-search-row{
  display:grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
}
.pt-search-input{
  position: relative;
}
.pt-search-input svg{
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  color: var(--pt-text-mute);
}
.pt-search-input input{
  width: 100%;
  height: 42px;
  background: var(--pt-paper);
  border: 1px solid var(--pt-line);
  border-radius: 10px;
  padding: 0 14px 0 42px;
  font-family: 'Manrope', sans-serif; font-size: 14px;
  color: var(--pt-text);
  outline: none;
  transition: border-color .15s ease, background .15s ease;
}
.pt-search-input input::placeholder{ color: var(--pt-text-mute); }
.pt-search-input input:focus{
  border-color: var(--pt-amber);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(201,138,43,0.15);
}
.pt-filter-btn{
  height: 42px; padding: 0 14px;
  background: #fff; border: 1px solid var(--pt-line); border-radius: 10px;
  font-family:'Manrope', sans-serif; font-size: 12px; font-weight: 700;
  color: var(--pt-navy); cursor: pointer;
  display:inline-flex; align-items:center; gap: 8px;
}
.pt-filter-btn .ct{
  font-size: 10px; font-weight: 800;
  background: var(--pt-amber); color: var(--pt-navy);
  padding: 1px 6px; border-radius: 999px;
}
.pt-sort-btn{
  height: 42px; padding: 0 12px;
  background: #fff; border: 1px solid var(--pt-line); border-radius: 10px;
  display:inline-flex; align-items:center; gap: 6px;
  font-size: 12px; font-weight: 700; color: var(--pt-text-mute);
  cursor: pointer;
}

.pt-chips{
  display:flex; gap:6px; flex-wrap:wrap; margin-top: 12px;
}
.pt-chip{
  padding: 6px 12px;
  background: #fff;
  border: 1px solid var(--pt-line);
  border-radius: 999px;
  font-size: 11px; font-weight: 700; color: var(--pt-text-mute);
  cursor: pointer;
  display:inline-flex; align-items:center; gap: 6px;
}
.pt-chip:hover{ border-color: var(--pt-amber); color: var(--pt-navy); }
.pt-chip.is-active{
  background: var(--pt-navy); color: var(--pt-cream);
  border-color: var(--pt-navy);
}
.pt-chip .x{ opacity:.7; font-size:10px; }

/* ========== Account groups & rows ========== */
.pt-acct-group{
  background: var(--pt-paper);
  padding: 8px 20px;
  font-size: 10px; font-weight: 800; letter-spacing: 1.4px;
  color: var(--pt-text-mute); text-transform: uppercase;
  display:flex; align-items:center; justify-content:space-between;
  border-top: 1px solid var(--pt-line-soft);
  border-bottom: 1px solid var(--pt-line-soft);
}
.pt-acct-group .ct{ font-weight: 700; letter-spacing: .3px; text-transform: none; font-size: 11px; color: var(--pt-text-mute); }
.pt-acct-group:first-child{ border-top: 0; }

.pt-acct{
  display:grid;
  grid-template-columns: 44px 1fr auto 28px;
  align-items: center;
  gap: 14px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--pt-line-soft);
  cursor: pointer;
  transition: background .15s ease;
  position: relative;
}
.pt-acct:hover{ background: var(--pt-paper); }
.pt-acct:hover::before{
  content:""; position:absolute; left:0; top:0; bottom:0;
  width: 3px; background: var(--pt-amber);
}
.pt-acct.fav .pt-acct-fav{ color: var(--pt-amber); }
.pt-acct-mark{
  width: 44px; height: 44px; border-radius: 10px;
  background: var(--pt-cream);
  display:grid; place-items:center;
  font-family:'Fraunces', serif; font-weight: 700;
  font-size: 16px; color: var(--pt-navy);
  border: 1px solid var(--pt-line);
  position: relative;
}
.pt-acct-mark.lcbo{ background: var(--pt-navy); color: var(--pt-cream); border-color: var(--pt-navy-deep); }
.pt-acct-mark.lic{ background: var(--pt-wine-soft); color: var(--pt-wine); border-color:#ecc8cc; }
.pt-acct-mark.gro{ background: var(--pt-bottle-soft); color: var(--pt-bottle); border-color:#bdd5c9; }
.pt-acct-mark.spec{ background: var(--pt-amber-soft); color: #876d2e; border-color: #e3d3a6; }
.pt-acct-mark.pub{ background: #efe9dc; color: var(--pt-navy); }

.pt-acct-info .nm{
  display:flex; align-items:center; gap: 8px;
  font-size: 14px; font-weight: 700; color: var(--pt-navy);
  letter-spacing: -.1px;
}
.pt-acct-info .nm .num{
  font-size: 10px; font-weight: 700;
  color: var(--pt-text-mute); background: var(--pt-cream);
  padding: 1px 6px; border-radius: 4px; border: 1px solid var(--pt-line);
  font-family:'Manrope', sans-serif;
}
.pt-acct-info .meta{
  font-size: 11px; color: var(--pt-text-mute); margin-top: 3px;
  display:flex; align-items:center; gap: 8px; flex-wrap: wrap;
}
.pt-acct-info .meta .dot{
  width: 3px; height: 3px; border-radius: 50%;
  background: var(--pt-text-mute);
}
.pt-acct-info .meta .channel{
  font-size: 9px; font-weight: 800; letter-spacing: 1px;
  text-transform: uppercase; padding: 2px 6px; border-radius: 3px;
}
.pt-acct-info .meta .channel.lcbo{ background: var(--pt-navy); color: var(--pt-cream); }
.pt-acct-info .meta .channel.lic{ background: var(--pt-wine-soft); color: var(--pt-wine); }
.pt-acct-info .meta .channel.gro{ background: var(--pt-bottle-soft); color: var(--pt-bottle); }
.pt-acct-info .meta .channel.spec{ background: var(--pt-amber-soft); color: #876d2e; }
.pt-acct-info .meta .channel.pub{ background: #efe9dc; color: var(--pt-navy); }

.pt-acct-side{
  display:flex; flex-direction:column; align-items: flex-end;
  gap: 3px;
}
.pt-acct-side .last{
  font-size: 11px; color: var(--pt-text-mute);
  font-weight: 600;
}
.pt-acct-side .last strong{ color: var(--pt-navy); font-weight: 700; }
.pt-acct-side .ytd{
  font-family:'Fraunces', serif; font-weight: 700;
  font-size: 14px; color: var(--pt-navy);
  font-variant-numeric: tabular-nums;
}
.pt-acct-side .alert{
  font-size: 10px; font-weight: 700;
  color: var(--pt-wine);
  background: var(--pt-wine-soft);
  padding: 2px 8px; border-radius: 999px;
  letter-spacing:.3px;
  display:inline-flex; align-items:center; gap: 4px;
}

.pt-acct-fav{
  background: transparent; border: 0; cursor: pointer;
  color: var(--pt-line); padding: 4px;
  display:grid; place-items:center;
}
.pt-acct-fav:hover{ color: var(--pt-amber); }

.pt-acct-foot{
  padding: 14px 20px;
  background: var(--pt-paper);
  display:flex; align-items:center; justify-content: space-between;
  font-size: 12px; color: var(--pt-text-mute);
  border-top: 1px solid var(--pt-line-soft);
}
.pt-acct-foot a{ color: var(--pt-navy); font-weight: 700; text-decoration: none; }
.pt-acct-foot a:hover{ color: var(--pt-wine); }

/* tiny ornament */
.pt-orn{
  display:flex; align-items:center; gap: 8px;
  margin: 8px 0 14px; padding: 0 4px;
  font-size: 10px; font-weight: 700; letter-spacing: 1.6px;
  color: var(--pt-text-mute); text-transform: uppercase;
}
.pt-orn::before, .pt-orn::after{
  content:""; flex:1; height: 1px;
  background: linear-gradient(90deg, transparent, var(--pt-line), transparent);
}
.pt-orn .glyph{
  font-family:'Fraunces', serif; font-style:italic;
  font-weight: 500; letter-spacing: 0;
  color: var(--pt-amber); text-transform: none;
  font-size: 13px;
}

/* responsive */
@media (max-width: 760px){
  .pt-banner{ flex-direction: column; align-items: flex-start; gap: 16px; }
  .pt-banner-stats{ padding-left: 0; border-left: 0; padding-top: 14px; border-top: 1px solid rgba(15,36,54,0.12); width:100%; }
  .pt-order{ grid-template-columns: 48px 1fr 28px; }
  .pt-order-status, .pt-order-amt, .pt-order-date{ display:none; }
  .pt-search-row{ grid-template-columns: 1fr auto; }
  .pt-sort-btn{ display:none; }
}

/* ========== Ace App chrome replacement (Pourtal mode) ========== */
/* Header only: #province-select now lives inside the sidebar market chip
   (not the header) and must stay usable when the sidebar opens over Pourtal. */
body[data-pourtal="1"] #aceapp-header { display: none !important; }
body[data-pourtal="1"] { background: var(--pt-paper); }
body[data-pourtal="1"] #app { margin: 0 !important; padding: 0 !important; }
body[data-pourtal="1"] .pt-page { max-width: 980px; margin: 0 auto; padding: 28px 24px 80px; }

/* Existing sidebar + account dropdown layered over Pourtal when opened. */
body[data-pourtal="1"] #mySidenav { z-index: 60; }
body[data-pourtal="1"] #accountDropdown {
  position: fixed; top: 64px; right: 22px;
  z-index: 70;
  background: #fff;
  border: 1px solid var(--pt-line);
  border-radius: 10px;
  box-shadow: var(--pt-shadow-lift);
  min-width: 200px;
  padding: 6px 0;
  display: none;
}
body[data-pourtal="1"] #accountDropdown.dropdown-show { display: block; }
body[data-pourtal="1"] #accountDropdown a {
  display: block; padding: 10px 16px;
  font-family: 'Manrope', sans-serif; font-size: 13px; font-weight: 600;
  color: var(--pt-navy); text-decoration: none;
}
body[data-pourtal="1"] #accountDropdown a:hover { background: var(--pt-paper); color: var(--pt-wine); }

/* Wordmark italic styling */
.pt-brand-name em { font-family: 'Fraunces', serif; }

/* Empty list spacing for accounts */
.pt-acct-empty {
  padding: 30px 20px; text-align: center;
  color: var(--pt-text-mute); font-size: 13px;
}
.pt-acct-empty strong { color: var(--pt-navy); display: block; margin-bottom: 4px; font-family: 'Fraunces', serif; font-size: 16px; font-weight: 700; }