/* Native general-settings tab; all colors inherit the selected admin theme. */
body.admin-ui .container-index.order-receipt-host { min-width:0; gap:16px; }
body.admin-ui .container-index.order-receipt-host > .left-list { margin-left:0; margin-right:0; padding-right:12px; border-color:var(--theme-line,#e5e4ef); }
body.admin-ui .container-index.order-receipt-host > .left-list > li { margin-bottom:4px; min-height:42px; border:0; border-radius:var(--theme-control-radius,8px); color:var(--theme-muted,#70748a); }
body.admin-ui .container-index.order-receipt-host > .left-list > li:hover { color:var(--theme-primary,#7356ef); background:var(--theme-soft,#eee9ff); }
body.admin-ui .container-index.order-receipt-host > .left-list > li.actived { color:var(--theme-on-primary,#fff); background:var(--theme-primary,#7356ef); }
body.admin-ui .container-index.order-receipt-host > .right { min-width:0; }
.order-receipt-panel { box-sizing:border-box; width:100%; max-width:860px; padding:6px 12px 20px; color:var(--theme-ink,#202238); }
.order-receipt-panel *, .order-receipt-panel *::before, .order-receipt-panel *::after { box-sizing:border-box; }
.order-receipt-heading { display:flex; gap:14px; align-items:center; margin-bottom:24px; }
.order-receipt-icon { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border-radius:var(--theme-control-radius,8px); background:var(--theme-soft,#eee9ff); color:var(--theme-primary,#7356ef); }
.order-receipt-icon svg { width:26px; height:26px; }
.order-receipt-heading h2 { margin:0 0 5px; color:var(--theme-ink,#202238); font-size:22px; font-weight:650; line-height:1.4; }
.order-receipt-heading p { margin:0; color:var(--theme-muted,#70748a); font-size:13px; line-height:1.6; }
.order-receipt-status { display:flex; align-items:center; gap:8px; padding:12px 15px; border:1px solid var(--theme-line,#e5e4ef); border-radius:var(--theme-control-radius,8px); background:var(--theme-bg,#f4f5fb); color:var(--theme-ink,#202238); font-size:13px; line-height:1.7; }
.order-receipt-status-dot { flex:0 0 7px; width:7px; height:7px; border-radius:50%; background:var(--theme-primary,#7356ef); }
.order-receipt-form { margin-top:28px; }
.order-receipt-label { display:block; margin-bottom:8px; color:var(--theme-ink,#202238); font-size:15px; font-weight:600; }
.order-receipt-description { margin:0 0 18px; color:var(--theme-muted,#70748a); font-size:13px; line-height:1.8; }
.order-receipt-input-row { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.order-receipt-input-wrap { display:flex; align-items:center; width:166px; height:48px; border:1px solid var(--theme-line,#e5e4ef); border-radius:var(--theme-control-radius,8px); background:var(--theme-surface,#fff); }
.order-receipt-input-wrap:focus-within { border-color:var(--theme-primary,#7356ef); outline:2px solid var(--theme-soft,#eee9ff); outline-offset:2px; }
.order-receipt-input { min-width:0; width:100%; height:100%; padding:9px 12px; border:0; border-radius:inherit; outline:0; background:transparent; color:var(--theme-ink,#202238); font:inherit; font-size:20px; font-weight:600; line-height:1.3; }
.order-receipt-input-wrap > span { padding-right:13px; color:var(--theme-muted,#70748a); font-size:14px; }
.order-receipt-presets { display:flex; gap:8px; }
.order-receipt-preset { min-width:66px; min-height:44px; padding:10px 13px; border:1px solid var(--theme-line,#e5e4ef); border-radius:var(--theme-control-radius,8px); background:var(--theme-surface,#fff); color:var(--theme-ink,#202238); font:inherit; font-size:13px; cursor:pointer; }
.order-receipt-preset:hover:not(:disabled), .order-receipt-preset.is-selected { border-color:var(--theme-primary,#7356ef); background:var(--theme-soft,#eee9ff); color:var(--theme-primary,#7356ef); }
.order-receipt-panel button:focus-visible, .order-receipt-host [data-order-receipt-tab]:focus-visible { outline:2px solid var(--theme-primary,#7356ef); outline-offset:3px; }
.order-receipt-panel button:disabled, .order-receipt-input:disabled { opacity:.48; cursor:not-allowed; }
.order-receipt-rules { margin-top:28px; padding:19px 20px; border-radius:var(--theme-control-radius,8px); background:var(--theme-soft,#eee9ff); }
.order-receipt-rules h3 { margin:0 0 11px; color:var(--theme-ink,#202238); font-size:13px; font-weight:600; }
.order-receipt-rules ul { margin:0; padding-left:18px; }
.order-receipt-rules li { padding:3px 0; color:var(--theme-muted,#70748a); font-size:13px; line-height:1.85; }
.order-receipt-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px; margin-top:28px; padding-top:22px; border-top:1px solid var(--theme-line,#e5e4ef); }
.order-receipt-button { min-height:44px; padding:11px 22px; border:1px solid transparent; border-radius:var(--theme-control-radius,8px); font:inherit; font-size:14px; font-weight:600; line-height:1.5; cursor:pointer; }
.order-receipt-button--primary { background:var(--theme-primary,#7356ef); color:var(--theme-on-primary,#fff); }
.order-receipt-button--primary:hover:not(:disabled) { background:var(--theme-primary-hover,#6040d8); }
.order-receipt-button--secondary { border-color:var(--theme-line,#e5e4ef); background:var(--theme-surface,#fff); color:var(--theme-ink,#202238); }
.order-receipt-button--secondary:hover:not(:disabled) { border-color:var(--theme-primary,#7356ef); color:var(--theme-primary,#7356ef); }
.order-receipt-unchanged { color:var(--theme-muted,#70748a); font-size:12px; }
.order-receipt-notice { margin:0; color:var(--theme-primary,#7356ef); font-size:13px; line-height:1.7; }
.order-receipt-error { margin-top:14px; padding:15px; border:1px solid var(--theme-line,#e5e4ef); border-left:3px solid #dd8450; border-radius:var(--theme-control-radius,8px); background:var(--theme-bg,#f4f5fb); }
.order-receipt-error p { margin:0 0 12px; color:var(--theme-ink,#202238); font-size:13px; line-height:1.8; }
.order-receipt-validation { margin:10px 0 0; color:#c94848; font-size:13px; line-height:1.6; }
html[data-admin-theme="cyber"] .order-receipt-validation { color:#ffb0a9; }
@media (max-width:900px) {
  body.admin-ui .container-index.order-receipt-host { flex-direction:column; gap:18px; }
  body.admin-ui .container-index.order-receipt-host > .left-list { display:flex; flex:0 0 auto; gap:6px; width:100%; overflow-x:auto; margin:0; padding:0 0 9px; border-right:0; border-bottom:1px solid var(--theme-line,#e5e4ef); }
  body.admin-ui .container-index.order-receipt-host > .left-list > li { flex:0 0 auto; margin:0; padding:11px 15px; white-space:nowrap; }
  .order-receipt-panel { padding:0 0 10px; }
}
@media (max-width:480px) {
  .order-receipt-heading { gap:11px; margin-bottom:20px; }
  .order-receipt-heading h2 { font-size:20px; }
  .order-receipt-icon { flex-basis:42px; width:42px; height:42px; }
  .order-receipt-input-row { align-items:stretch; }
  .order-receipt-input-wrap { width:100%; }
  .order-receipt-presets { width:100%; }
  .order-receipt-preset { flex:1; }
  .order-receipt-rules { padding:16px; }
  .order-receipt-actions > .order-receipt-button { width:100%; }
}
