.pd2-tools-panel .guide-tools{grid-template-columns:repeat(3,minmax(0,1fr))}

html.currency-modal-open{overflow:hidden}

.currency-values-backdrop{
  position:fixed;
  inset:0;
  z-index:980;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding:34px 18px;
  overflow:auto;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(4px);
}
.currency-values-backdrop.is-open{display:flex}

.currency-values-modal{
  position:relative;
  width:min(1180px,100%);
  margin:auto;
  border:1px solid #59472f;
  border-radius:12px;
  background:linear-gradient(180deg,#15171a 0%,#0b0d0f 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.035);
  color:#d7d0c5;
}
.currency-values-frame{padding:28px}
.currency-values-close{
  position:absolute;
  top:10px;
  right:12px;
  z-index:3;
  width:38px;
  height:38px;
  border:1px solid #554631;
  border-radius:8px;
  background:#101214;
  color:#d9bc84;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.currency-values-close:hover,.currency-values-close:focus-visible{border-color:#9c7440;background:#1b1711;outline:none}

.currency-values-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:0 46px 20px 0;
  border-bottom:1px solid #3c3328;
}
.currency-values-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:7px;
  color:#77cfc3;
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em;
}
.currency-live-dot{width:7px;height:7px;border-radius:50%;background:#77cfc3;box-shadow:0 0 8px rgba(119,207,195,.65)}
.currency-values-header h2{
  margin:0;
  font-family:"Cinzel Decorative","Cinzel",Georgia,serif;
  color:#d9bc84;
  font-size:clamp(25px,3vw,36px);
  letter-spacing:.03em;
  text-shadow:0 2px 0 #21160b,0 0 11px rgba(216,181,117,.12);
}
.currency-values-header p{margin:8px 0 0;color:#9f978b;font-size:13px;line-height:1.5}
.currency-values-header p strong{color:#c8bca8}
.currency-credit{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:13px;
  padding:8px 10px;
  border:1px solid #5b4930;
  border-radius:7px;
  background:#111315;
  color:#cdbb9c;
  font-size:11px;
  text-decoration:none;
}
.currency-credit strong{color:#e4c88f}
.currency-credit:hover,.currency-credit:focus-visible{border-color:#9b7440;color:#ead8b5;outline:none}

.currency-status-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:42px;
  padding:10px 0;
  color:#7f9f99;
  font-size:11px;
  font-weight:700;
  letter-spacing:.03em;
}
#currency-values-refresh{
  padding:6px 10px;
  border:1px solid #51422f;
  border-radius:6px;
  background:#111315;
  color:#cab995;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
#currency-values-refresh:hover,#currency-values-refresh:focus-visible{border-color:#926d3d;background:#1a1712;outline:none}
#currency-values-refresh:disabled{opacity:.45;cursor:wait}
.currency-load-error{color:#c68d82}

.currency-values-grid{
  display:grid;
  grid-template-columns:minmax(330px,.72fr) minmax(520px,1.28fr);
  gap:16px;
  align-items:start;
}
.currency-table-panel{
  min-width:0;
  overflow:hidden;
  border:1px solid #3f372d;
  border-radius:9px;
  background:#0d0f11;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.currency-panel-heading{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid #40362b;
  background:linear-gradient(180deg,#181611,#111214);
}
.currency-panel-heading h3{
  margin:0;
  font-family:"Cinzel",Georgia,serif;
  color:#d9bc84;
  font-size:17px;
  letter-spacing:.035em;
}
.currency-panel-heading span{color:#7c756a;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.currency-table-wrap{overflow:auto;max-height:67vh}
.currency-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}
.currency-table th,.currency-table td{padding:7px 8px;border-bottom:1px solid #292622;text-align:center;vertical-align:middle}
.currency-table th{
  position:sticky;
  top:0;
  z-index:2;
  background:#17130f;
  color:#c6b18b;
  font-size:9px;
  font-weight:850;
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
}
.currency-table th:first-child,.currency-table td:first-child{text-align:left}
.currency-table th:first-child{width:34%}
.currency-items-table th:first-child{width:43%}
.currency-table tbody tr:nth-child(even){background:rgba(255,255,255,.012)}
.currency-table tbody tr:hover{background:rgba(216,188,132,.045)}
.currency-table td{color:#cfc5b6;font-variant-numeric:tabular-nums}
.currency-table .currency-name{color:#e1d5be;font-weight:650;line-height:1.25}
.currency-table .is-sheet-error{color:#b77f77;font-size:10px}
.currency-loading-row td,.currency-error-row td{padding:24px 12px!important;text-align:center!important;color:#827a70!important;font-style:italic}
.currency-error-row td{color:#b48179!important}

.currency-values-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid #342e27;
  color:#777168;
  font-size:10px;
  line-height:1.4;
}
.currency-values-footer a{color:#c4a875;text-decoration:none;font-weight:750}
.currency-values-footer a:hover,.currency-values-footer a:focus-visible{color:#ead1a0;outline:none}

@media(max-width:900px){
  .currency-values-grid{grid-template-columns:1fr}
  .currency-table-wrap{max-height:none}
  .currency-values-header{flex-direction:column;gap:7px}
  .currency-credit{margin-top:0}
}

@media(max-width:760px){
  .pd2-tools-panel .guide-tools{grid-template-columns:1fr}
}

@media(max-width:620px){
  .currency-values-backdrop{padding:12px 8px}
  .currency-values-frame{padding:20px 10px 16px}
  .currency-values-header{padding-right:40px}
  .currency-values-header p{font-size:12px}
  .currency-status-row{align-items:flex-start}
  .currency-table{min-width:520px}
  .currency-values-footer{flex-direction:column;align-items:flex-start}
}