.pa-workspace { padding: 24px; color: #26342d; background: #fff; min-width: 0; font-size: 14px; }
.pa-workspace *, .pa-confirm * { box-sizing: border-box; letter-spacing: 0; }
.pa-heading { padding-bottom: 20px; border-bottom: 1px solid #e0e7e2; }
.pa-heading h2 { margin: 0 0 8px; font-size: 22px; }
.pa-workspace p { font-size: 14px; line-height: 1.6; margin: 8px 0; }
.pa-heading p, .pa-muted, .pa-workspace small { color: #67746c; }
.pa-layout { display: grid; grid-template-columns: minmax(240px, 30%) minmax(0, 1fr); gap: 24px; padding-top: 22px; }
.pa-users { border-right: 1px solid #e0e7e2; padding-right: 24px; min-width: 0; }
.pa-workspace label, .pa-label { display: block; font-size: 14px; font-weight: 600; }
.pa-workspace input:not([type=radio]), .pa-workspace textarea { width: 100%; min-width: 0; margin-top: 8px; font: inherit; font-weight: 400; border: 1px solid #c9d3cd; border-radius: 6px; padding: 10px 12px; background: #fff; color: #26342d; }
.pa-workspace button { font-size: 14px; line-height: 1.4; }
.pa-search-line { display: flex; gap: 8px; align-items: end; }
.pa-search-line input { flex: 1; width: 0 !important; }
.pa-search-line button { flex: 0 0 64px; width: 64px; height: 42px; padding: 8px; }
.pa-user-list { margin-top: 16px; }
.pa-user { display: grid; gap: 5px; text-align: left; width: 100%; border: 1px solid #e0e7e2; border-radius: 6px; background: #fff; padding: 12px; margin-bottom: 8px; color: inherit; }
.pa-user.selected { border-color: #24873e; background: #f0f8f1; }
.pa-user strong { font-size: 15px; }.pa-user span, .pa-user small { font-size: 12px; overflow-wrap: anywhere; }.pa-user b { font-size: 15px; }
.pa-account { min-width: 0; }.pa-account-heading { display: flex; gap: 20px; justify-content: space-between; align-items: start; border-bottom: 1px solid #e0e7e2; padding-bottom: 20px; }
.pa-account-heading h3, .pa-history h3, .pa-confirm h3 { margin: 0; font-size: 18px; }.pa-account-heading small { overflow-wrap: anywhere; }
.pa-balance { flex-shrink: 0; display: grid; gap: 6px; text-align: right; }.pa-balance span { color: #67746c; }.pa-balance strong { font-size: 24px; }.pa-balance small { font-size: 14px; }
.pa-workspace fieldset { border: 0; padding: 20px 0 0; margin: 0; min-width: 0; }.pa-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.pa-direction { display: flex; gap: 18px; align-items: center; min-height: 42px; margin-top: 8px; flex-wrap: wrap; }.pa-direction label { display: flex; gap: 6px; align-items: center; white-space: nowrap; }.pa-direction input { accent-color: #24873e; }
.pa-workspace textarea { resize: vertical; min-height: 80px; }.pa-workspace label small { font-weight: 400; font-size: 12px; margin-left: 8px; }
.pa-preview { display: flex; justify-content: space-between; padding: 14px 0; }.pa-preview strong { font-size: 18px; }.pa-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 12px; }
.pa-history { margin-top: 28px; border-top: 1px solid #e0e7e2; padding-top: 20px; }.pa-history header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }.pa-history article { border-bottom: 1px solid #e0e7e2; padding: 14px 0; }.pa-history article div { display: flex; justify-content: space-between; gap: 12px; }.pa-history article strong { font-size: 16px; }.pa-history article span, .pa-history small { font-size: 12px; color: #67746c; }.pa-history p { overflow-wrap: anywhere; }
.pa-credit, .pa-success { color: #167239; }.pa-debit, .pa-error { color: #b33f26; }.pa-error:empty, .pa-success:empty { display: none; }.pa-pending { padding: 12px; background: #fff3d6; }.pa-pagination { display: flex; justify-content: flex-end; align-items: center; gap: 12px; padding-top: 14px; }.pa-pagination button { border: 1px solid #c9d3cd; background: #fff; border-radius: 6px; padding: 6px 10px; }.pa-empty { padding: 50px 12px; text-align: center; color: #67746c; }
.pa-confirm { max-width: min(520px, calc(100vw - 32px)); width: 520px; border: 1px solid #c9d3cd; border-radius: 8px; padding: 24px; color: #26342d; }.pa-confirm::backdrop { background: #0006; }.pa-confirm p { font-size: 14px; line-height: 1.7; white-space: pre-line; overflow-wrap: anywhere; }.pa-workspace button:disabled { opacity: .5; cursor: not-allowed; }
@media (max-width: 1150px) { .pa-layout { grid-template-columns: 1fr; }.pa-users { border-right: 0; border-bottom: 1px solid #e0e7e2; padding: 0 0 16px; }.pa-user-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-height: 260px; overflow-y: auto; }.pa-user { margin-bottom: 0; } }
@media (max-width: 600px) { .pa-workspace { padding: 16px; }.pa-fields { grid-template-columns: 1fr; gap: 14px; }.pa-account-heading { flex-direction: column; gap: 12px; }.pa-balance { text-align: left; }.pa-user-list { grid-template-columns: 1fr; }.pa-history header { align-items: start; flex-direction: column; }.pa-actions button { min-height: 42px; }.pa-heading h2 { font-size: 20px; } }
@media (max-width: 1180px) { .points-view .points-section-nav-list { grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; } }
@media (max-width: 600px) { .points-view .points-section-nav-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }