:root{
  --assets-red:#5A2132;
  --assets-red-rgb:90,33,50;
  --assets-white:#EFE9E9;
  --assets-white-rgb:239,233,233;
  --assets-teal:#035352;
  --assets-teal-rgb:3,83,82;
  --assets-yellow:#F3E8BC;
  --assets-yellow-rgb:243,232,188;
  --assets-blue:#1E223D;
  --assets-blue-rgb:30,34,61;
  --assets-orange:#F54F1B;
  --assets-orange-rgb:245,79,27;
}

body.print3d-page.assets-modal-open{
  overflow:hidden;
}

body.print3d-page .assets-modal-backdrop{
  background:
    radial-gradient(900px 560px at 14% 12%,rgba(var(--assets-red-rgb),.28),transparent 66%),
    radial-gradient(840px 600px at 86% 10%,rgba(var(--assets-teal-rgb),.24),transparent 68%),
    rgba(3,5,6,.72);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  backdrop-filter:blur(18px) saturate(120%);
}

.timrx-3dprint .ws-pane.ws-right.assets-modal{
  --assets-tile:168px;
  --assets-gap:16px;
  inset:calc(var(--ws-header-h,68px) + 18px) clamp(22px,3.5vw,64px) clamp(22px,4vh,44px);
}

.timrx-3dprint .ws-right.assets-modal .card.history{
  position:relative;
  isolation:isolate;
  padding:clamp(22px,2.7vw,34px);
  border:1px solid rgba(var(--assets-white-rgb),.13);
  border-radius:34px;
  background:
    radial-gradient(820px 420px at 4% 0%,rgba(var(--assets-teal-rgb),.2),transparent 62%),
    radial-gradient(680px 420px at 96% 6%,rgba(var(--assets-yellow-rgb),.11),transparent 62%),
    linear-gradient(135deg,rgba(var(--assets-white-rgb),.09),rgba(var(--assets-blue-rgb),.22)),
    rgba(7,10,11,.94);
  box-shadow:0 34px 110px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.035);
  color:var(--assets-white);
  overflow:hidden;
}

.timrx-3dprint .ws-right.assets-modal .card.history::before,
.timrx-3dprint .ws-right.assets-modal .card.history::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}

.timrx-3dprint .ws-right.assets-modal .card.history::before{
  inset:0;
  background:
    linear-gradient(rgba(var(--assets-white-rgb),.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--assets-white-rgb),.028) 1px,transparent 1px);
  background-size:88px 88px;
  opacity:.5;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.28));
  mask-image:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.28));
}

.timrx-3dprint .ws-right.assets-modal .card.history::after{
  top:-220px;
  right:8%;
  width:min(620px,52vw);
  aspect-ratio:1;
  border:1px solid rgba(var(--assets-yellow-rgb),.14);
  border-radius:36px;
  background:
    linear-gradient(135deg,rgba(var(--assets-red-rgb),.14),transparent 42%),
    linear-gradient(315deg,rgba(var(--assets-teal-rgb),.16),transparent 50%);
  transform:rotate(45deg);
  opacity:.44;
}

.timrx-3dprint .ws-right.assets-modal .assets-modal-titlebar{
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  padding:0 0 22px;
  margin-bottom:24px;
  border-bottom:1px solid rgba(var(--assets-white-rgb),.11);
}

.timrx-3dprint .ws-right.assets-modal .assets-modal-titlebar>div{
  min-width:0;
}

.timrx-3dprint .ws-right.assets-modal .assets-modal-kicker{
  margin:0 0 8px;
  color:rgba(var(--assets-yellow-rgb),.7);
  font-size:12px;
  font-weight:820;
  letter-spacing:.2em;
}

.timrx-3dprint .ws-right.assets-modal .assets-modal-titlebar h2{
  margin:0;
  color:var(--assets-white);
  font-family:"Space Grotesk",Inter,system-ui,sans-serif;
  font-size:clamp(42px,4.8vw,72px);
  font-weight:850;
  line-height:.94;
  letter-spacing:-.065em;
}

.timrx-3dprint .ws-right.assets-modal .assets-modal-titlebar>p:not(.assets-modal-kicker){
  grid-column:1 / 2;
  max-width:760px;
  padding:0;
  margin:10px 0 0;
  color:rgba(var(--assets-white-rgb),.56);
  font-size:clamp(14px,1vw,17px);
  line-height:1.45;
}

.timrx-3dprint .ws-right.assets-modal .assets-modal-close{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:start;
  width:54px;
  height:54px;
  border:1px solid rgba(var(--assets-white-rgb),.14);
  border-radius:16px;
  background:
    linear-gradient(135deg,rgba(var(--assets-white-rgb),.08),rgba(var(--assets-blue-rgb),.16)),
    rgba(12,15,17,.82);
  color:rgba(var(--assets-white-rgb),.84);
  box-shadow:0 14px 30px rgba(0,0,0,.32);
}

.timrx-3dprint .ws-right.assets-modal .assets-modal-close:hover,
.timrx-3dprint .ws-right.assets-modal .assets-modal-close:focus-visible{
  border-color:rgba(var(--assets-orange-rgb),.58);
  background:rgba(var(--assets-orange-rgb),.12);
  color:var(--assets-orange);
  outline:none;
}

.timrx-3dprint .ws-right.assets-modal .history-head{
  margin-bottom:24px;
  padding:0;
}

.timrx-3dprint .ws-right.assets-modal .history-head-row-top{
  grid-template-columns:minmax(118px,max-content) minmax(280px,1fr) minmax(112px,max-content);
  gap:14px;
  padding:0;
}

.timrx-3dprint .ws-right.assets-modal .assets-toolbar-filters{
  max-width:min(620px,42vw);
}

.timrx-3dprint .ws-right.assets-modal .expanded-filter-bar__pills,
.timrx-3dprint .ws-right.assets-modal .assets-toolbar-filters{
  gap:8px;
}

.timrx-3dprint .ws-right.assets-modal .expanded-filter-btn,
.timrx-3dprint .ws-right.assets-modal .assets-toolbar-filters button{
  min-height:44px;
  padding:0 16px;
  border:1px solid rgba(var(--assets-teal-rgb),.4);
  border-radius:999px;
  background:transparent;
  box-shadow:none;
  color:rgba(var(--assets-white-rgb),.72);
  font-weight:790;
  letter-spacing:.01em;
}

.timrx-3dprint .ws-right.assets-modal .expanded-filter-btn:hover,
.timrx-3dprint .ws-right.assets-modal .expanded-filter-btn.is-active,
.timrx-3dprint .ws-right.assets-modal .assets-toolbar-filters button:hover,
.timrx-3dprint .ws-right.assets-modal .assets-toolbar-filters button[aria-pressed="true"],
.timrx-3dprint .ws-right.assets-modal .assets-toolbar-filters button.active{
  border-color:rgba(var(--assets-teal-rgb),.62);
  background:transparent;
  box-shadow:none;
  color:#9edfdc;
}

.timrx-3dprint .ws-right.assets-modal .history-search-wrapper{
  height:54px;
  border:1px solid rgba(var(--assets-yellow-rgb),.5);
  border-radius:18px;
  background:transparent;
  box-shadow:none;
}

.timrx-3dprint .ws-right.assets-modal .history-search-wrapper:focus-within{
  border-color:rgba(var(--assets-orange-rgb),.62);
  box-shadow:none;
}

.timrx-3dprint .ws-right.assets-modal .history-search-wrapper input{
  height:52px;
  color:var(--assets-white);
  font-size:15px;
}

.timrx-3dprint .ws-right.assets-modal .history-search-wrapper input::placeholder{
  color:rgba(var(--assets-white-rgb),.42);
}

.timrx-3dprint .ws-right.assets-modal .history-search-wrapper .search-icon,
.timrx-3dprint .ws-right.assets-modal .history-search-clear{
  color:rgba(var(--assets-yellow-rgb),.62);
}

.timrx-3dprint .ws-right.assets-modal .history-sort-btn{
  width:132px;
  height:48px;
  border:1px solid rgba(var(--assets-blue-rgb),.9);
  border-radius:14px;
  background:transparent;
  box-shadow:none;
  color:rgba(var(--assets-white-rgb),.86);
  font-size:13px;
  font-weight:760;
}

.timrx-3dprint .ws-right.assets-modal .history-sort-btn:hover,
.timrx-3dprint .ws-right.assets-modal .history-sort-btn:focus-visible{
  border-color:rgba(var(--assets-orange-rgb),.48);
  background:transparent;
  box-shadow:none;
  color:var(--assets-white);
  outline:none;
}

.timrx-3dprint .ws-right.assets-modal .history .history-grid{
  padding:4px 6px 24px;
  scrollbar-color:rgba(var(--assets-teal-rgb),.5) transparent;
}

.timrx-3dprint .ws-right.assets-modal .history .history-grid::-webkit-scrollbar-thumb{
  background:rgba(var(--assets-teal-rgb),.45);
  border:3px solid transparent;
  background-clip:content-box;
}

.timrx-3dprint .ws-right.assets-modal .expanded-thumbs-grid > .history-empty,
.timrx-3dprint .ws-right.assets-modal .history .history-grid > .history-empty{
  display:grid;
  place-items:center;
  min-height:clamp(340px,58vh,680px);
  border:1px dashed rgba(var(--assets-teal-rgb),.3);
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 28%,rgba(var(--assets-yellow-rgb),.08),transparent 18rem),
    linear-gradient(180deg,rgba(var(--assets-teal-rgb),.09),rgba(var(--assets-blue-rgb),.12)),
    rgba(4,10,11,.5);
  color:rgba(var(--assets-white-rgb),.6);
}

.timrx-3dprint .ws-right.assets-modal .history-empty svg,
.timrx-3dprint .ws-right.assets-modal .history-empty i{
  color:rgba(var(--assets-yellow-rgb),.48);
  filter:drop-shadow(0 0 20px rgba(var(--assets-yellow-rgb),.12));
}

.timrx-3dprint .ws-right.assets-modal .history-empty p{
  margin:18px 0 8px;
  color:var(--assets-white);
  font-size:18px;
  font-weight:760;
}

.timrx-3dprint .ws-right.assets-modal .history-empty span{
  color:rgba(var(--assets-white-rgb),.46);
  font-size:14px;
}

.timrx-3dprint .ws-right.assets-modal .history-thumb,
.timrx-3dprint .ws-right.assets-modal .expanded-thumb,
.timrx-3dprint .ws-right.assets-modal .history-group-card{
  border:1px solid rgba(var(--assets-white-rgb),.1);
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 0%,rgba(var(--assets-teal-rgb),.16),transparent 38%),
    rgba(5,9,10,.7);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}

.timrx-3dprint .ws-right.assets-modal .history-thumb:hover,
.timrx-3dprint .ws-right.assets-modal .expanded-thumb:hover,
.timrx-3dprint .ws-right.assets-modal .history-group-card:hover{
  border-color:rgba(var(--assets-yellow-rgb),.34);
  box-shadow:0 18px 38px rgba(0,0,0,.34),0 0 0 1px rgba(var(--assets-yellow-rgb),.06) inset;
}

.timrx-3dprint .ws-right.assets-modal .history-pager{
  border-top-color:rgba(var(--assets-white-rgb),.08);
}

@media(max-width:760px){
  .timrx-3dprint .ws-pane.ws-right.assets-modal{
    inset:8px;
    --assets-tile:122px;
    --assets-gap:10px;
  }

  .timrx-3dprint .ws-right.assets-modal .card.history{
    padding:16px;
    border-radius:24px;
  }

  .timrx-3dprint .ws-right.assets-modal .assets-modal-titlebar{
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    padding-bottom:14px;
    margin-bottom:14px;
  }

  .timrx-3dprint .ws-right.assets-modal .assets-modal-titlebar h2{
    font-size:38px;
  }

  .timrx-3dprint .ws-right.assets-modal .assets-modal-close{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .timrx-3dprint .ws-right.assets-modal .history-head-row-top{
    grid-template-columns:1fr;
    gap:10px;
  }

  .timrx-3dprint .ws-right.assets-modal .assets-toolbar-filters,
  .timrx-3dprint .ws-right.assets-modal .history-head-center,
  .timrx-3dprint .ws-right.assets-modal .history-head-right{
    grid-column:1 / -1;
  }

  .timrx-3dprint .ws-right.assets-modal .history-sort-btn{
    width:100%;
  }

  .timrx-3dprint .ws-right.assets-modal .history-search-wrapper,
  .timrx-3dprint .ws-right.assets-modal .history-search-wrapper input{
    height:48px;
  }

  .timrx-3dprint .ws-right.assets-modal .expanded-thumbs-grid > .history-empty,
  .timrx-3dprint .ws-right.assets-modal .history .history-grid > .history-empty{
    min-height:360px;
    border-radius:20px;
  }
}


/* ==========================================================================
   CARD MENUS (2026-08-21)
   Something in the cascade nulls .card-menu's background inside the modal;
   the menu then reads as frosted glass with the grid showing through it.
   Guarantee an opaque surface here — this sheet loads last.
   ========================================================================== */
.timrx-3dprint .card-menu{
  background:rgba(10,13,22,.98)!important;
  border:1px solid rgba(var(--assets-yellow-rgb),.14);
  box-shadow:0 18px 52px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.04);
}
.timrx-3dprint .card-menu .card-menu__label{
  background:rgba(10,13,22,.98);
  color:rgba(var(--assets-yellow-rgb),.85);
}
.timrx-3dprint .card-submenu{
  background:rgba(10,13,22,.98)!important;
  border:1px solid rgba(var(--assets-yellow-rgb),.12);
}
