/* Shared visual hierarchy for daily ticket work. */
.workflow-menu {
    width: 300px; min-width: 230px; max-width: calc(100vw - 24px); padding: 6px;
    background: #202923; color: #e9eee9; border: 1px solid #425048;
    border-radius: 12px; box-shadow: 0 16px 48px #0006;
}
.workflow-menu .q-item { min-height: 48px; border-radius: 7px; padding: 12px; font-size: 16px; }
.workflow-menu .q-item__section { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.workflow-menu .q-item:hover { background: #ffffff08; }
.workflow-menu .workflow-danger { color: #f29889; }
.workflow-menu .q-separator { width: auto !important; margin: 6px; background: #3a453e; }
.cashout-deals .deal-actions .workflow-more,
.cashout-deals .ticket-actions .workflow-more {
    width: 48px !important; min-width: 48px !important; padding: 8px !important;
    background: transparent !important; color: #acbbb0 !important; border-color: transparent !important;
}
.workflow-more .q-icon { margin: 0 !important; font-size: 24px !important; }
.workflow-more:focus-visible, .workflow-menu .q-item:focus-visible {
    outline: 2px solid #c5ebd2; outline-offset: 2px;
}
.cashout-deals .ticket-actions, .workflow-actions { gap: 8px !important; align-items: center; }
.cashout-deals .ticket-actions .workflow-primary,
.cashout-arrived .workflow-primary {
    background: #c5ebd2 !important; color: #16291d !important;
    border: 1px solid #c5ebd2 !important; font-weight: 600 !important;
    border-radius: 9px !important; padding: 10px 16px !important;
}
.workflow-primary { order: -1; }
.workflow-primary .q-btn__content { color: #16291d !important; }
.ticket-actions .ticket-more { order: 4; }
.ticket-actions .ticket-email { order: 3; }
.ticket-actions .ticket-discord { order: 2; }
.cashout-deals .ticket-actions .ticket-invoice,
.cashout-deals .ticket-actions .ticket-email {
    background: transparent !important; color: #b9cbbf !important;
    border: 1px solid transparent !important;
}
.cashout-deals .ticket-actions .ticket-invoice:hover,
.cashout-deals .ticket-actions .ticket-email:hover { background: #ffffff08 !important; }
.cashout-deals .ticket-discord, .workflow-actions a {
    color: #aabbb0 !important; font-size: 14px !important; text-decoration: none;
    min-height: 44px; display: inline-flex; align-items: center; padding: 8px;
}
.cashout-deals .ticket-discord:hover, .workflow-actions a:hover { color: #e5f4e9 !important; text-decoration: underline; }
.cashout-deals .ticket-list-header span, .cashout-due .due-table-head {
    font-size: 14px !important; color: #a9b8ae !important; font-weight: 500 !important;
}
.cashout-deals .ticket-record, .cashout-due .due-record {
    border-radius: 12px; border-color: #354039 !important;
}
.cashout-deals .ticket-status-pill, .cashout-due .due-record .status-pill {
    display: inline-flex !important; align-items: center; white-space: nowrap !important;
    padding: 7px 8px !important; gap: 6px; border-radius: 8px;
    font-size: 14px !important; font-weight: 500; line-height: 1.2;
}
.cashout-deals .ticket-id-cell span { color: #a9b8ae !important; }
.cashout-due .due-record > :nth-child(1) > span { font-size: 15px !important; color: #a9b8ae !important; }
.cashout-due .due-record > :nth-child(5) > span {
    font-family: Inter, system-ui, sans-serif !important; font-size: 18px !important;
    font-variant-numeric: tabular-nums; letter-spacing: 0;
}
.cashout-arrived { gap: 14px !important; }
.cashout-arrived .page-head { flex-wrap: wrap; gap: 12px; }
.cashout-arrived .page-head h1 { font-size: 36px; letter-spacing: -.035em; }
.cashout-arrived .info-grid {
    display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px;
    width: 100%; padding: 0; background: transparent;
}
.cashout-arrived .info-item { padding: 18px; background: #1e2822; border: 1px solid #354039; border-radius: 12px; min-width: 0; }
.cashout-arrived .info-item .label { font-size: 14px; color: #a9b8ae; margin-bottom: 8px; }
.cashout-arrived .info-item .value { font-size: 22px; overflow-wrap: anywhere; }
.cashout-arrived .field-label { font-size: 16px; font-weight: 500; color: #d3dfd6; }
.cashout-arrived .q-checkbox { width: 100%; padding: 10px; border: 1px solid #354039; border-radius: 9px; }
.cashout-arrived .q-checkbox__label { overflow-wrap: anywhere; min-width: 0; }
.cashout-arrived .q-field { max-width: 100%; }
.cashout-arrived .workflow-actions { width: 100%; padding-top: 20px; border-top: 1px solid #354039; }
@media (max-width: 1000px) {
    .cashout-arrived .info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
    .cashout-arrived .info-grid { grid-template-columns: minmax(0, 1fr); }
    .cashout-arrived .page-head h1 { font-size: 28px; }
    .cashout-deals .ticket-actions { justify-content: flex-start !important; }
}
