#copy-view{max-width:1400px;margin:0 auto;padding-bottom:24px}.cp-muted{color:rgb(var(--z-textDim));font-size:12px;line-height:1.6}.cp-eyebrow{font-size:10px;letter-spacing:2px;color:rgb(var(--z-accent))}.cp-status{border-left:2px solid rgb(var(--z-accent));padding:10px 14px;background:rgb(var(--z-accent)/.05);font-size:13px;margin-bottom:18px}#copy-view button{border:1px solid var(--z-border);border-radius:7px;padding:9px 12px;font:inherit;font-size:12px;background:rgba(255,255,255,.035);color:inherit;cursor:pointer}#copy-view button:disabled{opacity:.5;cursor:default}#copy-view .cp-primary{background:var(--z-cta-bg);color:var(--z-cta-text);border:1px solid var(--z-cta-border);box-shadow:var(--z-cta-shadow);font-weight:600}.cp-running,.cp-success{color:#6cdbac!important}.cp-error{color:var(--z-btn-danger-text)!important;font-size:12px;overflow-wrap:anywhere}

@media(min-width:1151px) and (min-height:700px){#copy-view{height:calc(100dvh - 170px);display:flex;flex-direction:column;padding-bottom:0}#copy-view[hidden]{display:none}}
/* Copy Trading dashboard, both faces (dist/copy-runner-ui.js, .cr-root: #cp-tab browser, #cp-runner 24/7 runner): header
   row, summary tiles, full-width tabs card. .section-header/.table-tab/
   .panel-tool/.status from style.css, .sw-wallet/.sw-list/.sw-note from sol.css. */
#cp-runner[hidden],#cp-tab[hidden]{display:none}
#copy-view .cr-root code{font-size:.92em;padding:1px 5px;border-radius:4px;background:var(--z-surface3)}
#copy-view .cr-danger{background:rgb(var(--z-danger)/.12);border-color:rgb(var(--z-danger)/.5);color:rgb(var(--z-danger));font-weight:600}
#copy-view .cr-danger:hover{background:rgb(var(--z-danger)/.2)}
#copy-view .cr-primary{background:var(--z-cta-bg);color:var(--z-cta-text);border:1px solid var(--z-cta-border);box-shadow:var(--z-cta-shadow);font-weight:600}
/* Header: state chip, dry run / live sentence with its button, Kill. */
.cr-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:9px 12px 9px 14px;margin:0 0 8px;border:1px solid var(--z-border);border-left:3px solid var(--z-borderHi);border-radius:10px;background:rgb(var(--z-surface))}
.cr-head:has(.cr-live){border-left-color:rgb(var(--z-success))}
.cr-head:has(.cr-dry){border-left-color:rgb(var(--z-warn))}
.cr-head:has(.cr-confirm){border-left-color:rgb(var(--z-danger))}
.cr-head-id{display:flex;align-items:center;gap:6px;flex-shrink:0}
.cr-head-id .cp-eyebrow{font-size:.588235rem;font-weight:600}
.cr-head-id .tip{margin:0 4px 0 0}
.cr-pill{white-space:nowrap;font-weight:600}
.cr-pill-live{display:inline-flex;align-items:center;gap:5px}
.cr-pill-live::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgb(var(--z-success)/.18)}
.status.cr-pill-bad{color:rgb(var(--z-danger));background:rgb(var(--z-danger)/.08);border-color:rgb(var(--z-danger)/.25)}
.cr-mode{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.705882rem}
.cr-mode b{font-weight:600;letter-spacing:.02em}
.cr-mode>span{flex:1;min-width:200px;color:rgb(var(--z-textDim));line-height:1.5}
.cr-mode.cr-confirm{order:3;flex-basis:100%;padding:10px 12px;border:1px solid rgb(var(--z-danger)/.45);border-radius:8px;background:rgb(var(--z-danger)/.06)}
.cr-confirm b{color:rgb(var(--z-danger));overflow-wrap:anywhere}
.cr-mode.cr-confirm>b,.cr-mode.cr-confirm>span{flex-basis:100%;min-width:0}
.cr-top-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cr-top-actions .cp-muted{max-width:340px;font-size:.647059rem}
.cp-status.cr-status{margin:0 0 10px;padding:5px 12px;font-size:.705882rem;line-height:1.5}
/* Addresses: shortened, copy icon (window.ZyperCopyCa), full address on hover. */
.cr-addr{display:inline-flex;align-items:center;gap:1px;white-space:nowrap;font-variant-numeric:tabular-nums;color:rgb(var(--z-text))}
.cr-addr a{color:inherit;text-decoration:none}
.cr-addr a:hover{text-decoration:underline;text-underline-offset:3px}
#copy-view .ca-copy{width:20px;height:20px;padding:0;margin:0 1px;border:1px solid transparent;border-radius:5px;background:transparent;color:rgb(var(--z-textDim))}
#copy-view .ca-copy:hover,#copy-view .ca-copy:focus-visible{border-color:var(--z-borderHi);color:rgb(var(--z-text))}
#copy-view .ca-copy.done{color:rgb(var(--z-success))}
#copy-view .ca-copy[hidden]{display:none}
#copy-view .tip{width:14px;height:14px;padding:0;border:1px solid var(--z-borderHi);border-radius:50%;background:transparent;font-size:9px;color:rgb(var(--z-muted))}
/* Summary tiles: Robinhood wallet, Solana wallet, runner. */
.cr-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin:0 0 10px}
.cr-card{border:1px solid var(--z-panel-border,var(--z-border));border-radius:10px;background:rgb(var(--z-surface))}
.cr-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px 12px 11px;min-width:0}
.cr-tile[hidden]{display:none}
.cr-tile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}
.cr-tile-head h2{margin:0;font-size:.588235rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--z-muted))}
#copy-view .cr-root .panel-tool.cr-change{color:rgb(var(--z-accent))}
.cr-tile-body{display:flex;flex-direction:column;gap:8px;font-size:.705882rem;min-width:0}
.cr-tile-body .cp-error{margin:0}
.cr-tile-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px;font-size:.764706rem}
.cr-muted{color:rgb(var(--z-textDim))}
.cr-dot{display:inline-flex;align-items:center;gap:6px;font-size:.647059rem;color:rgb(var(--z-textDim));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cr-dot::before{content:"";flex:0 0 6px;height:6px;border-radius:50%;background:rgb(var(--z-muted))}
.cr-dot.cr-ok::before{background:rgb(var(--z-success))}
.cr-dot.cr-warn::before{background:rgb(var(--z-warn))}
.cr-dot.cr-bad{color:rgb(var(--z-danger))}
.cr-dot.cr-bad::before{background:rgb(var(--z-danger))}
.cr-tile-line>.cr-dot:first-child{font-size:.764706rem;color:rgb(var(--z-text))}
.cr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:8px;border-top:1px solid var(--z-border)}
.cr-stat{display:flex;flex-direction:column;gap:3px;min-width:0}
.cr-stat>span{font-size:.588235rem;color:rgb(var(--z-muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-stat>b{display:flex;align-items:center;gap:5px;min-width:0;font-weight:500;font-size:.764706rem;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-logo{display:inline-grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:50%;font-size:8px;font-style:normal;font-weight:600;background:var(--z-surface3);color:rgb(var(--z-textDim))}
/* Wallet picker popover (Change / Choose on a tile). */
.cr-pop{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:min(300px,calc(100vw - 32px));z-index:30;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--z-borderHi);border-radius:10px;background:rgb(var(--z-surface));box-shadow:0 16px 40px rgba(0,0,0,.55);font-size:.705882rem}
.cr-pop[hidden]{display:none}
.cr-pop-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cr-pop .sw-list{max-height:min(260px,40vh);overflow:auto}
.cr-card .sw-wallet{border:1px solid var(--z-border);border-radius:8px;background:transparent}
.cr-card .sw-wallet.cr-selected{border-color:rgb(var(--z-accent));box-shadow:inset 2px 0 rgb(var(--z-accent))}
.cr-card .sw-links a{font-size:.647059rem}
/* Rules saved by the in-tab copier in this browser (shown only when there are some). */
.cr-migrate{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 12px;margin:0 0 10px;border:1px dashed var(--z-borderHi);border-radius:8px;font-size:.705882rem}
.cr-migrate[hidden]{display:none}
.cr-migrate .sw-note{flex:1;min-width:220px}
/* Tabs card: full width, scrolls inside itself. */
.cr-main{border:1px solid var(--z-border);border-radius:10px;background:rgb(var(--z-surface));min-width:0;overflow:hidden;display:flex;flex-direction:column}
.cr-main .section-header{flex-wrap:wrap;flex-shrink:0}
.cr-main .panel-tools{gap:4px}
.cr-body{min-width:0}
.cr-form{display:flex;flex-direction:column;gap:10px;padding:14px;border-bottom:1px solid var(--z-border);font-size:.705882rem}
.cr-form[hidden]{display:none}
.cr-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.cr-form label{display:grid;gap:5px;color:rgb(var(--z-textDim));font-size:.647059rem}
.cr-table-scroll{overflow:auto;max-height:62vh;min-width:0}
.cr-table{width:100%}
.cr-table th{position:sticky;top:0;z-index:1;background:rgb(var(--z-surface));padding:10px 12px}
.cr-table td{vertical-align:middle;padding:10px 12px;font-size:.647059rem;white-space:normal}
.cr-table td small{display:block;margin-top:2px;font-size:.588235rem;color:rgb(var(--z-muted))}
.cr-table td .cr-note{max-width:260px;overflow-wrap:anywhere}
.cr-table td.empty{text-align:center;color:rgb(var(--z-muted));padding:28px 12px}
.cr-table .cr-msg{overflow-wrap:anywhere}
.cr-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
#copy-view .cr-actions button{font-size:.647059rem;padding:5px 9px;white-space:nowrap}
.cr-link{margin-left:8px;color:rgb(var(--z-textDim));text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* #copy-view button (above) styles every button; restore the shared tab / tool / wallet-row looks inside the runner. */
#copy-view .cr-root .table-tab{border:0;border-radius:0;background:transparent;box-shadow:none;color:rgb(var(--z-muted));font-size:.705882rem;padding:13px 9px}
#copy-view .cr-root .table-tab.active{color:rgb(var(--z-text));box-shadow:inset 0 -1px rgb(var(--z-accent))}
#copy-view .cr-root .panel-tool{border:0;border-radius:6px;background:transparent;padding:4px 7px;font-size:.647059rem;color:rgb(var(--z-muted))}
#copy-view .cr-root .panel-tool:hover{color:rgb(var(--z-text));background:var(--z-surface2)}
#copy-view .cr-root .sw-wallet{padding:9px 10px;font-size:.705882rem}
#copy-view .cr-root .cr-table td{white-space:nowrap}
#copy-view .cr-root .cr-table td:has(.cr-msg),#copy-view .cr-root .cr-table td:has(.cr-note){white-space:normal}
#copy-view .cr-root .cr-actions{flex-wrap:nowrap}
/* Desktop: the page fits the window; only the tabs card scrolls (the fixed #copy-view height is set above). */
@media(min-width:1151px) and (min-height:700px){
  #copy-view .cr-root{flex:1;min-height:0;display:flex;flex-direction:column}
  #copy-view .cr-root[hidden]{display:none}
  #copy-view .cr-root>*:not(.cr-main){flex-shrink:0}
  .cr-main{flex:1;min-height:0}
  .cr-body{flex:1;min-height:0;overflow:auto}
  .cr-body .cr-table-scroll{overflow:visible;max-height:none}
}
/* Tablet: two wallet tiles side by side, the runner tile under them. */
@media(min-width:641px) and (max-width:1000px){.cr-tiles{grid-template-columns:1fr 1fr}#cr-runner-card{grid-column:1/-1}#cr-sol-card[hidden]~#cr-runner-card{grid-column:auto}}
/* Tablet and phone: table rows become labelled cards (data-label from the JS); no sideways scrolling. */
@media(max-width:900px){
  #copy-view .cr-root .cr-table thead{display:none}
  #copy-view .cr-root .cr-table,#copy-view .cr-root .cr-table tbody{display:block;width:100%}
  #copy-view .cr-root .cr-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;padding:8px 14px;border-bottom:1px solid var(--z-border)}
  #copy-view .cr-root .cr-table td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;padding:4px 0;border:0;text-align:right;white-space:normal;overflow-wrap:anywhere}
  #copy-view .cr-root .cr-table td::before{content:attr(data-label);flex-shrink:0;text-align:left;color:rgb(var(--z-muted));font-size:.588235rem;text-transform:uppercase;letter-spacing:.05em;padding-top:2px}
  #copy-view .cr-root .cr-table td:not([data-label]){grid-column:1/-1;justify-content:flex-end;padding-top:6px}
  #copy-view .cr-root .cr-table td:not([data-label])::before{content:none}
  #copy-view .cr-root .cr-table td.empty{grid-column:1/-1;display:block;text-align:center;padding:24px 0}
  #copy-view .cr-root .cr-table td.empty::before{content:none}
  #copy-view .cr-root .cr-table td .cr-note{max-width:none}
  #copy-view .cr-root .cr-actions{flex-wrap:wrap}
  .cr-table-scroll{overflow:visible;max-height:none}
}
/* Phones: the header stacks, one tile per row, one column per card. */
@media(max-width:640px){
  .cr-head{padding:10px 12px}
  .cr-mode{order:3;flex-basis:100%}
  .cr-mode>span{min-width:0;flex-basis:100%}
  .cr-tiles{grid-template-columns:1fr}
  #copy-view .cr-root .cr-table tr{grid-template-columns:minmax(0,1fr);padding:8px 12px}
}
/* Browser face: the "keep this tab open" note beside the state chip, and Unlock on a locked trading wallet tile. */
.cr-keep{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:.647059rem;color:rgb(var(--z-success))}
.cr-keep[hidden]{display:none}
.cr-keep::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:cr-pulse 1.6s ease-in-out infinite}
@keyframes cr-pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.cr-keep::before{animation:none}}
#copy-view .cr-unlock{padding:4px 10px;font-size:.647059rem;white-space:nowrap}
@media(max-width:640px){.cr-head-id{flex-wrap:wrap}.cr-keep{white-space:normal}}
/* Follow sells / fee claims (rule form toggles, rules table chips) */
.cr-follow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:10px 0 2px}
.cr-form label.cr-check{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:rgb(var(--z-text));cursor:pointer}
.cr-check input{width:15px;height:15px;margin:0;accent-color:rgb(var(--z-accent))}
.cr-adv{flex-basis:100%;font-size:12px;color:rgb(var(--z-textDim))}
.cr-adv summary{cursor:pointer;width:max-content}
.cr-adv .cr-form-grid{margin-top:8px}
.cr-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.cr-chip{font-size:10px;line-height:1;padding:3px 6px;border-radius:999px;border:1px solid rgb(var(--z-accent)/.35);color:rgb(var(--z-accent));background:rgb(var(--z-accent)/.07)}