@import url("../activity.css?v=clickable-hover-2&palette=approved-3&surfaces=9&theme=info-payment-tones-1&activity-review=20261111-7");

    .acct-title {
      margin: 4px 0 28px;
      font-family: var(--font-display);
      font-size: 28px;
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.1;
      color: var(--ink);
    }
    .acct-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: var(--section-gap);
      align-items: start;
    }
    .acct-section { min-width: 0; }
    .workspace-content .acct-grid .acct-section > .component-heading { margin: 0 0 var(--space-4); }
    .acct-grid > [data-form-status] { margin: 0; }
    .acct-grid > [data-form-status]:empty { display: none; }
    .acct-card {
      padding: 22px 24px 26px;
      border: 1px solid color-mix(in srgb, var(--palette-ink) 8%, transparent);
      border-radius: var(--radius-surface, 14px);
      background: var(--palette-sand);
      box-shadow: 0 14px 44px color-mix(in srgb, var(--palette-shadow) 8%, transparent);
    }
    .acct-row {
      display: grid;
      grid-template-columns: 128px minmax(0, 1fr);
      align-items: center;
      gap: var(--space-4);
      padding: var(--space-4) 0;
      min-width: 0;
      border-bottom: 1px solid var(--line);
    }
    .acct-card .acct-row:first-child { padding-top: 0; }
    .acct-card .acct-row:last-child { padding-bottom: 0; border-bottom: none; }
    .acct-label {
      font-family: var(--font-body);
      font-size: 14px;
      font-weight: 400;
      color: var(--palette-body);
    }
    .acct-value {
      font-family: var(--font-body);
      font-size: 15px;
      font-weight: 700;
      color: var(--ink);
    }
    .acct-edit {
      appearance: none;
      display: grid;
      place-items: center;
      width: 20px;
      height: 20px;
      padding: 0;
      border: 0;
      background: transparent;
      cursor: pointer;
    }
    .acct-edit img { width: 20px; height: 20px; display: block; }
    .acct-row .acct-input { grid-column: auto; }
    .acct-input {
      width: 100%;
      height: 40px;
      min-width: 0;
      margin: 0;
      padding: 0 12px;
      border: 1px solid var(--line);
      border-radius: var(--radius-surface, 14px);
      background: var(--white);
      box-sizing: border-box;
      font-family: var(--font-body);
      font-size: 14px;
      color: var(--ink);
    }
    .acct-input:focus {
      outline: none;
      border-color: var(--ink);
      box-shadow: 0 0 0 1px var(--ink);
    }
    .acct-input::placeholder { color: var(--palette-body); }
    .acct-address-card, .acct-address-lines { display: grid; gap: var(--space-4); }
    .acct-block { display: grid; gap: var(--space-2); min-width: 0; }
    .acct-block .acct-label { display: block; margin: 0; }
    .acct-split {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--space-4);
    }
    .acct-actions {
      display: flex;
      justify-content: flex-end;
      margin-top: var(--space-2);
    }
    .acct-actions .btn { width: auto; }
    @media (max-width: 800px) {
      .acct-grid { gap: var(--space-5); }
      .acct-actions .btn { width: 100%; }
    }
    @media (max-width: 600px) {
      .acct-row { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
      .acct-split { grid-template-columns: minmax(0, 1fr); }
    }
  

    
    .cu-title {
      margin: 4px 0 28px;
      font-family: var(--font-display);
      font-size: 28px;
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.1;
      color: var(--ink);
    }
    #support { container-type: inline-size; }
    .cu-grid {
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      gap: 24px;
      align-items: stretch;
    }
    .cu-aside { display: flex; min-height: 100%; }
    .cu-aside .cu-card { flex: 1; }
    .cu-art {
      display: block;
      width: 92%;
      height: auto;
      margin: 40px auto 0;
    }
    .cu-card {
      padding: 28px 28px 32px;
      border: 1px solid color-mix(in srgb, var(--palette-ink) 8%, transparent);
      border-radius: var(--radius-surface, 14px);
      background: var(--palette-sand);
      box-shadow: 0 14px 44px color-mix(in srgb, var(--palette-shadow) 8%, transparent);
    }
    .cu-kicker {
      margin: 0 0 14px;
      font-size: 13px;
      color: var(--palette-body);
    }
    .cu-card h2 {
      margin: 0 0 16px;
      font-family: var(--font-display);
      font-size: 34px;
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: 1.05;
      color: var(--ink);
    }
    .cu-card p {
      margin: 0 0 16px;
      font-size: 15px;
      line-height: 1.5;
      color: var(--palette-body);
    }
    .cu-fine {
      margin: 0 0 18px;
      padding-top: 16px;
      border-top: 1px solid var(--line);
      font-size: 13px;
      line-height: 1.45;
      color: var(--palette-body);
    }
    .cu-mail {
      margin: 0;
      font-size: 14px;
      color: var(--palette-body);
    }
    .cu-mail a {
      color: var(--kelly-2);
      font-weight: 600;
      text-decoration: none;
    }
    form.cu-card { padding-top: 40px; }
    .cu-form-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 22px;
      padding-bottom: 20px;
      border-bottom: 1px solid var(--line);
    }
    .cu-form-head p { margin: 0; }
    .cu-form-head strong {
      display: block;
      margin-bottom: 10px;
      font-size: 12px;
      font-weight: 500;
      color: var(--palette-body);
    }
    .cu-form-head h2 {
      margin: 0;
      font-size: 22px;
    }
    .cu-sla {
      margin: 0;
      max-width: 180px;
      font-size: 12px;
      line-height: 1.4;
      text-align: right;
      color: var(--palette-body);
    }
    .cu-field { margin: 0 0 16px; }
    .cu-field label,
    .cu-label {
      display: block;
      margin: 0 0 6px;
      font-size: 14px;
      color: var(--palette-body);
    }
    .cu-opt { color: var(--palette-body); font-weight: 400; }
    .cu-field input,
    .cu-field select,
    .cu-field textarea {
      width: 100%;
      border: 1px solid var(--line);
      border-radius: var(--radius-surface, 14px);
      background: var(--palette-white);
      box-sizing: border-box;
      font-family: var(--font-body);
      font-size: 14px;
      color: var(--ink);
    }
    .cu-field input,
    .cu-field select { height: 42px; padding: 0 12px; }
    .cu-select-wrap { position: relative; display: flex; align-items: center; }
    .cu-field .cu-select-wrap select {
      appearance: none;
      width: 100%;
      padding: 0 40px 0 12px;
    }
    .cu-select-wrap img {
      position: absolute;
      right: 14px;
      width: 16px;
      height: 16px;
      pointer-events: none;
      transform: rotate(-90deg);
    }
    .cu-field textarea {
      min-height: 120px;
      padding: 12px;
      resize: vertical;
    }
    .cu-field input:focus,
    .cu-field select:focus,
    .cu-field textarea:focus {
      outline: none;
      border-color: var(--ink);
      box-shadow: 0 0 0 1px var(--ink);
    }
    .cu-field input::placeholder,
    .cu-field textarea::placeholder { color: var(--palette-body); }
    .cu-shots {
      margin: 0 0 16px;
      padding: 14px 14px 12px;
      border: 1px dashed color-mix(in srgb, var(--palette-kelly) 45%, transparent);
      border-radius: var(--radius-surface, 14px);
      background: var(--tone-kelly);
    }
    .cu-shots-label {
      margin: 0 0 10px;
      font-size: 14px;
      font-weight: 700;
      color: var(--ink);
    }
    .cu-shots-label span {
      margin-left: 6px;
      font-weight: 400;
      color: var(--palette-body);
    }
    .cu-file {
      display: flex;
      align-items: center;
      gap: 12px;
      height: 48px;
      padding: 0 10px;
      border: 1px solid color-mix(in srgb, var(--palette-ink) 8%, transparent);
      border-radius: var(--radius-surface, 14px);
      background: var(--palette-white);
      box-sizing: border-box;
    }
    .cu-file input { position: absolute; width: 1px; height: 1px; opacity: 0; }
    .cu-file-btn {
      display: inline-flex;
      align-items: center;
      height: 32px;
      padding: 0 14px;
      border: 0;
      border-radius: var(--radius-surface, 14px);
      background: var(--kelly-2);
      font-size: 13px;
      font-weight: 700;
      color: var(--palette-white);
      transition: background-color 0.15s ease;
    }
    .cu-file:hover .cu-file-btn { background: var(--palette-kelly); }
    .cu-file-name {
      font-size: 14px;
      color: var(--ink);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .cu-card .cu-hint {
      margin: 10px 2px 0;
      font-size: 12px;
      font-weight: 400;
      line-height: 1.4;
      color: var(--palette-body);
    }
    .cu-sent {
      margin: 0 0 18px;
      padding: 14px 16px;
      border-radius: var(--radius-surface, 14px);
      background: var(--tone-kelly);
      color: var(--kelly-2);
    }
    .cu-sent strong {
      display: block;
      margin: 0 0 4px;
      font-size: 14px;
    }
    .cu-sent p {
      margin: 0;
      font-size: 14px;
      line-height: 1.45;
      color: var(--kelly-2);
    }
    .cu-card.is-sent .cu-form-head strong { color: var(--kelly-2); }
    .cu-card.is-sent .cu-field input,
    .cu-card.is-sent .cu-field select,
    .cu-card.is-sent .cu-field textarea {
      background: var(--palette-sand);
      color: var(--palette-body);
      border-color: var(--palette-line);
    }
    .cu-card.is-sent .cu-shots {
      background: var(--tone-kelly);
      border-color: color-mix(in srgb, var(--palette-ink) 18%, transparent);
    }
    .cu-card.is-sent .cu-file { background: var(--palette-white); border-color: color-mix(in srgb, var(--palette-ink) 8%, transparent); }
    .cu-card.is-sent .cu-file-btn {
      color: var(--palette-body);
      background: var(--palette-sand);
    }
    .cu-card.is-sent .btn { opacity: 0.45; }
    form.cu-card .btn {
      width: 100%;
      max-width: none;
      margin-top: 6px;
    }
    @container (max-width: 740px) {
      .cu-grid { grid-template-columns: 1fr; }
      .cu-card h2 { font-size: 28px; }
      .cu-form-head { flex-direction: column; align-items: flex-start; }
      .cu-sla { max-width: none; text-align: left; }
    }
  
[data-account-panel]{min-width:0;margin-top:0!important}[data-account-panel]>h1{margin-top:12px}.workspace-content .acct-grid{grid-template-columns:minmax(0,1fr)}.workspace-content .cu-aside .cu-art{max-height:140px;object-fit:contain}.workspace-content .cu-aside .cu-card{box-shadow:none}.workspace-content .acct-value{overflow-wrap:anywhere}

.workspace-content form :focus-visible{outline:3px solid var(--palette-kelly);outline-offset:3px}.workspace-content [role=status]{line-height:1.5;color:var(--palette-body)}.workspace-content .cu-grid{gap:20px}.workspace-content .cu-card{min-width:0}@media(max-width:700px){
.workspace-content .acct-card,.workspace-content .cu-card{padding:18px}
}
.balance-summary{padding:26px 28px;background:var(--tone-kelly);border:1px solid var(--palette-line);border-radius:var(--radius-surface, 14px);display:grid;gap:12px}.balance-summary>span{font-size:14px}.balance-summary strong{font-size:40px}.balance-summary small{font-size:14px;font-weight:400}.balance-summary a{font-size:14px}.balance-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.balance-choices button{font:inherit;color:var(--ink);background:var(--palette-sand);border:1px solid var(--palette-line);border-radius:var(--radius-surface, 14px);padding:22px;text-align:left;cursor:pointer}.balance-choices button[aria-pressed=true]{border:2px solid var(--palette-kelly);background:var(--tone-kelly);padding:21px}.balance-choices strong,.balance-choices span{display:block}.balance-choices strong{font-size:19px;margin-bottom:10px}.balance-choices span{font-size:14px;line-height:1.5}.balance-form{max-width:560px;padding:26px;border:1px solid var(--palette-line);background:var(--palette-sand);border-radius:var(--radius-surface, 14px)}.balance-form h2{margin:0 0 24px}.balance-form label{display:block;font-size:14px;margin-bottom:10px}.balance-form p{font-size:14px;line-height:1.6}.balance-amount{display:flex;align-items:center;gap:12px;border:1px solid var(--palette-card-rule);border-radius:var(--radius-surface, 14px);background:var(--palette-white);padding:12px}.balance-amount input{width:100%;min-width:0;border:0;font:inherit;font-size:22px;background:transparent}.workspace-balance a[aria-current]{font-weight:700;text-decoration-thickness:2px}.balance-form .btn{margin-top:12px}@media(max-width:700px){.balance-choices{grid-template-columns:1fr}.balance-summary,.balance-form{padding:20px}.balance-summary strong{font-size:34px}}

.hist-table td small{font-size:12px;color:var(--palette-body)}