.creator-navigation { max-width: 1120px; margin: 24px auto 0; padding: 0 24px; }
.creator-navigation a { color: var(--teal); font-size: .9rem; text-decoration: none; }
.approval-layout { align-items: start; }
.approval-layout > div { min-width: 0; }
.queue-card { overflow: visible; }
.queue-card-content { grid-template-columns: minmax(0, 1fr) auto; padding: 18px 20px 10px; gap: 18px; }
.queue-open { min-width: 0; }
.queue-amount { max-width: 320px; min-width: 0; }
.queue-card > .payment-summary { margin: 0 20px 16px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-areas: 'title code' 'account note'; gap: 12px 24px; }
.payment-summary-title { grid-area: title; grid-column: auto; }
.payment-summary-account { grid-area: account; }
.payment-summary-code { grid-area: code; }
.payment-summary-note { grid-area: note; }
.queue-card-footer { padding: 0 20px 16px; gap: 12px; }
.payment-summary-code code { font-size: .83rem; }
.payment-code-meaning { display: flex; flex-wrap: wrap; gap: 5px 12px; margin-top: 5px; }
.payment-code-part { min-width: 0; max-width: 100%; }
.payment-counterparty { display: inline-flex; flex-direction: column; gap: 2px; }
.payment-counterparty-name { display: block; font-size: .7rem; color: var(--navy); overflow-wrap: anywhere; }
.inline-value { display: inline; min-width: 0; max-width: 100%; padding: 1px 0; margin: -1px 0; border: 0; border-bottom: 1px dashed transparent; border-radius: 2px; background: transparent; color: inherit; font: inherit; line-height: inherit; text-align: inherit; white-space: inherit; overflow-wrap: anywhere; cursor: pointer; }
.inline-value:hover { background: #eaf5f2; border-bottom-color: #8dbdb3; }
.inline-value:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; }
.queue-amount > .inline-value { font-weight: inherit; }
.inline-editor { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 4px; min-width: 0; max-width: 100%; margin: 3px 0; font-weight: 400; font-size: .8rem; color: var(--navy); }
.inline-controls { flex: 1 1 160px; min-width: 0; position: relative; }
.inline-controls input, .inline-controls select { min-height: 36px; width: 100%; min-width: 0; border: 1px solid #95b8b1; border-radius: 5px; background-color: #fff; font-size: .8rem; padding: 7px 9px; }
.inline-controls select { padding-right: 32px; }
.inline-money { display: flex; min-width: 0; }
.inline-money input { flex: 1; border-radius: 5px 0 0 5px; }
.inline-money select { width: 76px; flex: 0 0 76px; border-left: 0; border-radius: 0 5px 5px 0; }
.inline-editor-actions { display: flex; gap: 3px; flex: 0 0 auto; }
.inline-save, .inline-cancel { width: 36px; height: 36px; padding: 0; border: 1px solid #bfd6d0; border-radius: 5px; font-size: 19px; cursor: pointer; }
.inline-save { background: var(--teal); color: white; }
.inline-cancel { background: white; color: var(--muted); }
.inline-editor [disabled] { opacity: .55; cursor: wait; }
.inline-error { flex: 0 0 100%; font-size: .75rem; font-weight: 400; margin: 3px 0 0; color: #af2636; text-align: left; }
.inline-vat { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: .72rem; margin-top: 7px; text-align: left; }
.inline-vat input { width: 100px; }
.inline-document { margin-top: 7px; }
.inline-document input { margin-top: 5px; }
.inline-results { position: absolute; z-index: 12; top: calc(100% + 3px); width: max(100%, 230px); max-width: calc(100vw - 60px); max-height: 240px; overflow: auto; background: #fff; border: 1px solid var(--line); border-radius: 7px; box-shadow: 0 8px 22px #13364b20; }
.inline-result { display: block; width: 100%; padding: 9px 11px; min-height: 40px; border: 0; background: #fff; text-align: left; font-size: .8rem; overflow-wrap: anywhere; cursor: pointer; }
.inline-result:hover, .inline-result:focus-visible { background: #eaf5f2; }
.inline-search-status { display: block; font-size: .7rem; text-align: left; margin-top: 4px; }
.payment-note { position: relative; }
.payment-note-preview { display: -webkit-box; width: 100%; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; background: #f5f8f9; border: 0; border-radius: 6px; padding: 8px 10px; color: var(--navy); font: inherit; font-weight: 400; line-height: 1.5; text-align: left; cursor: text; overflow-wrap: anywhere; }
.payment-note-full { display: none; position: absolute; z-index: 25; right: 0; top: 100%; width: min(540px,calc(100vw - 48px)); max-height: min(370px,65vh); padding: 28px 14px 14px; border: 1px solid #bed4ce; background: #fff; border-radius: 8px; box-shadow: 0 8px 28px #13364b26; overflow: auto; font-weight: 400; }
.payment-note:hover > .payment-note-full, .payment-note:focus-within > .payment-note-full, .payment-note.is-open > .payment-note-full { display: block; }
.payment-note-text { user-select: text; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.55; font-size: .8rem; text-align: left; }
.note-close { position: absolute; top: 2px; right: 4px; min-height: 28px; width: 28px; padding: 0; background: transparent; border: 0; font-size: 20px; color: var(--muted); cursor: pointer; }
.payment-summary-detail { grid-template-areas: 'title' 'account' 'code' 'note'; grid-template-columns: minmax(0,1fr); }
.payment-summary-detail .payment-note-full { right: 0; max-width: calc(100vw - 48px); }
[hidden], .inline-vat[hidden], .inline-document[hidden], .inline-results[hidden] { display: none !important; }
@media (max-width: 680px) {
  .creator-navigation { margin-top: 14px; padding: 0 16px; }
  .queue-card-content { grid-template-columns: minmax(0,1fr); padding: 16px 16px 10px; gap: 8px; }
  .queue-amount { grid-column: auto; text-align: left; display: block; max-width: none; }
  .queue-amount small { display: inline; margin-left: 8px; }
  .queue-card > .payment-summary { margin: 0 16px 14px; grid-template-columns: minmax(0,1fr); grid-template-areas: 'title' 'account' 'code' 'note'; gap: 12px; }
  .queue-card-footer { padding: 0 16px 14px; }
  .queue-actions .button { flex: 0 1 auto; }
  .payment-code-meaning { gap: 7px 14px; }
  .inline-save, .inline-cancel { width: 40px; height: 40px; }
  .inline-controls input, .inline-controls select { min-height: 40px; font-size: 16px; }
  .payment-note-full { width: calc(100vw - 68px); right: 0; }
}