/*
RosterCap workspace-dialogs.css
Consolidated dialog/editor styles from V2.47–V2.64.

Owns:
- Import Review
- Player Add/Edit
- Transaction Add/Edit
- Trade / Draft modal UI
- transaction modal fit / overflow fixes

Load after workspace-pages.css.
*/

#importDialog {
  width:min(980px, calc(100vw - 20px));
}

#importDialog .modal-card {
  max-height:min(900px, calc(100vh - 24px)); display:flex; flex-direction:column;
}

#importDialog .modal-body {
  min-height:0; overflow-y:auto;
}

#importDialog .drawer-footer {
  flex:0 0 auto;
}

#importDialog .file-drop {
  min-height:104px; padding:14px; transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

#importDialog .file-drop > span {
  color:#DDEAF5; font-size:.80rem; font-weight:900;
}

#importDialog .file-drop.dragover {
  border-color:var(--accent-strong); background:rgba(50,173,255,.075); box-shadow:0 0 0 3px rgba(50,173,255,.10);
}

.import-loading {
  display:grid; place-items:center; min-height:100px; color:var(--muted); font-size:.76rem; font-weight:800;
}

.import-review-error,
.import-review-warning {
  display:grid; gap:3px; margin-top:10px; padding:10px 11px; border-radius:10px; font-size:.67rem; line-height:1.4;
}

.import-review-error {
  border:1px solid rgba(246,123,123,.35); background:rgba(246,123,123,.065); color:#FFB8B8;
}

.import-review-warning {
  border:1px solid rgba(242,198,109,.30); background:rgba(242,198,109,.055); color:#F3D79B;
}

.import-review-error span,
.import-review-warning span {
  color:var(--muted);
}

.import-chip.primary {
  border-color:rgba(50,173,255,.36); background:rgba(50,173,255,.11); color:#CFEAFF;
}

.import-chip.file {
  max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); background:rgba(255,255,255,.02);
}

.import-review-summary {
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; margin:9px 0 10px;
}

.import-review-summary > div {
  min-width:0; padding:8px 9px; border:1px solid var(--border-soft); border-radius:9px; background:#0B151E;
}

.import-review-summary > div.attention {
  border-color:rgba(50,173,255,.24); background:rgba(50,173,255,.04);
}

.import-review-summary > div.warning {
  border-color:rgba(242,198,109,.30); background:rgba(242,198,109,.045);
}

.import-review-summary span {
  display:block; overflow:hidden; color:var(--muted); font-size:.51rem; font-weight:850; letter-spacing:.04em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap;
}

.import-review-summary strong {
  display:block; margin-top:3px; color:var(--text); font-size:.80rem; font-weight:950;
}

.import-review-summary small {
  display:block; margin-top:2px; overflow:hidden; color:var(--muted); font-size:.52rem; line-height:1.25; text-overflow:ellipsis; white-space:nowrap;
}

.import-review-summary .warning strong {
  color:var(--warning);
}

.import-safety-panel {
  display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-bottom:10px;
}

.import-safety-panel > div {
  display:flex; align-items:flex-start; gap:8px; min-width:0; padding:9px 10px; border:1px solid var(--border-soft); border-radius:10px; background:rgba(255,255,255,.018);
}

.import-safety-panel strong {
  display:block; color:#DDEAF5; font-size:.63rem;
}

.import-safety-panel small {
  display:block; margin-top:2px; color:var(--muted); font-size:.57rem; line-height:1.4;
}

.import-safety-icon {
  flex:0 0 auto; display:grid; place-items:center; width:20px; height:20px; border:1px solid rgba(82,215,194,.26); border-radius:6px; color:var(--healthy); background:rgba(82,215,194,.055); font-size:.60rem; font-weight:950;
}

.import-safety-icon.protected {
  border-color:rgba(50,173,255,.25); color:var(--accent); background:rgba(50,173,255,.05);
}

.import-review-table-head {
  display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin:11px 1px 6px;
}

.import-review-table-head strong {
  font-size:.70rem;
}

.import-review-table-head span,
.import-preview-limit {
  color:var(--muted); font-size:.56rem;
}

.import-review-table-wrap {
  max-height:360px !important; border-radius:10px;
}

.import-review-table {
  min-width:980px;
}

.import-review-table th,
.import-review-table td {
  padding:8px 9px; font-size:.63rem;
}

.import-review-table th {
  font-size:.56rem;
}

.import-review-table td:nth-child(2) {
  min-width:150px;
}

.import-row-note {
  display:block; margin-top:2px; color:var(--muted); font-size:.50rem; font-weight:600;
}

.import-action-badge,
.import-ready {
  display:inline-flex; align-items:center; min-height:20px; padding:2px 6px; border-radius:999px; font-size:.52rem; font-weight:900; white-space:nowrap;
}

.import-action-badge.add {
  border:1px solid rgba(82,215,194,.28); color:var(--healthy); background:rgba(82,215,194,.055);
}

.import-action-badge.update {
  border:1px solid rgba(50,173,255,.28); color:#9DD7FF; background:rgba(50,173,255,.055);
}

.import-ready {
  border:1px solid rgba(82,215,194,.22); color:var(--healthy); background:rgba(82,215,194,.04);
}

.import-invalid-row {
  background:rgba(246,123,123,.025);
}

.import-change {
  display:inline-flex; align-items:center; gap:4px; color:#DCEAF4; white-space:nowrap;
}

.import-change strong {
  color:var(--accent); font-size:.58rem;
}

.import-change.money-change {
  font-variant-numeric:tabular-nums;
}

.import-kept,
.import-new-value {
  display:inline-grid; gap:1px; white-space:nowrap;
}

.import-kept small,
.import-new-value small {
  color:var(--muted); font-size:.48rem;
}

.import-new-value {
  color:var(--healthy);
}

.import-preview-limit {
  padding:7px 2px 0; text-align:right;
}

@media (max-width:820px) {
  .import-review-summary {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .import-safety-panel {
    grid-template-columns:1fr;
  }
}

@media (max-width:560px) {
  #importDialog {
    width:calc(100vw - 12px);
  }
  #importDialog .drawer-header,
    #importDialog .drawer-footer {
    padding:12px;
  }
  #importDialog .modal-body {
    padding:12px;
  }
  .import-review-summary {
    grid-template-columns:1fr 1fr; gap:5px;
  }
  .import-review-summary > div {
    padding:8px;
  }
  .import-review-table-head {
    display:block;
  }
  .import-review-table-head span {
    display:block; margin-top:2px;
  }
  .import-chip.file {
    max-width:190px;
  }
}

.draft-history-section {
  margin-top:10px; padding:11px; border:1px solid rgba(50,173,255,.24); border-radius:11px; background:linear-gradient(180deg,rgba(50,173,255,.045),rgba(11,21,30,.92));
}

.draft-history-section.hidden {
  display:none;
}

.draft-history-head h4 {
  margin:2px 0 0; color:var(--text); font-size:.84rem;
}

.draft-history-head p:last-child {
  margin:4px 0 0; color:var(--muted); font-size:.62rem; line-height:1.4;
}

.draft-history-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px;
}

.draft-history-grid label {
  display:grid; gap:5px; min-width:0; color:var(--muted); font-size:.66rem; font-weight:750;
}

.draft-history-grid select {
  min-width:0;
}

.draft-history-selection-meta {
  margin-top:8px; padding:8px 9px; border:1px solid var(--border-soft); border-radius:9px; background:rgba(255,255,255,.018); color:var(--muted); font-size:.58rem; line-height:1.35;
}

.draft-history-selection-meta span,
.draft-history-selection-meta small {
  display:block;
}

.draft-history-selection-meta strong {
  color:#DCEBFA;
}

.draft-history-selection-meta small {
  margin-top:2px;
}

.draft-history-selection-meta .warning {
  color:var(--warning);
}

.draft-history-lock {
  margin-top:8px; padding:7px 9px; border:1px solid rgba(242,198,109,.26); border-radius:9px; color:#E4C77F; background:rgba(242,198,109,.04); font-size:.57rem; line-height:1.4;
}

@media (max-width:720px) {
  .draft-history-section {
    margin-top:8px; padding:9px;
  }
  .draft-history-grid {
    grid-template-columns:1fr; gap:7px; margin-top:8px;
  }
  .draft-history-selection-meta,
    .draft-history-lock {
    padding:7px 8px;
  }
}

#playerDialog.player-dialog-v261 .drawer-card {
  width:100%;
}

#playerDialog.player-dialog-v261 .drawer-header {
  padding:12px 14px;
}

#playerDialog.player-dialog-v261 .drawer-header .eyebrow {
  margin-bottom:2px; font-size:.60rem;
}

#playerDialog.player-dialog-v261 .drawer-header h3 {
  margin:0; font-size:1rem;
}

#playerDialog.player-dialog-v261 .drawer-body {
  padding:12px 14px 84px;
}

#playerDialog.player-dialog-v261 .player-intro-v261 {
  display:none;
}

#playerDialog.player-dialog-v261 .player-basics-v261 {
  grid-template-columns:1fr 1fr; gap:8px;
}

#playerDialog.player-dialog-v261 .player-basics-v261 .player-name-field {
  grid-column:1 / -1;
}

#playerDialog.player-dialog-v261 .player-basics-v261 .status-field {
  grid-column:auto;
}

#playerDialog.player-dialog-v261 .player-basics-v261 label,
#playerDialog.player-dialog-v261 .player-more-grid-v261 label,
#playerDialog.player-dialog-v261 .salary-change-grid-v261 label,
#playerDialog.player-dialog-v261 .player-notes-body-v261 label {
  gap:4px; font-size:.66rem;
}

#playerDialog.player-dialog-v261 input,
#playerDialog.player-dialog-v261 select,
#playerDialog.player-dialog-v261 textarea {
  min-height:38px; padding:7px 9px; border-radius:9px;
}

#playerDialog.player-dialog-v261 .player-disclosure-v261 {
  margin-top:8px; border:1px solid var(--border); border-radius:10px; background:rgba(9,18,27,.72); overflow:hidden;
}

#playerDialog.player-dialog-v261 .player-disclosure-v261 > summary {
  display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:34px; padding:7px 9px; list-style:none; cursor:pointer; color:#D5E1EA; font-size:.64rem; font-weight:850;
}

#playerDialog.player-dialog-v261 .player-disclosure-v261 > summary::-webkit-details-marker {
  display:none;
}

#playerDialog.player-dialog-v261 .player-disclosure-v261 > summary::after {
  content:"+"; flex:0 0 auto; color:var(--accent); font-size:.85rem; line-height:1;
}

#playerDialog.player-dialog-v261 .player-disclosure-v261[open] > summary::after {
  content:"−";
}

#playerDialog.player-dialog-v261 .player-disclosure-v261 > summary > span {
  min-width:0;
}

#playerDialog.player-dialog-v261 .player-disclosure-v261 > summary > small {
  margin-left:auto; overflow:hidden; color:var(--muted); font-size:.54rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap;
}

#playerDialog.player-dialog-v261 .player-more-grid-v261 {
  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) minmax(64px,.45fr); gap:7px; padding:0 9px 9px;
}

#playerDialog.player-dialog-v261 .quick-contract {
  margin-top:9px; padding:10px; border-radius:11px;
}

#playerDialog.player-dialog-v261 .quick-contract-head {
  margin-bottom:8px;
}

#playerDialog.player-dialog-v261 .quick-contract-head .eyebrow {
  margin-bottom:2px; font-size:.58rem;
}

#playerDialog.player-dialog-v261 .quick-contract-head h4 {
  font-size:.82rem;
}

#playerDialog.player-dialog-v261 .quick-contract-head p {
  margin-top:2px; font-size:.58rem; line-height:1.3;
}

#playerDialog.player-dialog-v261 .quick-contract-grid-v261 {
  grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px;
}

#playerDialog.player-dialog-v261 .quick-contract-grid-v261 .contract-through-field {
  grid-column:auto;
}

#playerDialog.player-dialog-v261 .salary-change-details-v261 {
  grid-column:1 / -1; margin-top:0;
}

#playerDialog.player-dialog-v261 .salary-change-grid-v261 {
  display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:0 9px 9px;
}

#playerDialog.player-dialog-v261 .quick-contract-grid-v261 .quick-contract-action {
  grid-column:1 / -1; gap:3px;
}

#playerDialog.player-dialog-v261 .quick-contract-grid-v261 .quick-contract-action .btn {
  min-height:34px; padding:6px 9px; font-size:.62rem;
}

#playerDialog.player-dialog-v261 .quick-contract-grid-v261 .quick-contract-action small {
  font-size:.50rem; line-height:1.25;
}

#playerDialog.player-dialog-v261 .advanced-contract {
  margin-top:8px; padding-top:8px;
}

#playerDialog.player-dialog-v261 .advanced-contract summary {
  min-height:28px; font-size:.61rem;
}

#playerDialog.player-dialog-v261 .advanced-contract-copy {
  margin:4px 0 7px; font-size:.54rem; line-height:1.3;
}

#playerDialog.player-dialog-v261 .contract-grid {
  gap:6px; margin-top:7px;
}

#playerDialog.player-dialog-v261 .contract-row {
  grid-template-columns:78px 1fr 1fr; gap:6px; padding:7px; border-radius:9px;
}

#playerDialog.player-dialog-v261 .contract-row .season-label {
  padding-bottom:8px; font-size:.62rem;
}

#playerDialog.player-dialog-v261 .player-notes-section {
  margin-top:8px;
}

#playerDialog.player-dialog-v261 .player-notes-details-v261 {
  margin-top:0;
}

#playerDialog.player-dialog-v261 .player-notes-body-v261 {
  padding:0 9px 9px;
}

#playerDialog.player-dialog-v261 .player-notes-body-v261 textarea {
  min-height:70px;
}

#playerDialog.player-dialog-v261 .drawer-footer {
  gap:7px; padding:8px 10px; background:rgba(13,24,34,.985);
}

#playerDialog.player-dialog-v261 .drawer-footer-right {
  gap:5px; align-items:center;
}

#playerDialog.player-dialog-v261 .drawer-footer .btn {
  min-height:34px; padding:6px 9px; font-size:.61rem;
}

#playerDialog.player-dialog-v261 #savePlayerBtn {
  min-width:96px;
}

#playerDialog.player-dialog-v261 #playerSaveStatus {
  font-size:.52rem; white-space:nowrap;
}

#playerDialog.player-dialog-v261 #playerWarnings {
  margin-top:8px; padding:8px 9px; font-size:.58rem;
}

@media (max-width:720px) {
  #playerDialog.player-dialog-v261 .drawer-header {
    padding:10px 11px;
  }
  #playerDialog.player-dialog-v261 .drawer-body {
    padding:10px 11px 76px;
  }
  #playerDialog.player-dialog-v261 .player-basics-v261 {
    gap:7px;
  }
  #playerDialog.player-dialog-v261 .quick-contract {
    padding:9px;
  }
  #playerDialog.player-dialog-v261 .quick-contract-grid-v261 {
    grid-template-columns:1fr 1fr;
  }
  #playerDialog.player-dialog-v261 .quick-contract-grid-v261 .contract-through-field {
    grid-column:1 / -1;
  }
  #playerDialog.player-dialog-v261 .contract-row {
    grid-template-columns:1fr 1fr 1fr; align-items:end;
  }
  #playerDialog.player-dialog-v261 .contract-row .season-label {
    padding-bottom:8px;
  }
  #playerDialog.player-dialog-v261 .drawer-footer {
    padding:7px 9px;
  }
}

@media (max-width:430px) {
  #playerDialog.player-dialog-v261 .player-more-grid-v261 {
    grid-template-columns:minmax(0,1.2fr) minmax(72px,.7fr) minmax(54px,.45fr); gap:6px;
  }
  #playerDialog.player-dialog-v261 .player-disclosure-v261 > summary {
    padding:6px 8px;
  }
  #playerDialog.player-dialog-v261 .player-disclosure-v261 > summary > small {
    max-width:180px;
  }
  #playerDialog.player-dialog-v261 .contract-row {
    grid-template-columns:1fr;
  }
  #playerDialog.player-dialog-v261 .contract-row .season-label {
    padding-bottom:0;
  }
  #playerDialog.player-dialog-v261 .drawer-footer-right {
    margin-left:auto;
  }
  #playerDialog.player-dialog-v261 #cancelPlayerBtn {
    display:none;
  }
}

#transactionDialog.transaction-dialog-v262 .modal-card {
  width:min(760px,calc(100vw - 20px)); max-height:min(92dvh,860px); display:flex; flex-direction:column;
}

#transactionDialog.transaction-dialog-v262 .drawer-header {
  flex:0 0 auto; padding:10px 12px;
}

#transactionDialog.transaction-dialog-v262 .drawer-header .eyebrow {
  margin-bottom:2px; font-size:.57rem;
}

#transactionDialog.transaction-dialog-v262 .drawer-header h3 {
  margin:0; font-size:.94rem;
}

#transactionDialog.transaction-dialog-v262 .transaction-form-body-v262 {
  flex:1 1 auto; min-height:0; overflow-y:auto; padding:10px 12px;
}

#transactionDialog.transaction-dialog-v262 .transaction-primary-grid-v262 {
  grid-template-columns:1fr 1fr; gap:7px;
}

#transactionDialog.transaction-dialog-v262 .transaction-primary-grid-v262 label {
  gap:4px; font-size:.63rem;
}

#transactionDialog.transaction-dialog-v262 input,
#transactionDialog.transaction-dialog-v262 select,
#transactionDialog.transaction-dialog-v262 textarea {
  min-height:36px; padding:6px 8px; border-radius:8px;
}

#transactionDialog.transaction-dialog-v262 textarea {
  min-height:58px;
}

#transactionDialog.transaction-dialog-v262 .transaction-smart-note,
#transactionDialog.transaction-dialog-v262 .transaction-edit-note {
  padding:6px 8px; border-radius:8px; font-size:.55rem; line-height:1.3;
}

#transactionDialog.transaction-dialog-v262 .transaction-disclosure-v262 {
  margin-top:7px; overflow:hidden; border:1px solid var(--border); border-radius:9px; background:rgba(9,18,27,.72);
}

#transactionDialog.transaction-dialog-v262 .transaction-disclosure-v262.hidden {
  display:none;
}

#transactionDialog.transaction-dialog-v262 .transaction-disclosure-v262 > summary {
  display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:33px; padding:6px 8px; list-style:none; cursor:pointer; color:#D5E1EA; font-size:.61rem; font-weight:850;
}

#transactionDialog.transaction-dialog-v262 .transaction-disclosure-v262 > summary::-webkit-details-marker {
  display:none;
}

#transactionDialog.transaction-dialog-v262 .transaction-disclosure-v262 > summary::after {
  content:"+"; flex:0 0 auto; color:var(--accent); font-size:.82rem; line-height:1;
}

#transactionDialog.transaction-dialog-v262 .transaction-disclosure-v262[open] > summary::after {
  content:"−";
}

#transactionDialog.transaction-dialog-v262 .transaction-disclosure-v262 > summary small {
  margin-left:auto; color:var(--muted); font-size:.52rem; font-weight:700;
}

#transactionDialog.transaction-dialog-v262 .transaction-disclosure-body-v262 {
  display:grid; gap:7px; padding:0 8px 8px;
}

#transactionDialog.transaction-dialog-v262 .transaction-item-fields-v262 {
  grid-template-columns:1fr 1fr;
}

#transactionDialog.transaction-dialog-v262 .transaction-item-fields-v262 > .full-width {
  grid-column:auto;
}

#transactionDialog.transaction-dialog-v262 .trade-structured-section,
#transactionDialog.transaction-dialog-v262 .draft-history-section,
#transactionDialog.transaction-dialog-v262 .transaction-player-snapshot-v262,
#transactionDialog.transaction-dialog-v262 .transaction-financial-v262 {
  margin-top:8px; padding:9px; border-radius:10px;
}

#transactionDialog.transaction-dialog-v262 .trade-side-grid {
  gap:7px;
}

#transactionDialog.transaction-dialog-v262 .trade-side {
  gap:7px; padding:8px; border-radius:9px;
}

#transactionDialog.transaction-dialog-v262 .trade-side-head h4 {
  font-size:.74rem;
}

#transactionDialog.transaction-dialog-v262 .trade-side-head p {
  margin-top:2px; font-size:.53rem; line-height:1.3;
}

#transactionDialog.transaction-dialog-v262 .trade-choice-list,
#transactionDialog.transaction-dialog-v262 .trade-builder-list {
  gap:5px;
}

#transactionDialog.transaction-dialog-v262 .trade-add-actions {
  gap:5px;
}

#transactionDialog.transaction-dialog-v262 .trade-add-actions .btn {
  min-height:31px; padding:5px 7px; font-size:.56rem;
}

#transactionDialog.transaction-dialog-v262 .transaction-player-snapshot-head {
  gap:6px;
}

#transactionDialog.transaction-dialog-v262 .transaction-player-snapshot-head strong {
  font-size:.70rem;
}

#transactionDialog.transaction-dialog-v262 .transaction-player-snapshot-head span {
  font-size:.52rem;
}

#transactionDialog.transaction-dialog-v262 .transaction-salary-grid {
  gap:5px; margin-top:6px;
}

#transactionDialog.transaction-dialog-v262 .transaction-financial-section h4 {
  margin-top:2px; font-size:.75rem;
}

#transactionDialog.transaction-dialog-v262 .transaction-financial-section .muted {
  margin-top:2px; font-size:.54rem; line-height:1.3;
}

#transactionDialog.transaction-dialog-v262 .transaction-rule-preview {
  margin-top:7px; padding:7px; border-radius:8px;
}

#transactionDialog.transaction-dialog-v262 .transaction-financial-grid {
  gap:5px;
}

#transactionDialog.transaction-dialog-v262 .drawer-footer {
  flex:0 0 auto; gap:6px; padding:7px 9px; background:rgba(13,24,34,.99);
}

#transactionDialog.transaction-dialog-v262 .drawer-footer .btn {
  min-height:33px; padding:5px 9px; font-size:.60rem;
}

#transactionDialog.transaction-dialog-v262 #saveTransactionBtn {
  min-width:112px;
}

@media (max-width:720px) {
  #transactionDialog.transaction-dialog-v262 .modal-card {
    width:calc(100vw - 12px); max-height:94dvh;
  }
  #transactionDialog.transaction-dialog-v262 .drawer-header {
    padding:9px 10px;
  }
  #transactionDialog.transaction-dialog-v262 .transaction-form-body-v262 {
    padding:9px 10px;
  }
  #transactionDialog.transaction-dialog-v262 .transaction-primary-grid-v262 {
    gap:6px;
  }
  #transactionDialog.transaction-dialog-v262 .transaction-primary-grid-v262 > .full-width {
    grid-column:1 / -1;
  }
  #transactionDialog.transaction-dialog-v262 .transaction-item-fields-v262 {
    grid-template-columns:1fr;
  }
  #transactionDialog.transaction-dialog-v262 .trade-side-grid {
    grid-template-columns:1fr;
  }
  #transactionDialog.transaction-dialog-v262 .trade-side {
    padding:7px;
  }
  #transactionDialog.transaction-dialog-v262 .drawer-footer {
    position:sticky; bottom:0; z-index:3;
  }
}

@media (max-width:430px) {
  #transactionDialog.transaction-dialog-v262 .transaction-primary-grid-v262 {
    grid-template-columns:1fr 1fr;
  }
  #transactionDialog.transaction-dialog-v262 .transaction-primary-grid-v262 #transactionPlayerField,
    #transactionDialog.transaction-dialog-v262 .transaction-primary-grid-v262 #transactionCounterpartyField,
    #transactionDialog.transaction-dialog-v262 .transaction-primary-grid-v262 #transactionSummaryField,
    #transactionDialog.transaction-dialog-v262 .transaction-primary-grid-v262 #transactionRosterActionField,
    #transactionDialog.transaction-dialog-v262 .transaction-primary-grid-v262 #transactionRosterStatusField,
    #transactionDialog.transaction-dialog-v262 .transaction-primary-grid-v262 .transaction-smart-note,
    #transactionDialog.transaction-dialog-v262 .transaction-primary-grid-v262 .transaction-edit-note {
    grid-column:1 / -1;
  }
  #transactionDialog.transaction-dialog-v262 #cancelTransactionBtn {
    display:none;
  }
  #transactionDialog.transaction-dialog-v262 .transaction-disclosure-v262 > summary {
    min-height:31px;
  }
}

#transactionDialog.transaction-dialog-v263 {
  padding:10px; box-sizing:border-box;
}

#transactionDialog.transaction-dialog-v263 .modal-card {
  width:min(740px,calc(100vw - 20px)); height:min(82dvh,760px); max-height:calc(100dvh - 28px); margin:auto; overflow:hidden;
}

#transactionDialog.transaction-dialog-v263 .drawer-header {
  padding:8px 10px;
}

#transactionDialog.transaction-dialog-v263 .drawer-header h3 {
  font-size:.90rem;
}

#transactionDialog.transaction-dialog-v263 .transaction-form-body-v262 {
  padding:8px 10px; overscroll-behavior:contain;
}

#transactionDialog.transaction-dialog-v263 .transaction-primary-grid-v262 {
  gap:5px 7px;
}

#transactionDialog.transaction-dialog-v263 input,
#transactionDialog.transaction-dialog-v263 select {
  min-height:34px; padding:5px 8px;
}

#transactionDialog.transaction-dialog-v263 .transaction-smart-note,
#transactionDialog.transaction-dialog-v263 .transaction-edit-note {
  padding:5px 7px; line-height:1.25;
}

#transactionDialog.transaction-dialog-v263 .trade-structured-section {
  margin-top:6px; padding:7px;
}

#transactionDialog.transaction-dialog-v263 .transaction-trade-tabs-v263 {
  display:none;
}

#transactionDialog.transaction-dialog-v263 .trade-side {
  min-width:0; padding:7px;
}

#transactionDialog.transaction-dialog-v263 .trade-side-head {
  gap:3px;
}

#transactionDialog.transaction-dialog-v263 .trade-side-head h4 {
  font-size:.71rem;
}

#transactionDialog.transaction-dialog-v263 .trade-side-head p {
  margin-top:1px; font-size:.50rem; line-height:1.22;
}

#transactionDialog.transaction-dialog-v263 .trade-choice-list {
  min-height:0; max-height:230px; overflow-y:auto; overscroll-behavior:contain; padding-right:2px; scrollbar-width:thin;
}

#transactionDialog.transaction-dialog-v263 .trade-builder-list {
  max-height:155px; overflow-y:auto; overscroll-behavior:contain; padding-right:2px; scrollbar-width:thin;
}

#transactionDialog.transaction-dialog-v263 .trade-choice-list > *,
#transactionDialog.transaction-dialog-v263 .trade-builder-list > * {
  min-height:0;
}

#transactionDialog.transaction-dialog-v263 .trade-choice-list input[type="checkbox"] {
  width:20px; height:20px; min-width:20px; min-height:20px;
}

#transactionDialog.transaction-dialog-v263 .trade-choice-list strong,
#transactionDialog.transaction-dialog-v263 .trade-builder-list strong {
  font-size:.66rem; line-height:1.15;
}

#transactionDialog.transaction-dialog-v263 .trade-choice-list small,
#transactionDialog.transaction-dialog-v263 .trade-builder-list small {
  font-size:.50rem; line-height:1.2;
}

#transactionDialog.transaction-dialog-v263 .drawer-footer {
  position:relative; flex:0 0 auto; padding:6px 8px; border-top:1px solid var(--border);
}

#transactionDialog.transaction-dialog-v263 #saveTransactionBtn {
  min-height:32px; min-width:108px;
}

@media (max-width:720px) {
  #transactionDialog.transaction-dialog-v263 {
    padding:6px;
  }
  #transactionDialog.transaction-dialog-v263 .modal-card {
    width:calc(100vw - 12px); height:min(80dvh,690px); max-height:calc(100dvh - 18px); border-radius:14px;
  }
  #transactionDialog.transaction-dialog-v263 .drawer-header {
    padding:7px 9px;
  }
  #transactionDialog.transaction-dialog-v263 .transaction-form-body-v262 {
    padding:7px 8px;
  }
  #transactionDialog.transaction-dialog-v263 .transaction-primary-grid-v262 {
    gap:5px 6px;
  }
  #transactionDialog.transaction-dialog-v263 .trade-structured-section {
    padding:6px;
  }
  #transactionDialog.transaction-dialog-v263 .transaction-trade-tabs-v263 {
    display:grid; grid-template-columns:1fr 1fr; gap:3px; margin-bottom:6px; padding:3px; border:1px solid var(--border); border-radius:9px; background:rgba(7,16,24,.75);
  }
  #transactionDialog.transaction-dialog-v263 .transaction-trade-tabs-v263 button {
    min-height:29px; padding:4px 7px; border:0; border-radius:7px; background:transparent; color:var(--muted); font:inherit; font-size:.58rem; font-weight:850; cursor:pointer;
  }
  #transactionDialog.transaction-dialog-v263 .transaction-trade-tabs-v263 button.active {
    background:rgba(50,173,255,.11); color:#E5F3FF;
  }
  #transactionDialog.transaction-dialog-v263 .trade-side-grid {
    display:block;
  }
  #transactionDialog.transaction-dialog-v263 .trade-side {
    display:none; gap:5px; padding:6px;
  }
  #transactionDialog.transaction-dialog-v263 .trade-side.trade-side-active-v263 {
    display:grid;
  }
  #transactionDialog.transaction-dialog-v263 .trade-choice-list {
    max-height:min(26dvh,205px); gap:4px;
  }
  #transactionDialog.transaction-dialog-v263 .trade-builder-list {
    max-height:min(18dvh,130px); gap:4px;
  }
  #transactionDialog.transaction-dialog-v263 .trade-choice-list > *,
    #transactionDialog.transaction-dialog-v263 .trade-builder-list > * {
    padding-top:5px; padding-bottom:5px;
  }
  #transactionDialog.transaction-dialog-v263 .trade-add-actions {
    gap:4px;
  }
  #transactionDialog.transaction-dialog-v263 .trade-add-actions .btn {
    min-height:29px; padding:4px 6px;
  }
  #transactionDialog.transaction-dialog-v263 .drawer-footer {
    position:relative; bottom:auto; z-index:2; padding:6px 8px;
  }
}

@media (max-width:430px) {
  #transactionDialog.transaction-dialog-v263 .modal-card {
    height:min(78dvh,650px);
  }
  #transactionDialog.transaction-dialog-v263 .drawer-header .eyebrow {
    font-size:.53rem;
  }
  #transactionDialog.transaction-dialog-v263 .drawer-header h3 {
    font-size:.86rem;
  }
  #transactionDialog.transaction-dialog-v263 .transaction-primary-grid-v262 {
    grid-template-columns:1fr 1fr;
  }
  #transactionDialog.transaction-dialog-v263 .trade-choice-list {
    max-height:min(25dvh,190px);
  }
  #transactionDialog.transaction-dialog-v263 .trade-builder-list {
    max-height:min(16dvh,115px);
  }
  #transactionDialog.transaction-dialog-v263 .drawer-footer {
    min-height:44px;
  }
  #transactionDialog.transaction-dialog-v263 #saveTransactionBtn {
    min-height:31px;
  }
}

#transactionDialog.transaction-dialog-v264 {
  width:min(740px,calc(100vw - 16px)) !important; max-width:calc(100vw - 16px) !important; margin:auto !important; padding:0 !important; overflow:hidden !important; box-sizing:border-box;
}

#transactionDialog.transaction-dialog-v264 .modal-card {
  width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; overflow:hidden !important; box-sizing:border-box;
}

#transactionDialog.transaction-dialog-v264 .drawer-header,
#transactionDialog.transaction-dialog-v264 .transaction-form-body-v262,
#transactionDialog.transaction-dialog-v264 .drawer-footer {
  width:100%; max-width:100%; min-width:0; box-sizing:border-box; overflow-x:hidden;
}

#transactionDialog.transaction-dialog-v264 .transaction-form-body-v262 {
  overscroll-behavior-x:none; touch-action:pan-y;
}

#transactionDialog.transaction-dialog-v264 .transaction-primary-grid-v262,
#transactionDialog.transaction-dialog-v264 .transaction-disclosure-v262,
#transactionDialog.transaction-dialog-v264 .transaction-disclosure-body-v262,
#transactionDialog.transaction-dialog-v264 .trade-structured-section,
#transactionDialog.transaction-dialog-v264 .transaction-trade-tabs-v263,
#transactionDialog.transaction-dialog-v264 .trade-side-grid,
#transactionDialog.transaction-dialog-v264 .trade-side,
#transactionDialog.transaction-dialog-v264 .trade-choice-list,
#transactionDialog.transaction-dialog-v264 .trade-builder-list,
#transactionDialog.transaction-dialog-v264 .draft-history-section,
#transactionDialog.transaction-dialog-v264 .transaction-player-snapshot-v262,
#transactionDialog.transaction-dialog-v264 .transaction-financial-v262,
#transactionDialog.transaction-dialog-v264 .transaction-financial-grid,
#transactionDialog.transaction-dialog-v264 .transaction-rule-preview {
  width:100%; max-width:100%; min-width:0; box-sizing:border-box;
}

#transactionDialog.transaction-dialog-v264 .transaction-primary-grid-v262 > *,
#transactionDialog.transaction-dialog-v264 .trade-side > *,
#transactionDialog.transaction-dialog-v264 .trade-choice-list > *,
#transactionDialog.transaction-dialog-v264 .trade-builder-list > *,
#transactionDialog.transaction-dialog-v264 .transaction-financial-grid > * {
  min-width:0; max-width:100%;
}

#transactionDialog.transaction-dialog-v264 label,
#transactionDialog.transaction-dialog-v264 input,
#transactionDialog.transaction-dialog-v264 select,
#transactionDialog.transaction-dialog-v264 textarea,
#transactionDialog.transaction-dialog-v264 button {
  max-width:100%; box-sizing:border-box;
}

#transactionDialog.transaction-dialog-v264 input:not([type="checkbox"]):not([type="radio"]),
#transactionDialog.transaction-dialog-v264 select,
#transactionDialog.transaction-dialog-v264 textarea {
  width:100%; min-width:0;
}

#transactionDialog.transaction-dialog-v264 .transaction-smart-note,
#transactionDialog.transaction-dialog-v264 .transaction-edit-note,
#transactionDialog.transaction-dialog-v264 .trade-side-head p,
#transactionDialog.transaction-dialog-v264 .draft-history-head p,
#transactionDialog.transaction-dialog-v264 .transaction-financial-section p {
  overflow-wrap:anywhere; word-break:normal;
}

#transactionDialog.transaction-dialog-v264 .drawer-header > div {
  min-width:0;
}

#transactionDialog.transaction-dialog-v264 .drawer-header h3,
#transactionDialog.transaction-dialog-v264 .drawer-header .eyebrow {
  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

@media (max-width:720px) {
  #transactionDialog.transaction-dialog-v264 {
    width:calc(100vw - 12px) !important; max-width:calc(100vw - 12px) !important;
  }
  #transactionDialog.transaction-dialog-v264 .modal-card {
    width:100% !important; max-width:100% !important;
  }
  #transactionDialog.transaction-dialog-v264 .transaction-primary-grid-v262 {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  #transactionDialog.transaction-dialog-v264 .transaction-primary-grid-v262 > .full-width,
    #transactionDialog.transaction-dialog-v264 .transaction-primary-grid-v262 #transactionPlayerField,
    #transactionDialog.transaction-dialog-v264 .transaction-primary-grid-v262 #transactionCounterpartyField,
    #transactionDialog.transaction-dialog-v264 .transaction-primary-grid-v262 #transactionSummaryField,
    #transactionDialog.transaction-dialog-v264 .transaction-primary-grid-v262 #transactionRosterActionField,
    #transactionDialog.transaction-dialog-v264 .transaction-primary-grid-v262 #transactionRosterStatusField,
    #transactionDialog.transaction-dialog-v264 .transaction-primary-grid-v262 .transaction-smart-note,
    #transactionDialog.transaction-dialog-v264 .transaction-primary-grid-v262 .transaction-edit-note {
    min-width:0; max-width:100%;
  }
  #transactionDialog.transaction-dialog-v264 .transaction-trade-tabs-v263 {
    width:100%;
  }
  #transactionDialog.transaction-dialog-v264 .trade-side.trade-side-active-v263 {
    width:100%; max-width:100%;
  }
  #transactionDialog.transaction-dialog-v264 .trade-choice-list,
    #transactionDialog.transaction-dialog-v264 .trade-builder-list {
    overflow-x:hidden !important;
  }
  #transactionDialog.transaction-dialog-v264 .drawer-footer {
    padding-left:8px; padding-right:8px;
  }
}

@media (max-width:430px) {
  #transactionDialog.transaction-dialog-v264 {
    width:calc(100vw - 8px) !important; max-width:calc(100vw - 8px) !important;
  }
  #transactionDialog.transaction-dialog-v264 .drawer-header,
    #transactionDialog.transaction-dialog-v264 .transaction-form-body-v262,
    #transactionDialog.transaction-dialog-v264 .drawer-footer {
    padding-left:8px; padding-right:8px;
  }
}