.users-layout{display:grid;grid-template-columns:340px 1fr;gap:38px;padding:26px}
.account-forms{display:grid;gap:18px;align-self:start}
.user-form{display:grid;gap:15px;padding:22px;background:#f6f9f7;border-radius:16px}
.user-form h3,.users-layout h3{margin:0 0 4px}
.user-form label{display:grid;gap:7px;font-size:13px;font-weight:650}
.user-form input{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:none}
.user-list-note{margin:7px 0 12px;font-size:12px}
.user-row{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(100px,1fr) auto auto;align-items:center;gap:14px;min-height:56px;padding:9px 4px;border-bottom:1px solid var(--line);font-size:13px}
.user-row.inactive{opacity:.62}
.user-identity{display:grid;min-width:0;gap:3px}.user-identity strong,.user-identity small,.user-store{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-identity small{color:var(--muted);font-size:11px}.user-store{min-width:0}
.account-status{font-size:11px;font-style:normal}.account-status.enabled{color:var(--green)}.account-status.disabled{color:#8a5555}
.edit-user,.edit-subadmin{min-width:48px;padding:7px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--green);font-size:12px;font-weight:700;cursor:pointer}.edit-user:hover,.edit-subadmin:hover{border-color:#aabdb6;background:#f0f6f3}
.role-pill{color:var(--green);background:var(--pale);padding:4px 8px;border-radius:16px;font-size:11px}
.role-pill.primary-admin{color:#7a5521;background:#fff4df}
@media(max-width:900px){.users-layout{grid-template-columns:1fr}}
@media(max-width:600px){.users-layout{padding:16px}.user-row{grid-template-columns:minmax(0,1fr) auto auto}.user-store{display:none}}

.account-dialog{width:min(610px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;border-radius:8px;padding:0;box-shadow:0 24px 70px rgba(17,43,39,.24)}.account-dialog::backdrop{background:rgba(12,30,28,.46);backdrop-filter:blur(2px)}
.account-dialog form{display:grid;gap:18px;padding:30px 32px}.account-dialog h2,.account-dialog p{margin:0}.account-dialog h2{font-size:24px}
.compact-dialog{width:min(560px,calc(100vw - 32px))}.form-note{margin:0;font-size:12px;line-height:1.5}
.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.account-form-grid label{display:grid;gap:7px;font-size:13px;font-weight:650}.account-form-grid input{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #cdd8d4;border-radius:8px;background:#fff;outline:none}.account-form-grid input:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(17,152,120,.1)}.wide-field{grid-column:1/-1}
.account-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}.account-switch span{display:grid;gap:3px}.account-switch small{color:var(--muted);font-size:11px;font-weight:400}.account-switch input{position:absolute;opacity:0;pointer-events:none}.account-switch i{position:relative;flex:0 0 auto;width:42px;height:24px;border-radius:12px;background:#bac5c1;transition:background .16s ease}.account-switch i::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .16s ease}.account-switch input:checked+i{background:var(--green2)}.account-switch input:checked+i::after{transform:translateX(18px)}.account-switch input:focus-visible+i{outline:3px solid rgba(17,152,120,.18)}
@media(max-width:600px){.account-dialog form{padding:24px 20px}.account-form-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}}
.ths-layout{display:grid;grid-template-columns:390px 1fr;gap:30px;padding:26px}.user-form select,.sync-actions select{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.agreement{grid-template-columns:auto 1fr!important;align-items:flex-start;font-weight:400!important;line-height:1.5}.agreement input{margin:3px 0 0}.notice{padding:11px 13px;border-radius:10px;background:#fff4e8;color:#9a5d2f;font-size:12px;line-height:1.6}.sync-card{border:1px solid var(--line);border-radius:16px;padding:24px;align-self:start}.status-head{display:flex;justify-content:space-between;align-items:center}.status-head h3{font-size:22px;margin:5px 0}.status-dot{width:13px;height:13px;border-radius:50%;background:#b7c0bd;box-shadow:0 0 0 6px #f2f4f3}.status-dot.ok{background:var(--green2);box-shadow:0 0 0 6px var(--pale)}.sync-card dl{display:grid;grid-template-columns:110px 1fr;gap:12px;margin:24px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.sync-card dt{color:var(--muted)}.sync-card dd{margin:0;font-weight:650}.sync-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.sync-actions label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.sync-actions button{background:#edf3f0;color:var(--green);font-weight:700}.sync-actions button.primary{background:var(--green);color:#fff}.sync-actions button:disabled{opacity:.45;cursor:not-allowed}#syncResult{min-height:20px;margin-bottom:0}@media(max-width:900px){.ths-layout{grid-template-columns:1fr}}@media(max-width:600px){.ths-layout{padding:16px}.sync-actions>*{width:100%}}
.ths-layout>.user-form{align-self:start;min-width:0}.ths-layout input{min-width:0;width:100%}.ths-layout .agreement input{width:auto}.ths-accounts-section{padding:0 26px 26px}.ths-accounts-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:18px}.ths-account{min-width:0;border:1px solid var(--line);border-radius:12px;padding:18px}.ths-account.inactive{background:#f8faf9}.ths-account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ths-account-heading strong,.ths-account-detail,.ths-result{overflow-wrap:anywhere}.ths-account-detail{font-size:12px;color:var(--muted);line-height:1.6}.ths-account-actions{display:flex;gap:8px;flex-wrap:wrap}.ths-account-actions button{padding:8px 10px;background:#edf3f0;color:var(--green);font-size:12px}.ths-account-actions button:disabled{opacity:.45;cursor:not-allowed}.ths-result{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:12px;font-size:12px;line-height:1.6}.ths-error{color:#b54036}#syncResult{font-size:13px;line-height:1.7}@media(max-width:1100px){.ths-layout{grid-template-columns:1fr}}@media(max-width:600px){.ths-accounts-section{padding:0 16px 16px}.ths-accounts-list{grid-template-columns:minmax(0,1fr)}}
.claim-dialog{width:min(480px,calc(100vw - 32px));border:0;border-radius:20px;padding:0;box-shadow:0 24px 70px rgba(17,43,39,.24)}.claim-dialog::backdrop{background:rgba(12,30,28,.46);backdrop-filter:blur(2px)}.claim-dialog form{display:grid;gap:17px;padding:30px}.claim-dialog h2{margin:0;font-size:25px}.claim-dialog p{margin:0}.claim-dialog label{display:grid;gap:8px;font-size:13px;font-weight:700}.claim-dialog input,.claim-dialog select{padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;outline:none}.claim-dialog input:focus,.claim-dialog select:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(17,152,120,.09)}.field-hint{color:var(--muted);font-size:12px;font-weight:400}.claim-note{padding:11px 13px;border-radius:10px;background:#f3f7f5;color:var(--muted);font-size:12px;line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:3px}.dialog-actions button:first-child{background:#edf2f0;color:var(--ink)}

.claim-dialog{width:min(520px,calc(100vw - 32px));border-radius:8px;overflow:visible}
.claim-dialog form{gap:18px;padding:30px 32px}
.claim-dialog h2{font-size:24px}
.picker-field{display:grid;gap:8px}
.master-field-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.master-field{font-size:13px;font-weight:700}
.field-hint{overflow:hidden;color:var(--muted);font-size:12px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.master-picker{position:relative}
.master-picker.open{z-index:5}
.master-control{box-sizing:border-box;width:100%;min-height:48px;border:1px solid #cdd8d4;border-radius:8px;background:#fff;color:var(--ink);font:inherit;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.master-control:hover{border-color:#aabdb6}
.master-picker.open .master-control{border-color:var(--green2);box-shadow:0 0 0 3px rgba(17,152,120,.1)}
.master-picker.has-value .master-control{border-color:#88b8a9;background:#fbfefd}
.master-control input{box-sizing:border-box;width:100%;height:46px;padding:0 76px 0 14px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:var(--ink);font-size:14px;outline:0}
.master-control input::placeholder{color:#899690}
.picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;cursor:pointer;text-align:left}
.picker-trigger:disabled{cursor:wait;opacity:.7}
.picker-value{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.muted-value{color:#899690}
.picker-chevron{flex:0 0 auto;color:#6d7c76;font-size:18px;line-height:1;transition:transform .16s ease}
.master-picker.open .picker-chevron{transform:rotate(180deg)}
.picker-clear{position:absolute;top:9px;right:38px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#76847f;font-size:20px;line-height:28px;cursor:pointer}
.picker-clear:hover{background:#edf3f0;color:var(--ink)}
.picker-status{position:absolute;top:18px;right:16px;width:12px;height:12px;border:2px solid transparent;border-top-color:var(--green2);border-radius:50%;opacity:0}
.master-picker.searching .picker-status{opacity:1;animation:picker-spin .7s linear infinite}
@keyframes picker-spin{to{transform:rotate(360deg)}}
.picker-menu{position:absolute;top:calc(100% + 6px);left:0;box-sizing:border-box;width:100%;max-height:242px;overflow:auto;padding:6px;border:1px solid #d8e1de;border-radius:8px;background:#fff;box-shadow:0 14px 34px rgba(24,49,43,.16)}
.picker-option{display:grid;width:100%;min-height:50px;padding:9px 38px 9px 11px;border:0;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;position:relative;text-align:left}
.picker-option:hover,.picker-option:focus{background:#f0f6f3;outline:0}
.picker-option.selected{background:#eaf6f1;color:var(--green)}
.picker-option.selected::after{content:'✓';position:absolute;top:15px;right:13px;font-size:15px;font-weight:800}
.option-name{overflow:hidden;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.option-code{overflow:hidden;margin-top:3px;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.picker-empty{display:flex;min-height:74px;align-items:center;justify-content:center;padding:10px;color:var(--muted);font-size:13px;text-align:center}
.claim-note{border-radius:6px}
.dialog-actions{padding-top:2px}
@media(max-width:600px){.claim-dialog form{padding:24px 20px}.field-hint{max-width:210px}.picker-menu{max-height:210px}}
.writeback-settings{display:grid;gap:18px;max-width:860px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#f8fbf9}.writeback-settings h3{margin:0 0 6px}.writeback-mappings{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.writeback-mappings label{display:grid;gap:7px;font-size:13px;font-weight:650}.writeback-mappings select{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
.jdy-order-status{display:flex;align-items:center;gap:12px;padding:16px 26px 0}.jdy-badge{display:inline-flex;padding:7px 11px;border-radius:18px;background:var(--pale);color:var(--green);font-size:12px;font-weight:700}.jdy-badge.warning{background:#fff1e6;color:#a64e32}.jdy-order-toolbar{border-top:0}.jdy-orders-table{min-width:1040px}.order-state{display:inline-flex;padding:4px 8px;border-radius:14px;background:#f1f5f3;color:var(--green);font-size:12px}.jdy-order-detail{padding:7px 9px;background:transparent;color:var(--green);font-weight:700}.jdy-order-detail:hover{background:var(--pale)}
.jdy-page-size{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.jdy-page-size select{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.jdy-detail-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:0;border:0;border-radius:16px}.jdy-detail-dialog::backdrop{background:rgba(12,30,28,.46);backdrop-filter:blur(2px)}.jdy-detail-shell{padding:28px 32px}.jdy-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.jdy-detail-head h2{margin:7px 0 0;font-size:23px}.jdy-detail-head button{background:#edf3f0;color:var(--ink);padding:8px 13px}.jdy-detail-meta{padding:17px 0;color:var(--muted);font-size:13px}.jdy-detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}.jdy-detail-fields>div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.jdy-detail-fields dt{color:var(--muted)}.jdy-detail-fields dd{margin:0;overflow-wrap:anywhere;font-weight:650}.jdy-detail-body section{margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:10px}.jdy-detail-body section h3{margin:0;font-size:14px}@media(max-width:600px){.jdy-detail-shell{padding:22px 18px}.jdy-detail-fields{grid-template-columns:1fr}.jdy-detail-fields>div{grid-template-columns:95px 1fr}.jdy-order-toolbar{align-items:center}}
.jdy-grid-wrap{overflow:auto;margin-top:13px}.jdy-grid-table{border-collapse:collapse;width:100%;min-width:680px}.jdy-grid-table th,.jdy-grid-table td{padding:8px 10px;border-bottom:1px solid var(--line);font-size:12px;text-align:left;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}.jdy-grid-table th{color:var(--muted);background:#fafcfb}
.reversal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px}.reversal-summary>div{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fafcfb}.reversal-summary span,.reversal-summary strong{display:block}.reversal-summary span{color:var(--muted);font-size:12px}.reversal-summary strong{margin-top:7px;font-size:24px}.reversal-toolbar{justify-content:flex-start}.reversal-toolbar .jdy-page-size{margin-left:auto}.reversal-table{min-width:1350px}.reversal-state{display:inline-flex;padding:5px 9px;border-radius:18px;background:#eef3f1;color:var(--muted);font-size:11px}.reversal-state.matched{background:var(--pale);color:var(--green)}.reversal-state.pending{background:#fff4e8;color:#9b642f}@media(max-width:760px){.reversal-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.reversal-toolbar{align-items:stretch;flex-direction:column}.reversal-toolbar .jdy-page-size{margin-left:0}}
.order-claim-dialog{width:min(920px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:0;border:0;border-radius:16px}.order-claim-dialog::backdrop{background:rgba(12,30,28,.46);backdrop-filter:blur(2px)}.order-claim-dialog form{display:grid;gap:16px;padding:28px 30px}.order-claim-dialog h2{margin:0}.order-claim-context{display:grid;gap:5px;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:#f6faf8}.order-claim-context span{color:var(--muted);font-size:12px}.order-claim-search{max-width:none}.order-claim-table-wrap{max-height:380px;overflow:auto;border:1px solid var(--line);border-radius:11px}.order-claim-table{min-width:720px}.order-claim-table th,.order-claim-table td{padding:11px 12px}.order-claim-footer{display:flex;align-items:center;justify-content:space-between;gap:18px}.order-claim-footer button{margin-left:6px;padding:8px 12px;background:#edf3f0;color:var(--ink)}.order-claim-footer button:disabled{opacity:.4}.jdy-order-actions{display:flex;gap:3px;white-space:nowrap}.jdy-order-claim{color:#fff!important;background:var(--green)!important;border-radius:8px}.jdy-detail-actions{display:flex;gap:8px}.jdy-detail-head .primary{background:var(--green);color:#fff}.jdy-detail-head .primary:disabled{opacity:.45}.master-picker.searching .picker-trigger .picker-chevron{opacity:.35}@media(max-width:600px){.order-claim-dialog form{padding:22px 18px}.order-claim-footer{align-items:flex-start;flex-direction:column}.jdy-order-actions{align-items:flex-start;flex-direction:column}}

.user-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.delete-user{min-width:48px;padding:7px 10px;border:1px solid #e5c6c0;border-radius:6px;background:#fff;color:#ad4037;font-size:12px;font-weight:700;cursor:pointer}.delete-user:hover{background:#fff1ee}
.danger-button{background:#b4493e;color:#fff}.danger-button:disabled{opacity:.5}
.account-form-grid select{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #cdd8d4;border-radius:8px;background:#fff;color:var(--ink);font:inherit}
.account-role-hint{color:var(--muted);line-height:1.6}
.payment-toolbar{justify-content:flex-start}.payment-toolbar .search{max-width:520px}.payment-toolbar .toolbar-actions{margin-left:auto}
.payment-toolbar>button,.order-claim-dialog .toolbar>button{white-space:nowrap}
#paymentRefreshBtn,#orderClaimRefreshBtn{background:#e5f5ef;color:#0b725e;font-weight:650}
#paymentRefreshBtn:disabled,#orderClaimRefreshBtn:disabled{opacity:.55;cursor:not-allowed}
#paymentMethodMappings{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
@media(max-width:600px){.payment-toolbar .toolbar-actions{margin-left:0}.user-actions{gap:5px}.user-row{gap:8px}}
@media(max-width:900px){.users-layout>div:last-child{order:-1}}
@media(max-width:600px){.user-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'identity actions' 'store status';gap:5px 10px}.user-identity{grid-area:identity}.user-store{display:block;grid-area:store;font-size:11px}.account-status{grid-area:status;justify-self:end}.user-actions,.user-row>.role-pill{grid-area:actions;justify-self:end}}
