.buyback-page { gap: 10px; }
    .buyback-page main { flex: 0 0 auto; }
    .buyback-page #globalNav, .buyback-page #globalFooter { flex: 0 0 auto; }
    .buyback-page #globalFooter { margin-top: auto; }
    .buyback-page .bevel{ background: #c0c0c0; border: 2px solid; border-color: #fff #404040 #404040 #fff; box-shadow: 1px 1px #000; }
    .buyback-page .workspace{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; padding: 12px; }
    .buyback-page .intro{ grid-column: 1 / -1; text-align: center; padding: 6px 8px 4px; color: #111; }
    .buyback-page .intro h1{ margin: 0 0 6px; font-size: 24px; line-height: 1.25; }
    .buyback-page .intro h1 a{ color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
    .buyback-page .intro p{ margin: 0 auto; max-width: 780px; font-size: 13px; line-height: 1.5; }
    .buyback-page .intro .status:not([hidden]){ margin-top: 8px; }
    .buyback-page .status{ display: inline-block; padding: 3px 7px; border: 1px solid #808080; background: #ffffe1; color: #111; font-size: 11px; }
    .buyback-page .status[hidden]{ display: none; }
    .buyback-page .popup{ min-width: 0; display: flex; flex-direction: column; }
    .buyback-page .popup-titlebar{ min-height: 28px; padding: 4px 8px; display: flex; justify-content: space-between; align-items: center; gap: 10px; background: #000080; color: #fff; }
    .buyback-page .popup-titlebar h2{ margin: 0; font-size: 13px; line-height: 1.2; letter-spacing: .2px; }
    .buyback-page .page-titlebar{ font-size: 13px; font-weight: 700; }
    .buyback-page .title-label{ display: flex; align-items: center; flex-wrap: wrap; gap: 3px 9px; min-width: 0; }
    .buyback-page .percentage{ font-size: 11px; font-weight: 400; color: #e0e0ff; white-space: normal; }
    .buyback-page .help-button{ width: 22px; height: 22px; padding: 0; flex: none; display: inline-flex; align-items: center; justify-content: center; background: #c0c0c0; color: #000; font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1; border: 2px solid; border-color: #fff #404040 #404040 #fff; cursor: pointer; }
    .buyback-page .help-button:active{ border-color: #404040 #fff #fff #404040; }
    .buyback-page .help-button:focus-visible{ outline: 2px solid #fff; outline-offset: 2px; }
    .buyback-page .help-dialog{ width: 420px; max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); padding: 0; color: #111; overflow-y: auto; }
    .buyback-page .help-dialog::backdrop{ background: rgb(0 0 0 / 28%); }
    .buyback-page .help-content{ padding: 16px; font-size: 13px; line-height: 1.5; }
    .buyback-page .help-content p{ margin: 0 0 12px; }
    .buyback-page .help-content form{ margin: 0; text-align: right; }
    .buyback-page .help-content .btn{ min-width: 70px; font-size: 13px; padding: 5px 12px; }
    .buyback-page .panel-body{ display: flex; flex-direction: column; flex: 1; padding: 10px; }
    .buyback-page .primary-stat{ min-width: 0; min-height: 110px; box-sizing: border-box; text-align: center; background: #fff; border: 2px solid; border-color: #808080 #fff #fff #808080; box-shadow: inset 1px 1px #404040; padding: 12px 10px; }
    .buyback-page .stat-label{ display: block; font-size: 12px; font-weight: 700; color: #444; margin-bottom: 6px; }
    .buyback-page .amount-line{ font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
    .buyback-page .stat-value{ font-size: 28px; line-height: 1.2; font-weight: 700; color: #000080; }
    .buyback-page .unit{ margin-left: 5px; font-size: 12px; font-weight: 700; color: #333; }
    .buyback-page .lp-link{ color: #000080; }
    .buyback-page .spent{ display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; gap: 8px; margin: 6px 0 0; font-size: 12px; color: #444; }
    .buyback-page .spent strong{ color: #333; }
    .buyback-page .activity{ grid-column: 1 / -1; }
    .buyback-page .history-body{ padding: 8px; }
    .buyback-page .history{ min-width: 0; overflow-x: auto; background: #fff; border: 2px solid; border-color: #808080 #fff #fff #808080; box-shadow: inset 1px 1px #404040; }
    .buyback-page table{ width: 100%; min-width: 500px; border-collapse: collapse; text-align: center; font-size: 12px; }
    .buyback-page th{ padding: 5px 10px; white-space: nowrap; background: #c0c0c0; border: 1px solid; border-color: #fff #808080 #808080 #fff; }
    .buyback-page td{ padding: 8px 10px; border-bottom: 1px solid #d0d0d0; }
    .buyback-page .empty{ padding: 20px 10px; color: #555; border-bottom: 0; }
    @media (max-width: 650px) {
      .buyback-page .workspace{ grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 10px; }
      .buyback-page .intro, .buyback-page .activity{ grid-column: 1; }
      .buyback-page .intro h1{ font-size: 22px; }
      .buyback-page .intro p{ font-size: 12px; }
      .buyback-page .panel-body{ padding: 8px; }
      .buyback-page .primary-stat{ padding: 12px 8px; }
      .buyback-page .stat-value{ font-size: 26px; }
      .buyback-page .help-button{ width: 24px; height: 24px; }
      .buyback-page .history-body{ padding: 6px; }
    }
    .buyback-page .history a { color: #000080; }
    .buyback-page .history-pagination { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 8px; padding-top: 8px; font-size: 12px; }
    .buyback-page .history-pagination .btn { padding: 3px 8px; font-size: 12px; }
    /* Layered important rules override the shared 44px mobile minimum only
       for this page's compact controls, without changing global buttons. */
    @layer buyback-controls {
      .buyback-page .help-button { min-height: 22px !important; }
      .buyback-page .help-content .btn,
      .buyback-page .history-pagination .btn {
        height: 26px !important;
        min-height: 26px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
        line-height: 1;
      }
      @media (max-width: 650px) {
        .buyback-page .help-button { min-height: 24px !important; }
      }
    }