:root{--bg:#100910;--bg-soft:#190d18;--panel:rgba(37,17,33,.78);--panel-light:rgba(255,255,255,.055);--pink:#f72585;--pink-light:#ff75b7;--pink-soft:#ffc0dc;--pink-dark:#c91868;--purple:#a855f7;--purple-light:#c4a0ff;--text:#fff3fa;--muted:#c4a8b9;--muted-dark:#95798d;--border:rgba(255,117,183,.17);--green:#67e8a5;--red:#ff8da8;--radius:20px;--shadow:0 15px 50px rgba(0,0,0,.25)}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:"Nunito",sans-serif;color:var(--text);background:radial-gradient(ellipse at 10% 0%,rgba(247,37,133,.17),transparent 36%),radial-gradient(ellipse at 95% 90%,rgba(168,85,247,.11),transparent 35%),var(--bg)}
button,input,textarea{font:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
button:disabled{opacity:.6;cursor:not-allowed}
[hidden]{display:none!important}
::selection{background:var(--pink);color:white}
.glass{background:rgba(36,16,32,.77);border:1px solid var(--border);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--shadow)}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:100%;max-width:430px;border-radius:28px;padding:34px;position:relative;overflow:hidden}
.login-card::before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(247,37,133,.11);filter:blur(35px);top:-100px;right:-80px;pointer-events:none}
.login-logo,.brand{display:flex;align-items:center;gap:12px}
.login-logo{font-size:21px;font-weight:900;letter-spacing:1px}
.login-logo small{display:block;color:var(--pink-soft);font-size:10px;letter-spacing:2px}
.logo-icon,.brand-icon{display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--pink),#b5179e);box-shadow:0 7px 25px rgba(247,37,133,.32)}
.logo-icon{width:48px;height:48px;border-radius:16px}
.login-card h1{font-size:27px;margin:38px 0 5px}
.login-card>p{color:var(--muted);margin-top:0;font-size:13px}
.login-decoration{position:absolute;top:110px;right:35px;color:var(--pink);font-size:55px;opacity:.35;pointer-events:none}
.login-card form{display:grid;gap:12px;margin-top:28px}
.login-footer{text-align:center;margin-top:27px;color:var(--muted);font-size:11px}
.error{color:var(--red);font-size:13px}
label{color:var(--pink-soft);font-size:12px;font-weight:800}
input,textarea{width:100%;min-width:0;border:1px solid rgba(255,192,220,.18);background:rgba(8,6,10,.55);color:white;padding:13px 15px;border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s}
input::placeholder,textarea::placeholder{color:var(--muted-dark)}
input:focus,textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(247,37,133,.12)}
input:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}
.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;color:white;font-weight:900;border-radius:13px;padding:13px 19px;background:linear-gradient(120deg,#f72585,#d41472);box-shadow:0 7px 20px rgba(247,37,133,.23);transition:transform .2s,box-shadow .2s,filter .2s}
.primary-btn svg{width:17px;height:17px}
.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 27px rgba(247,37,133,.35);filter:brightness(1.08)}
.primary-btn:active:not(:disabled){transform:scale(.98)}
.app-layout{min-height:100vh}
.sidebar{width:260px;position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;padding:25px 17px;border-radius:0 25px 25px 0;border-left:0}
.brand{padding:0 8px 35px}
.brand-icon{width:45px;height:45px;border-radius:15px}
.brand strong{display:block;font-size:22px;letter-spacing:1px}
.brand strong span{color:var(--pink)}
.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:1px}
.sidebar-label{font-size:10px;font-weight:900;color:#96768b;letter-spacing:2px;padding:0 12px 12px}
.side-nav{display:grid;gap:8px}
.nav-link,.logout-btn{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:13px;text-align:left;font-weight:800;font-size:13px;transition:.2s}
.nav-link svg,.logout-btn svg{width:18px;height:18px;flex-shrink:0}
.nav-link:hover,.nav-link.active{color:white;background:linear-gradient(110deg,rgba(247,37,133,.25),rgba(247,37,133,.07));border-color:rgba(247,37,133,.24)}
.nav-link.active svg{color:var(--pink-light)}
.sidebar-bottom{margin-top:auto}
.sidebar-note{background:rgba(247,37,133,.09);border:1px solid var(--border);border-radius:16px;padding:14px;color:var(--pink-light)}
.sidebar-note p{font-size:11px;line-height:1.6;color:var(--pink-soft);margin:7px 0 0}
.logout-btn{margin-top:12px}
.logout-btn:hover{background:rgba(255,255,255,.07);color:white}
.main-content{max-width:1600px;margin-left:260px;padding:25px 38px;min-width:0}
.topbar{display:flex;justify-content:space-between;align-items:center;min-height:48px;border-bottom:1px solid var(--border);padding-bottom:17px}
.topbar-eyebrow{display:block;color:var(--muted);font-size:9px;letter-spacing:2px}
.topbar strong{font-size:18px;color:var(--pink-light)}
.online-indicator{display:flex;align-items:center;gap:8px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:1px}
.online-indicator span{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}
.welcome-section{display:flex;justify-content:space-between;align-items:center;margin:34px 0 26px;padding:27px 30px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(115deg,rgba(247,37,133,.14),rgba(168,85,247,.07));overflow:hidden}
.welcome-tag,.section-kicker{font-size:10px;letter-spacing:2px;font-weight:900;color:var(--pink-light)}
.welcome-section h1{margin:9px 0 4px;font-size:clamp(23px,3vw,32px)}
.welcome-section h1 span{color:var(--pink)}
.welcome-section p,.section-heading p{color:var(--muted);margin:0;font-size:13px}
.welcome-art{font-size:60px;color:var(--pink);opacity:.65;padding:0 25px;position:relative}
.welcome-art span{position:absolute;font-size:23px;top:-5px;right:4px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:30px}
.stat-card{min-width:0;padding:20px;border:1px solid var(--border);border-radius:19px;background:var(--panel);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.12);transition:transform .2s,border-color .2s}
.stat-card:hover{transform:translateY(-3px);border-color:rgba(247,37,133,.4)}
.stat-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;margin-bottom:15px}
.stat-icon svg{width:19px}
.stat-icon.pink,.stat-icon.rose{background:rgba(247,37,133,.16);color:var(--pink-light)}
.stat-icon.purple{background:rgba(168,85,247,.16);color:var(--purple-light)}
.stat-icon.green{background:rgba(103,232,165,.13);color:var(--green)}
.stat-card>span{display:block;color:var(--muted);font-size:12px;font-weight:700}
.stat-card strong{display:block;font-size:29px;margin:3px 0}
.stat-card small{color:#9d8193;font-size:10px}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin:33px 0 18px}
.section-heading h2{margin:5px 0;font-size:25px}
.section-decoration{color:var(--pink);font-size:40px}
.content-card{min-width:0;margin-bottom:20px;padding:23px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 35px rgba(0,0,0,.13)}
.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}
.card-heading h3,.content-card>h3{margin:0;font-size:16px}
.card-heading h3 svg{width:17px;height:17px;display:inline;vertical-align:middle;color:var(--pink-light);margin-right:5px}
.card-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}
.mini-badge{flex-shrink:0;padding:7px 10px;border-radius:20px;color:var(--pink-light);background:rgba(247,37,133,.12);font-size:9px;font-weight:900}
.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{display:grid;gap:7px;min-width:0}
.field input,.field textarea{min-width:0}
.formgrid .create-btn{grid-column:1/-1;justify-self:start;min-width:190px}
.delivery-form{display:grid;gap:17px}
.delivery-form textarea{min-height:110px;resize:vertical}
.delivery-form .primary-btn{justify-self:start}
.search-wrap{display:flex;align-items:center;gap:10px;max-width:480px;margin:12px 0 18px;padding-left:12px;border:1px solid var(--border);border-radius:12px;background:rgba(8,6,10,.42);color:var(--pink-light)}
.search-wrap svg{width:17px;flex-shrink:0}
.search-wrap input{border:0;background:transparent;box-shadow:none}
.search-wrap input:focus{box-shadow:none}
.table-container{width:100%;min-width:0;overflow-x:auto;border-radius:12px}
.table-container table{width:100%;border-collapse:collapse;min-width:550px;text-align:left}
.table-container th{color:var(--pink-soft);background:rgba(247,37,133,.08);font-size:11px;text-transform:uppercase;letter-spacing:.7px}
.table-container td,.table-container th{padding:13px 12px;border-bottom:1px solid var(--border)}
.table-container td{color:#f4dce9;font-size:12px}
.table-container tbody tr{transition:background .2s}
.table-container tbody tr:hover{background:rgba(247,37,133,.055)}
.table-container tbody tr:last-child td{border-bottom:0}
.status-badge{display:inline-block;padding:5px 10px;border-radius:20px;background:rgba(247,37,133,.14);color:#ff9bc9;font-size:11px;font-weight:800}
.empty-state{text-align:center;padding:35px 15px;color:var(--muted)}
.empty-state span{display:block;font-size:35px;color:var(--pink)}
.empty-state p{font-size:13px}
.form-message{margin-top:12px;font-size:12px;line-height:1.6}
.form-message.success{color:var(--green)}
.form-message.error{color:var(--red)}
.muted{color:var(--muted);font-size:11px;line-height:1.7;margin-top:15px}
.footer{display:flex;justify-content:space-between;gap:10px;padding:25px 0;border-top:1px solid var(--border);color:#98768b;font-size:10px}
.icon-btn,.mobile-menu{display:none}
.sidebar-overlay{display:none}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:22px}}
@media(max-width:700px){
.sidebar{width:275px;transform:translateX(-105%);transition:transform .25s ease;border-radius:0 22px 22px 0}
.sidebar.open{transform:translateX(0)}
.sidebar-overlay.show{display:block;position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.65);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.main-content{margin-left:0;padding:16px}
.mobile-menu{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:var(--pink-light)}
.topbar{gap:10px}
.topbar-eyebrow{font-size:8px}
.online-indicator{font-size:8px}
.welcome-section{margin-top:22px;padding:20px}
.welcome-art{font-size:40px;padding:0 5px}
.stats{gap:10px}
.stat-card{padding:15px}
.stat-card strong{font-size:24px}
.content-card{padding:16px}
.formgrid{grid-template-columns:minmax(0,1fr)}
.formgrid .create-btn{width:100%}
.section-heading h2{font-size:22px}
.footer{flex-direction:column}
.table-container{-webkit-overflow-scrolling:touch}
}
@media(max-width:380px){
.stats{grid-template-columns:1fr}
.welcome-art{display:none}
.login-card{padding:24px}
.main-content{padding:12px}
.content-card{padding:13px}
.card-heading{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* CUSTOMER REGISTRATION */

.secondary-btn{width:100%;margin-top:13px;padding:12px 16px;color:var(--pink-light);background:rgba(247,37,133,.08);border:1px solid var(--border);border-radius:13px;font-weight:800;transition:.2s}
.secondary-btn:hover{background:rgba(247,37,133,.17);border-color:var(--pink)}
#customerAuthScreen .login-card,#customerDashboard .login-card{width:100%;max-width:460px}
#customerAuthScreen h1,#customerDashboard h1{margin-top:35px;font-size:27px}
#customerAuthScreen form{display:grid;gap:13px;margin-top:24px}
#customerAuthScreen .primary-btn,#customerDashboard .primary-btn{width:100%}
#customerCode{text-align:center;font-size:24px;font-weight:900;letter-spacing:9px}
#customerDiscordStep{margin-top:20px}
#customerDashboard .content-card{margin-top:25px;line-height:1.8;overflow-wrap:anywhere}
#customerDashboard .content-card p{color:var(--muted);font-size:12px}
#customerDashboard .content-card strong{color:var(--pink-light)}
@media(max-width:480px){
#customerAuthScreen,#customerDashboard{padding:16px}
#customerAuthScreen .login-card,#customerDashboard .login-card{padding:25px 20px}
}


/* Account selection and expanded buyer portal */
.account-choice-card .choice-button{width:100%;margin-top:14px;min-height:48px}
.account-choice-card .secondary-btn{display:flex;align-items:center;justify-content:center;gap:9px}
.customer-portal{min-height:100vh;padding:20px clamp(14px,4vw,48px)}
.customer-topbar{max-width:1450px;margin:0 auto 24px;padding:14px 20px;border-radius:18px;display:flex;align-items:center;justify-content:space-between}
.customer-topbar .brand{padding:0}
.customer-topbar .logout-btn{width:auto;margin:0}
.customer-main{max-width:1450px;margin:0 auto}
.customer-main .welcome-section{margin-top:0}
.customer-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.customer-profile-grid .content-card{margin-bottom:0}
.customer-profile-grid .content-card p{margin:14px 0 3px;color:var(--muted);font-size:12px}
.customer-profile-grid .content-card strong{overflow-wrap:anywhere;color:var(--pink-light)}
.customer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.customer-stats div{padding:14px;border:1px solid var(--border);border-radius:13px;background:rgba(247,37,133,.06)}
.customer-stats strong,.customer-stats span{display:block}
.customer-stats strong{font-size:25px}
.customer-stats span{color:var(--muted);font-size:11px}
.full-field{grid-column:1/-1}
.field textarea{min-height:88px;resize:vertical}
.compact-btn{width:auto;margin:0;padding:9px 14px}
.customer-order-list{display:grid;gap:14px}
.customer-order-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:rgba(8,6,10,.24)}
.customer-order-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.customer-order-heading h3{margin:5px 0;font-size:17px}
.customer-order-card .muted{margin:4px 0 14px}
.customer-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.customer-delivery-grid div{min-width:0;padding:11px;border-radius:11px;background:rgba(255,255,255,.035)}
.customer-delivery-grid small,.customer-delivery-grid strong{display:block}
.customer-delivery-grid small{color:var(--muted);font-size:10px;margin-bottom:4px}
.customer-delivery-grid strong{font-size:12px;overflow-wrap:anywhere}
.delivery-proof{margin-top:13px;padding:13px;border-left:3px solid var(--green);background:rgba(103,232,165,.07);border-radius:8px}
.delivery-proof p{margin:6px 0;color:var(--text);font-size:12px;white-space:pre-wrap}
.delivery-proof small{color:var(--muted);font-size:10px}
@media(max-width:700px){
  .customer-portal{padding:12px}
  .customer-topbar{padding:12px}
  .customer-profile-grid{grid-template-columns:1fr}
  .customer-delivery-grid{grid-template-columns:1fr}
  .customer-order-heading{flex-direction:column}
  .customer-stats{gap:7px}
  .customer-stats div{padding:10px}
}


/* Clickable order rows and order detail dialog */
.clickable-orders-table tbody tr.order-click-row {
  cursor: pointer;
  transition: background .18s ease, outline-color .18s ease;
}
.clickable-orders-table tbody tr.order-click-row:hover,
.clickable-orders-table tbody tr.order-click-row:focus {
  background: rgba(247,37,133,.13);
  outline: 1px solid rgba(255,117,183,.35);
  outline-offset: -1px;
}
.order-click-hint { margin: 10px 2px 0; }
.order-detail-backdrop {
  position: fixed; inset: 0; z-index: 1000;
  display: grid; place-items: center; padding: 18px;
  background: rgba(5,3,7,.78); backdrop-filter: blur(7px);
}
.order-detail-dialog {
  position: relative; width: min(680px, 100%); max-height: 88vh;
  overflow: auto; padding: 28px; border: 1px solid var(--border);
  border-radius: 22px; background: #21101e; box-shadow: 0 25px 90px rgba(0,0,0,.55);
}
.order-detail-dialog h2 { margin: 7px 42px 22px 0; overflow-wrap: anywhere; }
.order-detail-close {
  position: absolute; top: 15px; right: 17px; width: 38px; height: 38px;
  border: 1px solid var(--border); border-radius: 11px;
  color: var(--pink-light); background: rgba(255,255,255,.05); font-size: 25px;
}
.order-detail-grid {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px;
}
.order-detail-grid > div, .order-detail-block {
  min-width: 0; padding: 13px; border: 1px solid var(--border);
  border-radius: 12px; background: rgba(255,255,255,.025);
}
.order-detail-dialog small, .order-detail-block small {
  display: block; color: var(--muted); font-size: 10px; margin-bottom: 5px;
}
.order-detail-dialog strong { display: block; overflow-wrap: anywhere; font-size: 13px; }
.order-detail-block { margin-top: 13px; }
.order-detail-block p { margin: 0; color: var(--text); font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
.customer-digital-delivery {
  margin-top: 12px; padding: 12px; border: 1px solid var(--border);
  border-radius: 12px; background: rgba(247,37,133,.045);
}
.customer-digital-delivery small { color: var(--muted); }
.customer-digital-delivery p { white-space: pre-wrap; overflow-wrap: anywhere; }
@media(max-width:520px) {
  .order-detail-dialog { padding: 22px 16px; }
  .order-detail-grid { grid-template-columns: 1fr; }
}


/* Owner order void/delete actions and buyer product reports */
.order-detail-actions {
  display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px;
}
.danger-btn {
  border: 1px solid rgba(255,90,110,.55); border-radius: 12px;
  padding: 10px 15px; color: #ff8b9a; background: rgba(255,70,90,.10);
  font: inherit; font-weight: 700; cursor: pointer;
}
.danger-btn:hover { background: rgba(255,70,90,.20); }
.order-detail-actions button:disabled { opacity: .45; cursor: not-allowed; }
.order-action-note { margin: 10px 0 0; font-size: 12px; }
.customer-order-actions { display:flex; justify-content:flex-end; margin-top:12px; }
.customer-report-btn { display:inline-flex; align-items:center; gap:7px; }

/* BAMMI report center */
.report-click-row { cursor:pointer; }
.report-click-row:hover,.report-click-row:focus { background:rgba(247,37,133,.12); outline:1px solid rgba(255,117,183,.3); }
.report-detail-dialog .report-status-field { margin:16px 0 10px; }
.report-detail-dialog select,.report-detail-dialog textarea,.report-reply-form textarea {
  width:100%; color:var(--text); background:rgba(10,5,12,.55);
  border:1px solid var(--border); border-radius:11px; padding:11px; font:inherit;
}
.report-thread { margin-top:20px; border-top:1px solid var(--border); padding-top:16px; }
.report-thread h3 { margin:0 0 12px; }
.report-messages { display:grid; gap:10px; max-height:260px; overflow:auto; }
.report-message { padding:12px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.025); }
.report-message.owner-message { border-color:rgba(247,37,133,.35); background:rgba(247,37,133,.07); }
.report-message small { color:var(--muted); font-size:11px; }
.report-message p { white-space:pre-wrap; margin:6px 0 0; overflow-wrap:anywhere; }
.report-reply-form { display:grid; gap:10px; margin-top:12px; }
.customer-report-list { display:grid; gap:12px; }
.customer-report-card { border:1px solid var(--border); border-radius:14px; padding:15px; background:rgba(255,255,255,.02); }
.customer-report-card h3 { margin:5px 0; }
.customer-report-card .order-detail-block { margin:10px 0; }

.report-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.report-form-grid .field { min-width:0; }
.report-form-grid input,.report-reply-form select,.report-detail-dialog select {
  max-width:100%;
}
@media(max-width:560px){.report-form-grid{grid-template-columns:1fr;}}

.refund-calculator {
  margin:18px 0; padding:16px; border:1px solid var(--border);
  border-radius:14px; background:rgba(247,37,133,.055);
}
.refund-calculator h3 { margin:0 0 6px; }
.refund-calculator > p { margin:0 0 12px; font-size:12px; }
.refund-result {
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px;
  margin-top:14px; padding:13px; border-radius:11px;
  background:rgba(255,255,255,.045);
}
.refund-result div { display:grid; gap:5px; }
.refund-result small { color:var(--muted); }
.refund-result strong { color:var(--pink-light); font-size:19px; }


/* Customer portal navigation and consistent product-form controls */
.customer-main {
  display:grid;
  grid-template-columns:245px minmax(0,1fr);
  align-items:start;
  gap:22px;
  max-width:1450px;
  margin:0 auto;
}
.customer-content { min-width:0; }
.customer-side-menu {
  position:sticky; top:18px;
  display:grid; gap:7px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--panel);
  box-shadow:0 12px 35px rgba(0,0,0,.13);
}
.customer-menu-heading {
  padding:5px 9px 10px;
  color:var(--muted);
  font-size:9px; font-weight:900; letter-spacing:1.8px;
}
.customer-menu-link {
  display:flex; align-items:center; gap:11px;
  width:100%; min-height:44px; padding:10px 12px;
  border:1px solid transparent; border-radius:11px;
  background:transparent; color:var(--muted);
  text-align:left; font:inherit; font-size:12px; font-weight:800;
  cursor:pointer; transition:.18s ease;
}
.customer-menu-link svg { width:17px; height:17px; flex-shrink:0; }
.customer-menu-link:hover,.customer-menu-link.active {
  color:var(--pink-light);
  border-color:var(--border);
  background:rgba(247,37,133,.10);
}
.customer-content .content-card { scroll-margin-top:18px; }
.customer-content .welcome-section { margin-top:0; }
.customer-content .footer { margin-top:24px; }

/* Use the same dark, rounded field treatment for select, file and text inputs. */
.customer-portal .field input,
.customer-portal .field select,
.customer-portal .field textarea,
.customer-portal .report-form-grid input,
.customer-portal .report-form-grid select,
.customer-portal .report-form-grid textarea {
  width:100%; min-width:0; max-width:100%;
  min-height:46px; padding:11px 13px;
  color:var(--text);
  background:rgba(8,6,10,.58);
  border:1px solid var(--border);
  border-radius:12px;
  font:inherit; font-size:13px;
  outline:none;
  box-shadow:none;
}
.customer-portal .field input:focus,
.customer-portal .field select:focus,
.customer-portal .field textarea:focus {
  border-color:var(--pink);
  box-shadow:0 0 0 3px rgba(247,37,133,.10);
}
.customer-portal .field select,
.customer-portal .report-form-grid select {
  appearance:none;
  -webkit-appearance:none;
  padding-right:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23e9a7c9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 13px center;
}
.customer-portal .field select option,
.customer-portal .report-form-grid select option {
  color:#f8eaf2; background:#21101d;
}
.customer-portal .field input[type="file"] {
  min-height:54px; padding:9px 12px;
  color:var(--muted);
}
.customer-portal .field input[type="file"]::file-selector-button {
  margin-right:12px; padding:8px 13px;
  color:#fff; background:linear-gradient(135deg,var(--pink),#cf1680);
  border:0; border-radius:8px; font:inherit; font-weight:800; cursor:pointer;
}
.customer-portal .field textarea { min-height:90px; resize:vertical; }
.customer-portal .payment-instructions {
  padding:16px; border:1px solid var(--border); border-radius:14px;
  background:rgba(247,37,133,.07);
}
.customer-portal .payment-number { color:var(--pink-light); font-size:22px; font-weight:900; }
.customer-portal .payment-recipient { color:var(--text); font-weight:800; }
.customer-portal .field small { color:var(--muted); }

@media(max-width:900px) {
  .customer-main { grid-template-columns:1fr; }
  .customer-side-menu {
    position:static; display:flex; flex-wrap:wrap; gap:6px;
    padding:10px;
  }
  .customer-menu-heading { flex-basis:100%; padding-bottom:3px; }
  .customer-menu-link { width:auto; flex:1 1 145px; }
}
@media(max-width:560px) {
  .customer-portal { padding:12px; }
  .customer-main { gap:13px; }
  .customer-profile-grid { grid-template-columns:1fr; }
  .customer-menu-link { flex-basis:100%; }
}

.customer-report-entry-options {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:14px 0;
}
.customer-report-entry-card {
  display:flex; flex-direction:column; align-items:flex-start; gap:10px;
  min-width:0; padding:16px; border:1px solid var(--border);
  border-radius:15px; background:rgba(247,37,133,.045);
}
.customer-report-entry-card > svg { width:22px; height:22px; color:var(--pink-light); }
.customer-report-entry-card > strong { color:var(--text); font-size:14px; }
.customer-report-entry-card > span { color:var(--muted); font-size:12px; line-height:1.5; }
.customer-report-entry-card .field { width:100%; margin:0; }
.customer-report-entry-card .primary-btn,
.customer-report-entry-card .secondary-btn { width:100%; margin-top:auto; }
@media(max-width:650px) {
  .customer-report-entry-options { grid-template-columns:1fr; }
}

/* Customer portal uses independent sidebar pages, not one long scrolling dashboard. */
.customer-content > .customer-view[hidden] {
  display:none !important;
}
.customer-content > .customer-view:not([hidden]) {
  display:block;
  animation: customerViewIn .18s ease-out;
}
@keyframes customerViewIn {
  from { opacity:.55; transform:translateY(5px); }
  to { opacity:1; transform:translateY(0); }
}


/* Polished, step-based customer report form */
.bammi-report-dialog {
  width:min(760px,calc(100vw - 28px));
  max-height:min(92vh,980px);
  overflow:auto;
  padding:0 !important;
  border:1px solid rgba(236,72,153,.24);
  border-radius:24px;
  background:#fffafd;
  color:#352333;
  box-shadow:0 28px 90px rgba(20,5,16,.38);
}
.bammi-report-dialog .order-detail-close {
  z-index:3; top:17px; right:17px;
  width:36px; height:36px; border-radius:50%;
  background:#fff; border:1px solid #f1dce8; color:#8d5275;
}
.bammi-report-header {
  padding:30px 34px 24px;
  text-align:center;
  background:linear-gradient(145deg,#fff7fc 0%,#fceaf4 100%);
  border-bottom:1px solid #f3dfeb;
}
.bammi-report-mark {
  display:grid; place-items:center; width:54px; height:54px;
  margin:0 auto 12px; border-radius:17px;
  color:white; font-size:27px; font-weight:900;
  background:linear-gradient(145deg,#f52b91,#c51678);
  box-shadow:0 9px 24px rgba(220,35,130,.2);
}
.bammi-report-header .section-kicker {
  color:#c02b7b; font-size:10px; letter-spacing:1.8px; font-weight:900;
}
.bammi-report-header h2 {
  margin:7px 0 5px; color:#342033; font-size:24px; font-weight:900;
}
.bammi-report-header p { margin:0; color:#8b7486; font-size:12px; }
.bammi-report-form { padding:22px 30px 28px; display:grid; gap:18px; }
.bammi-report-section {
  padding:18px; border:1px solid #f0dce8; border-radius:17px;
  background:#fff; box-shadow:0 5px 18px rgba(90,30,70,.035);
}
.report-form-section-heading {
  display:flex; align-items:center; gap:11px;
  margin-bottom:17px; padding-bottom:13px;
  border-bottom:1px solid #f4e7ef;
}
.report-form-section-heading > div { display:grid; gap:3px; }
.report-form-section-heading strong { color:#473144; font-size:13px; font-weight:900; }
.report-form-section-heading small { color:#9b8495; font-size:11px; }
.report-step {
  display:grid; place-items:center; flex:0 0 27px; height:27px;
  border-radius:9px; background:#ffe4f1; color:#c51d7b;
  font-size:12px; font-weight:900;
}
.report-dynamic-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px;
}
.report-dynamic-fields[hidden] { display:none !important; }
.report-dynamic-fields:not([hidden]) {
  margin-top:17px; padding-top:16px; border-top:1px dashed #efcfdf;
}
.report-dynamic-fields .report-form-section-heading { margin-bottom:14px; }
.bammi-report-dialog .field { display:grid; gap:7px; min-width:0; margin:0 0 12px; }
.bammi-report-dialog .field:last-child { margin-bottom:0; }
.bammi-report-dialog .field label {
  color:#5b4658; font-size:11px; font-weight:800;
}
.bammi-report-dialog .field label em { color:#e43d8e; font-style:normal; }
.bammi-report-dialog input:not([type=file]),
.bammi-report-dialog select,
.bammi-report-dialog textarea {
  width:100%; min-width:0; min-height:44px; padding:11px 13px;
  border:1px solid #e7dce5; border-radius:11px;
  background:#fbf9fc; color:#382b38; font:inherit; font-size:12px;
  outline:none; transition:border-color .18s,box-shadow .18s;
}
.bammi-report-dialog input:focus,
.bammi-report-dialog select:focus,
.bammi-report-dialog textarea:focus {
  border-color:#e85a9f; box-shadow:0 0 0 3px rgba(232,90,159,.12);
}
.bammi-report-dialog input::placeholder,
.bammi-report-dialog textarea::placeholder { color:#ad9eac; }
.bammi-report-dialog select { appearance:auto; }
.bammi-report-dialog textarea { min-height:112px; resize:vertical; }
.report-evidence-guide {
  margin-top:15px; padding:13px 15px; border-radius:12px;
  background:#fff5fa; border:1px solid #f5dfeb;
}
.report-evidence-guide strong { color:#70435f; font-size:11px; }
.report-evidence-guide ul { margin:8px 0 0; padding-left:18px; color:#8b7586; font-size:11px; line-height:1.8; }
.report-upload-field {
  padding:14px; border:1px dashed #e9b9d2; border-radius:13px;
  background:#fff8fc;
}
.bammi-report-dialog input[type=file] {
  width:100%; min-width:0; padding:8px;
  border:1px solid #eadde6; border-radius:10px;
  background:#fff; color:#806d7d; font-size:11px;
}
.bammi-report-dialog input[type=file]::file-selector-button {
  margin-right:10px; padding:8px 12px; border:0; border-radius:8px;
  background:#fce2ef; color:#b51e72; font-weight:800; cursor:pointer;
}
.bammi-report-dialog .field small { color:#9a8797; font-size:10px; line-height:1.5; }
.bammi-report-submit { display:grid; gap:9px; text-align:center; }
.bammi-report-submit .primary-btn {
  width:100%; min-height:49px; border:0; border-radius:12px;
  background:linear-gradient(100deg,#f32d91,#ca167b);
  color:#fff; font-weight:900; box-shadow:0 9px 20px rgba(211,28,125,.2);
}
.bammi-report-submit small { color:#a28e9e; font-size:10px; }
@media(max-width:600px) {
  .bammi-report-header { padding:25px 18px 20px; }
  .bammi-report-form { padding:15px; gap:13px; }
  .bammi-report-section { padding:14px; }
  .report-dynamic-grid { grid-template-columns:1fr; gap:10px; }
  .bammi-report-header h2 { font-size:20px; }
}


/* BAMMI report form: purchase amount, live warranty and per-proof upload slots */
.report-order-linked {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;margin-bottom:14px;border-radius:12px;background:#fff2f8;border:1px solid #f1d7e6;color:#69425b}
.report-order-linked small {color:#a17f95;font-size:10px}
.bammi-report-dialog .warranty-field input {color:#07845f;background:#effcf6;border-color:#b5efd3;font-weight:800}
.report-warranty-note {margin-top:12px;padding:10px 12px;border-radius:10px;background:#f0fbf6;color:#43836b;font-size:11px}
.report-evidence-slots {margin-top:18px;display:grid;gap:10px}
.report-evidence-title {display:grid;gap:3px;margin-bottom:2px}
.report-evidence-title strong {color:#493347;font-size:12px}
.report-evidence-title small,.report-upload-note {color:#9b8798;font-size:10px}
.report-evidence-slot {display:flex;align-items:center;gap:12px;min-width:0;padding:13px;border:1px dashed #e8b8d1;border-radius:14px;background:linear-gradient(120deg,#fff9fc,#fff3f9);cursor:pointer;transition:.18s ease}
.report-evidence-slot:hover {border-color:#dc4c99;background:#fff0f7}
.report-evidence-number {display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;color:#bf287d;background:#ffe2f0;font-size:12px;font-weight:900}
.report-evidence-copy {display:grid;gap:4px;flex:1;min-width:0}
.report-evidence-copy strong {color:#523b4d;font-size:11px}
.report-evidence-copy strong em {color:#e43d8e;font-style:normal}
.report-evidence-copy small {color:#a08b9d;font-size:10px}
.report-evidence-filename {overflow:hidden;color:#bf287d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.report-evidence-attach {flex:0 0 auto;padding:8px 11px;border-radius:9px;background:#f8ddeb;color:#a91c69;font-size:10px;font-weight:900}
.report-evidence-slot input[type=file] {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.bammi-report-dialog select {border-radius:12px !important;background-color:#fbf9fc;color:#382b38}
.bammi-report-dialog select:focus-visible {outline:3px solid rgba(232,90,159,.16);outline-offset:1px}
.customer-main {display:grid !important;grid-template-columns:245px minmax(0,1fr);align-items:stretch !important;gap:22px}
.customer-side-menu {align-self:start;margin:0}
.customer-content {align-self:start;min-width:0;margin:0}
.customer-content > .customer-view:not([hidden]) {margin:0}
.customer-content .content-card:first-child {margin-top:0}
.customer-portal .customer-main,.customer-portal .customer-side-menu,.customer-portal .customer-content {box-sizing:border-box}
@media(max-width:900px){.customer-main{grid-template-columns:1fr !important}.customer-side-menu{align-self:stretch}}
@media(max-width:600px){.report-evidence-slot{align-items:flex-start;flex-wrap:wrap}.report-evidence-attach{margin-left:46px}}


/* Fully custom rounded report dropdowns (avoids square native OS option popups). */
.bammi-report-dialog .bammi-native-select {
  position:absolute !important; width:1px !important; height:1px !important;
  opacity:0 !important; pointer-events:none !important; overflow:hidden !important;
  clip:rect(0,0,0,0) !important; clip-path:inset(50%) !important;
}
.bammi-select-wrap { position:relative; width:100%; min-width:0; }
.bammi-select-trigger {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  width:100%; min-height:46px; padding:11px 14px;
  border:1px solid #e7dce5; border-radius:14px;
  background:linear-gradient(180deg,#fff 0%,#fbf8fc 100%);
  color:#493548; font:inherit; font-size:12px; text-align:left;
  cursor:pointer; transition:border-color .18s,box-shadow .18s,background .18s;
}
.bammi-select-trigger::after {
  content:""; width:8px; height:8px; flex:0 0 8px;
  border-right:2px solid #c04b8a; border-bottom:2px solid #c04b8a;
  transform:rotate(45deg) translateY(-2px);
}
.bammi-select-trigger:hover,.bammi-select-trigger[aria-expanded=true] {
  border-color:#e45b9f; box-shadow:0 0 0 3px rgba(232,90,159,.10);
  background:#fffafd;
}
.bammi-select-trigger.is-placeholder { color:#a28e9e; }
.bammi-select-trigger.is-invalid { border-color:#df3d78; box-shadow:0 0 0 3px rgba(223,61,120,.12); }
.bammi-select-menu {
  position:absolute; z-index:10050; top:calc(100% + 7px); left:0; right:0;
  max-height:220px; overflow:auto; padding:6px;
  border:1px solid #efd1e2; border-radius:16px;
  background:#fffafd; box-shadow:0 16px 36px rgba(48,14,37,.18);
}
.bammi-select-menu[hidden] { display:none !important; }
.bammi-select-option {
  display:block; width:100%; padding:10px 12px;
  border:0; border-radius:10px; background:transparent;
  color:#624b5e; text-align:left; font:inherit; font-size:12px;
  cursor:pointer; transition:background .12s,color .12s;
}
.bammi-select-option:hover,.bammi-select-option:focus-visible {
  outline:none; background:#fce7f2; color:#b51f70;
}
.bammi-select-option.selected { background:#f9d7e9; color:#a71967; font-weight:800; }
.bammi-report-dialog .field label { text-transform:capitalize; }
.bammi-report-dialog .report-form-section-heading strong,
.bammi-report-dialog .report-evidence-copy strong { text-transform:capitalize; }
.bammi-report-dialog .bammi-select-trigger,
.bammi-report-dialog .bammi-select-option { text-transform:capitalize; }
.bammi-report-dialog .refund-field input {
  color:#a51f6b; background:#fff1f8; border-color:#edbad5; font-weight:900;
}


/* Site-wide custom dropdowns: same rounded BAMMI treatment in every dashboard/form. */
.bammi-native-select {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  clip-path:inset(50%) !important;
}
.bammi-select-wrap { position:relative; display:block; width:100%; min-width:0; }
.bammi-select-trigger {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  width:100%; min-height:46px; padding:11px 14px;
  border:1px solid var(--border, #e7dce5); border-radius:14px;
  background:var(--input, #fbf9fc); color:var(--text, #493548);
  font:inherit; font-size:12px; text-align:left; cursor:pointer;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.bammi-select-trigger::after {
  content:""; width:8px; height:8px; flex:0 0 8px;
  border-right:2px solid var(--pink-light, #c04b8a);
  border-bottom:2px solid var(--pink-light, #c04b8a);
  transform:rotate(45deg) translateY(-2px);
}
.bammi-select-trigger:hover,.bammi-select-trigger[aria-expanded=true] {
  border-color:var(--pink, #e45b9f);
  box-shadow:0 0 0 3px rgba(232,90,159,.10);
}
.bammi-select-trigger.is-placeholder { color:var(--muted, #a28e9e); }
.bammi-select-trigger.is-invalid { border-color:#df3d78; box-shadow:0 0 0 3px rgba(223,61,120,.12); }
.bammi-select-menu {
  position:absolute; z-index:10050; top:calc(100% + 7px); left:0; right:0;
  max-height:240px; overflow:auto; padding:6px;
  border:1px solid var(--border, #efd1e2); border-radius:16px;
  background:var(--panel, #fffafd); box-shadow:0 16px 36px rgba(20,5,16,.28);
}
.bammi-select-menu[hidden] { display:none !important; }
.bammi-select-option {
  display:block; width:100%; padding:10px 12px; border:0; border-radius:10px;
  background:transparent; color:var(--text, #624b5e);
  text-align:left; font:inherit; font-size:12px; cursor:pointer;
  transition:background .12s,color .12s;
}
.bammi-select-option:hover,.bammi-select-option:focus-visible {
  outline:none; background:rgba(247,37,133,.12); color:var(--pink-light, #b51f70);
}
.bammi-select-option.selected {
  background:rgba(247,37,133,.17); color:var(--pink-light, #a71967); font-weight:800;
}
/* Force the customer menu and selected content view to share the same top edge. */
.customer-main {
  align-items:start !important;
  padding-top:0 !important;
  margin-top:0 !important;
}
.customer-side-menu,
.customer-content {
  align-self:start !important;
  margin-top:0 !important;
  padding-top:0;
}
.customer-content > .customer-view:not([hidden]),
.customer-content > section.customer-view:not([hidden]) {
  margin-top:0 !important;
  padding-top:0 !important;
}
.customer-content > .customer-view.content-card:not([hidden]) {
  margin-top:0 !important;
}
.customer-content .customer-view > .content-card:first-child {
  margin-top:0 !important;
}
/* Responsive customer dashboard and report forms. */
@media (max-width: 900px) {
  .customer-main {
    grid-template-columns:minmax(0,1fr) !important;
    gap:14px !important;
  }
  .customer-side-menu {
    position:static !important;
    width:100%;
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
  }
  .customer-menu-heading { flex:0 0 100%; }
  .customer-menu-link { flex:1 1 150px; min-width:0; }
  .customer-content { width:100%; min-width:0; }
}
@media (max-width: 680px) {
  .customer-portal { padding:12px !important; }
  .customer-topbar {
    gap:10px;
    padding:12px !important;
    margin-bottom:14px !important;
  }
  .customer-topbar .brand { min-width:0; }
  .customer-topbar .logout-btn { flex:0 0 auto; }
  .customer-main { gap:12px !important; }
  .customer-side-menu { padding:10px !important; }
  .customer-menu-link { flex:1 1 calc(50% - 7px); min-height:44px; }
  .customer-content .content-card { padding:15px !important; }
  .customer-profile-grid,
  .customer-report-entry-options,
  .report-dynamic-grid,
  .bammi-report-form .report-dynamic-grid,
  .formgrid {
    grid-template-columns:minmax(0,1fr) !important;
  }
  .bammi-report-dialog {
    width:calc(100vw - 20px) !important;
    max-height:calc(100dvh - 20px) !important;
    border-radius:18px !important;
  }
  .bammi-report-form { padding:14px !important; }
  .bammi-report-section { padding:13px !important; }
  .report-evidence-slot { align-items:flex-start; flex-wrap:wrap; }
  .report-evidence-attach { margin-left:46px; }
  .bammi-select-menu { max-height: min(38vh, 220px); }
}
@media (max-width: 380px) {
  .customer-menu-link { flex-basis:100%; }
  .customer-topbar .brand small { font-size:8px; }
  .customer-topbar .logout-btn { padding:8px 10px; font-size:11px; }
  .bammi-report-header h2 { font-size:18px; }
}


/* Zite-inspired report center and Excel export workspace */
.report-category-filters {display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 14px}
.report-category-filters button {
  border:1px solid var(--border);border-radius:999px;padding:8px 13px;
  color:var(--muted);background:rgba(255,255,255,.045);font:inherit;font-size:11px;
  cursor:pointer;transition:.18s ease;
}
.report-category-filters button.active,.report-category-filters button:hover {
  color:#fff;background:var(--pink);border-color:var(--pink);
}
.report-search-row {display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px;align-items:center;margin-bottom:14px}
.report-search-row .search-wrap {margin:0;min-width:0}
.report-search-row select {width:100%;min-width:0}
.report-ticket-list {display:grid;gap:10px}
.report-ticket-row {
  position:relative;display:flex;flex-direction:column;align-items:stretch;gap:5px;
  width:100%;padding:16px 100px 15px 16px;border:1px solid var(--border);
  border-radius:17px;background:rgba(255,255,255,.035);color:var(--text);
  text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,background .16s;
}
.report-ticket-row:hover {transform:translateY(-1px);border-color:var(--pink);background:rgba(247,37,133,.07)}
.report-ticket-main {display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.report-ticket-main strong {font-size:14px;color:var(--text)}
.report-ticket-main span,.report-ticket-meta {font-size:12px;color:var(--muted)}
.report-ticket-status {
  position:absolute;right:15px;top:50%;transform:translateY(-50%);
  padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;
  background:rgba(255,255,255,.12);color:var(--text);white-space:nowrap;
}
.report-ticket-status.fixed {background:#d9fbe8;color:#087a43}
.report-ticket-status.voided {background:#ffe1e1;color:#bd2525}
.report-ticket-status.pending {background:#fff2c9;color:#9a6500}
.report-source-details {
  margin:16px 0;padding:15px;border:1px solid var(--border);border-radius:15px;
  background:rgba(255,255,255,.025)
}
.report-source-details h3 {margin:0 0 12px;font-size:13px;color:var(--pink-light)}
.report-source-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.report-source-grid div {display:flex;justify-content:space-between;gap:10px;min-width:0;border-bottom:1px solid rgba(255,255,255,.06);padding:5px 0}
.report-source-grid span {color:var(--muted);font-size:11px}
.report-source-grid strong {font-size:11px;text-align:right;overflow-wrap:anywhere}
.report-evidence-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px}
.report-evidence-item,.reply-attachment {
  display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid var(--border);
  border-radius:11px;color:var(--text);text-decoration:none;background:rgba(255,255,255,.035);
  overflow-wrap:anywhere;font-size:11px
}
.report-evidence-item span {color:var(--muted)}
.report-evidence-item:hover,.reply-attachment:hover {border-color:var(--pink)}
.reply-attachments {display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.reply-file-label {display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin:8px 0}
.reply-file-label input {max-width:100%;font:inherit}
.export-summary-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}
.export-summary {display:grid;gap:5px;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.035);min-width:0}
.export-summary span {font-size:11px;color:var(--muted)}
.export-summary strong {font-size:23px;color:var(--pink-light)}
.export-summary small {font-size:10px;color:var(--muted)}
.export-dataset-list {display:grid;gap:9px;margin:15px 0}
.export-dataset-row {display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025)}
.export-dataset-row div {display:grid;gap:4px;min-width:0}
.export-dataset-row strong {font-size:13px}
.export-dataset-row small {font-size:11px;color:var(--muted)}
.export-dataset-row>span {font-size:11px;color:var(--muted);white-space:nowrap}
@media(max-width:900px) {
  .export-summary-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px) {
  .report-search-row {grid-template-columns:1fr}
  .report-ticket-row {padding-right:16px;padding-bottom:42px}
  .report-ticket-status {top:auto;bottom:12px;left:14px;right:auto;transform:none}
  .report-source-grid {grid-template-columns:1fr}
  .export-summary-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .export-dataset-row {grid-template-columns:minmax(0,1fr) auto}
  .export-dataset-row>span {grid-column:1}
  .export-dataset-row button {grid-column:2;grid-row:1 / span 2}
  .report-category-filters {gap:5px}
  .report-category-filters button {padding:7px 10px}
}

.customer-track-form {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:14px;margin:14px 0;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025)}
.customer-track-form .field {margin:0}
.report-success-dialog {max-width:430px;text-align:center}
.report-success-icon {width:58px;height:58px;margin:4px auto 14px;border-radius:50%;display:grid;place-items:center;background:#d9fbe8;color:#07944d;font-size:30px;font-weight:900}
.report-success-dialog h2 {font-size:21px;line-height:1.3}
.report-success-dialog>p {color:var(--muted);font-size:12px;line-height:1.6}
.report-ticket-copy {display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;padding:14px;margin:17px 0;border:1px solid var(--border);border-radius:14px}
.report-ticket-copy small {grid-column:1 / -1;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}
.report-ticket-copy strong {font-size:25px;letter-spacing:2px}
@media(max-width:560px){.customer-track-form{grid-template-columns:1fr}.report-ticket-copy{grid-template-columns:1fr auto}}


/* Report status filter: readable on the dark BAMMI dashboard. */
.report-search-row select,
#reportStatusFilter {
  display:block;
  width:100%;
  min-width:0;
  min-height:44px;
  padding:10px 42px 10px 13px;
  color:#fff3fa !important;
  -webkit-text-fill-color:#fff3fa;
  background-color:#241020 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ff75b7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  border:1px solid rgba(255,117,183,.28);
  border-radius:12px;
  font:inherit;
  font-size:13px;
  appearance:none;
  -webkit-appearance:none;
  color-scheme:dark;
  outline:none;
}
.report-search-row select:focus,
#reportStatusFilter:focus {
  border-color:#f72585;
  box-shadow:0 0 0 3px rgba(247,37,133,.13);
}
.report-search-row select option,
#reportStatusFilter option {
  color:#fff3fa;
  background:#241020;
}