 .golder-done .g-header {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 10px;
     margin-bottom: 1.5rem;
 }

 .golder-done .g-title {
     font-family: 'Playfair Display', serif;
     font-size: 24px;
     font-weight: 600;
     color: #1a1a18;
 }

 .golder-done .g-sub {
     font-size: 12px;
     color: #888780;
     margin-top: 3px;
 }

 .golder-done .g-tag {
     font-size: 11px;
     color: #888780;
     background: #fff;
     border: 0.5px solid rgba(0, 0, 0, 0.12);
     padding: 5px 12px;
     border-radius: 20px;
     white-space: nowrap;
 }

 .golder-done .g-world {
     background: #fff;
     border: 0.5px solid rgba(0, 0, 0, 0.10);
     border-radius: 12px;
     padding: 1.25rem 1.5rem;
     margin-bottom: 1rem;
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 12px;
 }

 .golder-done .g-world-label {
     font-size: 11px;
     letter-spacing: 0.08em;
     color: #888780;
     text-transform: uppercase;
     display: block;
     margin-bottom: 6px;
 }

 .golder-done .g-world-price {
     font-family: 'Playfair Display', serif;
     font-size: 36px;
     font-weight: 600;
     color: #1a1a18;
     line-height: 1;
 }

 .golder-done .g-world-unit {
     font-size: 12px;
     color: #888780;
     margin-top: 5px;
     display: block;
 }

 .golder-done .badge-up {
     background: #eaf3de;
     color: #3b6d11;
     font-size: 13px;
     font-weight: 500;
     padding: 6px 14px;
     border-radius: 20px;
     display: inline-flex;
     align-items: center;
     gap: 5px;
 }

 .golder-done .badge-down {
     background: #fcebeb;
     color: #a32d2d;
     font-size: 13px;
     font-weight: 500;
     padding: 6px 14px;
     border-radius: 20px;
     display: inline-flex;
     align-items: center;
     gap: 5px;
 }

 .golder-done .badge-nc {
     background: #f1efe8;
     color: #5f5e5a;
     font-size: 13px;
     font-weight: 500;
     padding: 6px 14px;
     border-radius: 20px;
     display: inline-flex;
     align-items: center;
     gap: 5px;
 }

 .golder-done .tbl-wrap {
     border: 0.5px solid rgba(0, 0, 0, 0.10);
     border-radius: 12px;
     overflow: hidden;
     background: #fff;
     margin-bottom: 1rem;
 }

 .golder-done table {
     width: 100%;
     border-collapse: collapse;
     table-layout: fixed;
 }

 .golder-done thead tr {
     background: #f00;
 }

 .golder-done th {
     font-size: 11px;
     letter-spacing: 0.06em;
     color: #888780;
     text-transform: uppercase;
     padding: 11px 16px;
     font-weight: 500;
     text-align: right;
     border-bottom: 0.5px solid rgba(0, 0, 0, 0.08);
 }

 .golder-done th:first-child {
     text-align: left;
 }

 .golder-done td {
     font-size: 13px;
     padding: 11px 16px;
     color: #1a1a18;
     text-align: right;
     border-bottom: 0.5px solid rgba(0, 0, 0, 0.07);
 }

 .golder-done td:first-child {
     text-align: left;
 }

 .golder-done tr:last-child td {
     border-bottom: none;
 }

 .golder-done tbody tr:hover td {
     background: #faf9f7;
 }

 .golder-done .tname {
     font-weight: 500;
     font-size: 13px;
     color: #1a1a18;
 }

 .golder-done .price-buy {
     color: #3b6d11;
     font-weight: 500;
 }

 .golder-done .price-sell {
     color: #a32d2d;
     font-weight: 500;
 }

 .golder-done .chg-up {
     color: #3b6d11;
     font-size: 12px;
 }

 .golder-done .chg-down {
     color: #a32d2d;
     font-size: 12px;
 }

 .golder-done .chg-nc {
     color: #888780;
     font-size: 12px;
 }

 .golder-done .col-n {
     width: 36%;
 }

 .golder-done .col-b {
     width: 21%;
 }

 .golder-done .col-s {
     width: 21%;
 }

 .golder-done .col-c {
     width: 22%;
 }

 .golder-done .g-footer {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 8px;
 }

 .golder-done .g-note {
     font-size: 11px;
     color: #888780;
 }

 .golder-done .btn-refresh {
     font-family: 'DM Sans', sans-serif;
     font-size: 12px;
     color: #444441;
     background: #fff;
     border: 0.5px solid rgba(0, 0, 0, 0.18);
     padding: 6px 14px;
     border-radius: 8px;
     cursor: pointer;
     transition: background 0.15s;
 }

 .golder-done .btn-refresh:hover {
     background: #f1efe8;
 }

 .golder-done .btn-refresh:active {
     transform: scale(0.98);
 }

 .golder-done .g-loader {
     text-align: center;
     padding: 2.5rem;
     color: #888780;
     font-size: 14px;
     background: #fff;
     border: 0.5px solid rgba(0, 0, 0, 0.10);
     border-radius: 12px;
     margin-bottom: 1rem;
 }

 .golder-done .g-error {
     text-align: center;
     padding: 2rem;
     color: #a32d2d;
     font-size: 13px;
     background: #fcebeb;
     border-radius: 12px;
     margin-bottom: 1rem;
 }

 .golder-done .g-error small {
     display: block;
     margin-top: 6px;
     opacity: 0.7;
 }

 .golder-done {
     padding: 10px;
 }
