/* SOURCE: apfel-pro-v1 */
/* APFEL_PRO_UI_V1 */
body.apfel-pro-ui {
  --bg:#f3f6fc;
  --card:#fff;
  --text:#15233d;
  --hint:#62758f;
  --accent:#2159dc;
  --accent-text:#fff;
  --link:#2159dc;
  --danger:#ba2941;
  --success:#087456;
  --warning:#a05a06;
  --ap-line:#dde7f3;
  --radius:19px;
  --shadow:0 6px 23px rgba(22,45,87,.06);
  background:linear-gradient(150deg,#f9fbff,#eff4fc);
  color:var(--text);
  font:14px/1.75 Tahoma,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

body.apfel-pro-ui * {box-sizing:border-box}
body.apfel-pro-ui .mobile-app {min-height:100dvh}

body.apfel-pro-ui .mobile-appbar {
  background:rgba(255,255,255,.95);
  color:#15233d;
  border-bottom:1px solid var(--ap-line);
  box-shadow:0 3px 16px rgba(20,39,71,.035);
  backdrop-filter:blur(14px);
}

body.apfel-pro-ui #viewRoot {
  max-width:1180px;
  margin:auto;
  width:100%;
}

body.apfel-pro-ui #viewRoot>.page {
  padding:20px clamp(12px,2.6vw,30px) 90px;
}

body.apfel-pro-ui .page-title h1,
body.apfel-pro-ui .ap-admin-page-title h1 {
  font-size:clamp(21px,2.6vw,28px);
  font-weight:900;
  line-height:1.4;
  color:var(--text);
}

body.apfel-pro-ui .muted {
  color:var(--hint);
  font-size:12px;
  line-height:1.8;
}

body.apfel-pro-ui .section-header,
body.apfel-pro-ui .ap-admin-section-head {
  margin:26px 3px 12px;
}

body.apfel-pro-ui .section-header h2,
body.apfel-pro-ui .ap-admin-section-head strong {
  font-size:16px;
  font-weight:900;
  color:var(--text);
}

body.apfel-pro-ui .card,
body.apfel-pro-ui .quick-card,
body.apfel-pro-ui .stat-card,
body.apfel-pro-ui .ap-admin-box {
  background:#fff;
  color:var(--text);
  border:1px solid var(--ap-line);
  border-radius:19px;
  box-shadow:var(--shadow);
}

body.apfel-pro-ui .card {
  padding:clamp(15px,2.4vw,23px);
}

body.apfel-pro-ui .list {gap:12px}

body.apfel-pro-ui .ap-admin-hero {
  background:linear-gradient(120deg,#142e62,#2462cf 70%,#3980e7)!important;
  color:#fff!important;
  border:1px solid #3067bd!important;
  border-radius:24px!important;
  box-shadow:0 14px 30px rgba(26,75,168,.18)!important;
  padding:clamp(20px,3vw,32px)!important;
}

body.apfel-pro-ui .ap-admin-hero :is(h1,p,small) {
  color:#fff!important;
}

body.apfel-pro-ui .ap-admin-kpis {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin:16px 0 20px;
}

body.apfel-pro-ui .ap-admin-kpi {
  display:flex;
  gap:10px;
  align-items:flex-start;
  min-width:0;
  padding:15px!important;
  background:white!important;
  color:var(--text)!important;
  border:1px solid var(--ap-line)!important;
  border-radius:19px!important;
  box-shadow:var(--shadow)!important;
}

body.apfel-pro-ui .ap-admin-kpi-icon {
  flex:none;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  background:#edf3ff;
  color:#2159dc;
  font-size:21px;
}

body.apfel-pro-ui .ap-admin-kpi-copy {
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

body.apfel-pro-ui .ap-admin-kpi-copy small {
  color:var(--hint)!important;
  font-size:11px;
}

body.apfel-pro-ui .ap-admin-kpi-copy strong {
  font-size:clamp(18px,2.8vw,24px);
  font-weight:900;
  color:var(--text)!important;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-admin-kpi.warning {
  background:#fffbf3!important;
  border-color:#f5d7a2!important;
}

body.apfel-pro-ui .ap-admin-actions {
  display:grid;
  grid-template-columns:1fr;
  gap:11px;
}

body.apfel-pro-ui .ap-admin-action {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:76px;
  padding:14px!important;
  text-align:right;
  background:#fff!important;
  color:var(--text)!important;
  border:1px solid var(--ap-line)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow)!important;
}

body.apfel-pro-ui .ap-admin-action-icon {
  flex:none;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:14px;
  background:#edf3ff;
  color:#2159dc;
  font-size:21px;
}

body.apfel-pro-ui .ap-admin-action-text {
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}

body.apfel-pro-ui .ap-admin-action-text strong {
  color:inherit;
  font-size:14px;
  font-weight:900;
}

body.apfel-pro-ui .ap-admin-action-text small {
  color:var(--hint);
  font-size:11px;
  line-height:1.6;
}

body.apfel-pro-ui .ap-admin-action.important {
  background:linear-gradient(120deg,#1a4cac,#2d6ddb)!important;
  border-color:#2e65cb!important;
  color:white!important;
  box-shadow:0 10px 22px rgba(31,88,194,.17)!important;
}

body.apfel-pro-ui .ap-admin-action.important .ap-admin-action-icon {
  background:rgba(255,255,255,.17);
  color:#fff;
}

body.apfel-pro-ui .ap-admin-action.important :is(strong,small,b) {
  color:#fff!important;
}

/* Forms */
body.apfel-pro-ui :where(
  input:not([type=checkbox]):not([type=radio]),
  select,textarea
) {
  max-width:100%;
  min-height:46px;
  padding:10px 13px!important;
  border:1px solid #cdd9ea!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--text)!important;
  box-shadow:none!important;
  outline:none;
  transition:border-color .15s,box-shadow .15s;
}

body.apfel-pro-ui :where(input,select,textarea):focus {
  border-color:#2f67db!important;
  box-shadow:0 0 0 3px rgba(47,103,219,.14)!important;
}

body.apfel-pro-ui label {
  color:var(--text);
  font-size:12px;
  font-weight:700;
}

body.apfel-pro-ui :is(
  input[type=checkbox],
  input[type=radio]
) {
  accent-color:#2159dc;
  width:18px;
  height:18px;
  vertical-align:middle;
}

body.apfel-pro-ui :is(button,[role=button]):focus-visible {
  outline:3px solid #80aaff!important;
  outline-offset:2px;
}

body.apfel-pro-ui button:disabled {
  opacity:.5;
  cursor:not-allowed;
}

/* Buttons */
body.apfel-pro-ui :is(
  .primary-button,
  .secondary-button,
  .danger-button
) {
  min-height:44px;
  padding:10px 15px!important;
  border-radius:13px!important;
  font-size:13px;
  font-weight:800;
}

body.apfel-pro-ui .primary-button {
  background:#2159dc!important;
  color:white!important;
  border:1px solid #2159dc!important;
}

body.apfel-pro-ui .secondary-button {
  background:#eaf0fc!important;
  color:#184fae!important;
  border:1px solid #cfdbf4!important;
}

body.apfel-pro-ui .danger-button {
  background:#fff0f2!important;
  color:#b4233d!important;
  border:1px solid #f3c4ce!important;
}

/* AI management */
body.apfel-pro-ui .ap-ai-admin [data-ai-service],
body.apfel-pro-ui .ap-ai-admin [data-ai-order] {
  border-radius:19px;
  padding:20px;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-ai-admin [data-ai-service] label {
  display:block;
  margin:9px 0;
}

body.apfel-pro-ui .ap-ai-admin [data-ai-service]
label:has(input[type=checkbox]) {
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin:5px 8px;
}

body.apfel-pro-ui .ap-ai-admin [data-ai-service]
input:not([type=checkbox]) {
  width:100%;
}

body.apfel-pro-ui .ap-ai-admin button:not(
  .primary-button,.secondary-button,.danger-button
) {
  background:#eff3fb;
  color:#1b355d;
  border:1px solid #d6e1f2;
  border-radius:12px;
  min-height:43px;
  padding:9px 13px;
  font-weight:800;
}

body.apfel-pro-ui .ap-ai-admin :is(
  [data-ai-payment=reject],
  [data-ai-delete],
  [data-ai-cancel]
) {
  background:#fff0f2!important;
  color:#b4233d!important;
  border-color:#f3c4ce!important;
}

body.apfel-pro-ui .ap-ai-admin :is(
  [data-ai-payment=approve],
  [data-ai-complete]
) {
  background:#e7f7ef!important;
  color:#086e50!important;
  border-color:#b8e8d0!important;
}

/* Tables, states, navigation */
body.apfel-pro-ui table {
  border-collapse:separate;
  border-spacing:0;
  width:100%;
  font-size:12px;
}

body.apfel-pro-ui :is(th,td) {
  padding:11px 13px;
  border-bottom:1px solid var(--ap-line);
  text-align:right;
}

body.apfel-pro-ui th {
  background:#eff4fc;
  color:#274365;
}

body.apfel-pro-ui :is(.badge,.tag,.status) {
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 11px;
  border-radius:99px;
  font-size:11px;
  font-weight:800;
}

body.apfel-pro-ui .status.active {
  background:#e3f8ef;
  color:#076d52;
}

body.apfel-pro-ui .status.failed {
  background:#feebef;
  color:#bd2942;
}

body.apfel-pro-ui .status.pending {
  background:#fff0d8;
  color:#925507;
}

body.apfel-pro-ui .empty {
  background:#f7faff;
  border:1px dashed #c9d7ee;
  color:#61738a;
  border-radius:16px;
  padding:23px;
}

body.apfel-pro-ui .bottom-nav {
  background:rgba(255,255,255,.97);
  border-top:1px solid var(--ap-line);
  box-shadow:0 -4px 22px rgba(23,43,73,.045);
}

body.apfel-pro-ui .progress {
  height:9px;
  background:#e6edf8;
  border-radius:99px;
}

body.apfel-pro-ui .progress-value {
  background:linear-gradient(90deg,#2059d2,#53a7ea);
}

@media(min-width:650px) {
  body.apfel-pro-ui .ap-admin-actions {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(min-width:850px) {
  body.apfel-pro-ui .ap-admin-kpis {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  body.apfel-pro-ui .ap-admin-actions {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  body.apfel-pro-ui #viewRoot>.page {
    padding:28px 30px 90px;
  }
}

@media(prefers-reduced-motion:reduce) {
  body.apfel-pro-ui *,
  body.apfel-pro-ui *::before,
  body.apfel-pro-ui *::after {
    animation-duration:.01ms!important;
    transition-duration:.01ms!important;
  }
}


/* SOURCE: apfel-layout-v2 */
/* APFEL_LAYOUT_V2 */
body.apfel-pro-ui #viewRoot {
  min-width:0;
  overflow-wrap:break-word;
}

body.apfel-pro-ui .ap-admin-hero {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:145px;
  overflow:hidden;
}

body.apfel-pro-ui .ap-admin-hero-icon {
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:rgba(255,255,255,.13);
  font-size:32px;
  flex:none;
}

body.apfel-pro-ui .ap-admin-kpis {
  gap:12px;
  align-items:stretch;
}

body.apfel-pro-ui .ap-admin-kpi {
  min-height:108px;
}

body.apfel-pro-ui .ap-admin-kpi.clickable {
  cursor:pointer;
  transition:transform .15s;
}

body.apfel-pro-ui .ap-admin-kpi.clickable:active {
  transform:scale(.98);
}

body.apfel-pro-ui .ap-admin-kpi.money {
  background:#eef5ff!important;
  border-color:#c5dcfa!important;
}

body.apfel-pro-ui .ap-admin-kpi.warning {
  border-inline-start:4px solid #eaaa32!important;
}

body.apfel-pro-ui .ap-admin-section-head {
  margin:29px 2px 13px;
}

body.apfel-pro-ui .ap-admin-actions {
  gap:12px;
  grid-template-columns:1fr;
}

body.apfel-pro-ui .ap-admin-action {
  min-height:86px;
}

body.apfel-pro-ui .ap-admin-action[data-view="admin-ai"] {
  background:linear-gradient(120deg,#153d80,#2d67ca)!important;
  color:white!important;
  border-color:#3269c9!important;
}

body.apfel-pro-ui .ap-admin-action[data-view="admin-ai"] :is(strong,small,b) {
  color:white!important;
}

body.apfel-pro-ui .ap-admin-action[data-view="admin-ai"] .ap-admin-action-icon {
  background:rgba(255,255,255,.16);
  color:white;
}

body.apfel-pro-ui .ap-admin-action[data-view="admin-receipts"].important {
  background:#fff2d3!important;
  border:1px solid #e7bd6b!important;
  color:#7b4d08!important;
}

body.apfel-pro-ui .ap-admin-action[data-view="admin-receipts"].important :is(strong,small,b) {
  color:#7b4d08!important;
}

body.apfel-pro-ui .ap-admin-action[data-view="admin-receipts"].important .ap-admin-action-icon {
  background:#fffae8;
  color:#945d05;
}

body.apfel-pro-ui .ap-admin-tech-grid>button {
  min-height:106px;
  border-radius:17px;
}

body.apfel-pro-ui #viewRoot .page-title {
  margin:6px 0 19px;
}

body.apfel-pro-ui .ap-admin-page-title {
  margin:5px 0 20px;
}

body.apfel-pro-ui .info-grid,
body.apfel-pro-ui .stats-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body.apfel-pro-ui .info-grid>* {
  min-width:0;
  padding:11px;
  border:1px solid #e1e9f5;
  border-radius:13px;
  background:#f8faff;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .stats-grid>* {
  min-width:0;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-admin-box {
  padding:clamp(14px,2vw,23px);
}

body.apfel-pro-ui #viewRoot .code,
body.apfel-pro-ui #viewRoot [dir=ltr] {
  unicode-bidi:isolate;
  overflow-wrap:anywhere;
}

/* Receipts */
body.apfel-pro-ui #viewRoot .card:has(>[data-receipt-tab]) {
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:9px!important;
  padding:9px!important;
}

body.apfel-pro-ui #viewRoot [data-receipt-tab] {
  min-height:48px;
  width:100%;
  border-radius:12px!important;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot [data-receipt-card] {
  border-inline-start:4px solid #e8b34d;
  overflow:hidden;
}

body.apfel-pro-ui #viewRoot [data-receipt-card] img {
  width:100%;
  max-height:410px;
  object-fit:contain;
  background:#f6f8fd;
  border-radius:12px;
}

body.apfel-pro-ui #viewRoot [data-receipt-card] .row-between {
  align-items:flex-start;
  gap:12px;
}

body.apfel-pro-ui #viewRoot [data-admin-approve-order],
body.apfel-pro-ui #viewRoot [data-admin-approve-wallet-topup] {
  background:#08785a!important;
  color:white!important;
}

body.apfel-pro-ui #viewRoot [data-admin-reject-order],
body.apfel-pro-ui #viewRoot [data-admin-reject-wallet-topup] {
  background:#fff0f3!important;
  border:1px solid #eac0c8!important;
  color:#a52b43!important;
}

/* AI service editor */
body.apfel-pro-ui .ap-ai-admin [data-ai-service] {
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  align-items:end;
}

body.apfel-pro-ui .ap-ai-admin [data-ai-service] label {
  margin:0!important;
  min-width:0;
}

body.apfel-pro-ui .ap-ai-admin [data-ai-service] label input {
  margin:5px 0 0!important;
}

body.apfel-pro-ui .ap-ai-admin [data-ai-service]>div {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:11px;
  border-radius:12px;
  background:#f5f8fe;
  margin:0!important;
}

body.apfel-pro-ui .ap-ai-admin [data-ai-service]>button {
  margin:0!important;
}

body.apfel-pro-ui .ap-ai-admin #aiNewService {
  display:grid;
  gap:11px;
}

body.apfel-pro-ui .ap-ai-admin #aiNewService>input {
  margin:0!important;
}

body.apfel-pro-ui .ap-ai-admin #aiOrdersList {
  display:grid;
  grid-template-columns:1fr;
  gap:13px;
}

body.apfel-pro-ui .ap-ai-admin [data-ai-order] {
  margin:0!important;
  min-width:0;
  border-inline-start:4px solid #d1def1;
}

body.apfel-pro-ui .ap-ai-admin [data-ai-status="preparing"] {
  border-inline-start-color:#eeae36;
}

body.apfel-pro-ui .ap-ai-admin [data-ai-status="completed"] {
  border-inline-start-color:#159574;
}

body.apfel-pro-ui .ap-ai-admin :is(
  [data-ai-status="cancelled"],
  [data-ai-status="rejected"]
) {
  border-inline-start-color:#c54b65;
}

body.apfel-pro-ui .ap-ai-admin [data-ai-order] .row-between {
  gap:12px;
  align-items:flex-start;
}

body.apfel-pro-ui .ap-ai-admin [data-ai-order] button {
  max-width:100%;
  white-space:normal;
}

/* Finance and common panels */
body.apfel-pro-ui .ap-admin-finance .ap-admin-balance {
  border-radius:22px;
  overflow:hidden;
  padding:clamp(20px,4vw,32px);
  box-shadow:0 12px 28px rgba(20,64,141,.14);
}

body.apfel-pro-ui .ap-admin-finance .ap-admin-balance strong {
  font-size:clamp(23px,4.4vw,35px);
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot :is(.empty,.ap-admin-small-empty) {
  text-align:center;
  line-height:1.9;
}

body.apfel-pro-ui #viewRoot .row-between {
  gap:10px;
}

body.apfel-pro-ui #viewRoot .row-between>* {
  min-width:0;
}

/* Tablet */
@media(min-width:720px) {
  body.apfel-pro-ui .ap-admin-actions {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.apfel-pro-ui .ap-admin-kpis {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  body.apfel-pro-ui .ap-ai-admin [data-ai-service] {
    grid-template-columns:1fr 1fr;
  }

  body.apfel-pro-ui .ap-ai-admin [data-ai-service]>label:first-child,
  body.apfel-pro-ui .ap-ai-admin [data-ai-service]>div {
    grid-column:1/-1;
  }

  body.apfel-pro-ui .ap-ai-admin #aiOrdersList {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.apfel-pro-ui #viewRoot .list:has(>[data-receipt-card]) {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
}

/* Desktop */
@media(min-width:1150px) {
  body.apfel-pro-ui .ap-admin-actions {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  body.apfel-pro-ui .ap-admin-kpis {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:520px) {
  body.apfel-pro-ui .ap-admin-hero {
    min-height:124px;
    padding:19px!important;
  }

  body.apfel-pro-ui .ap-admin-hero-icon {
    width:48px;
    height:48px;
    font-size:25px;
  }

  body.apfel-pro-ui .ap-admin-kpi {
    min-height:105px;
    padding:12px!important;
  }

  body.apfel-pro-ui .ap-admin-kpi-icon {
    width:34px;
    height:34px;
    font-size:18px;
  }

  body.apfel-pro-ui .ap-admin-kpi-copy strong {
    font-size:18px;
  }

  body.apfel-pro-ui .ap-ai-admin [data-ai-service],
  body.apfel-pro-ui .ap-ai-admin [data-ai-order] {
    padding:15px!important;
  }

  body.apfel-pro-ui .info-grid {
    grid-template-columns:1fr;
  }
}


/* APFEL_LAYOUT_V3 */

/* Account management */
body.apfel-pro-ui .ap-admin-tools .card {
  border-radius:20px;
  margin-bottom:15px;
}

body.apfel-pro-ui .ap-admin-tools .ap-premium-plan-option {
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:74px;
  padding:14px;
  border:1px solid #d9e4f4;
  border-radius:15px;
  background:#fff;
  color:#183153;
  text-align:right;
  transition:border-color .15s,background .15s;
}

body.apfel-pro-ui .ap-admin-tools .ap-premium-plan-option:focus-visible {
  outline:3px solid #8eb4ff;
  outline-offset:2px;
}

body.apfel-pro-ui .ap-admin-tools .ap-premium-plan-option:active {
  background:#edf4ff;
}

body.apfel-pro-ui .ap-admin-tools .ap-plan-main {
  flex:1;
  min-width:0;
}

body.apfel-pro-ui .ap-admin-tools .ap-plan-main strong {
  display:block;
  font-size:14px;
  font-weight:900;
}

body.apfel-pro-ui .ap-admin-tools .ap-plan-main small {
  display:block;
  color:#667a97;
  font-size:12px;
}

body.apfel-pro-ui .ap-admin-tools .ap-plan-price {
  font-weight:900;
  color:#2159dc;
  white-space:normal;
}

body.apfel-pro-ui .ap-admin-tools .ap-web-customer-option {
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:14px;
  border-radius:15px;
  border:1px solid #dce5f2;
  background:#fff;
  text-align:right;
}

body.apfel-pro-ui .ap-admin-tools .ap-web-customer-copy {
  flex:1;
  min-width:0;
  overflow-wrap:anywhere;
}

/* Finance */
body.apfel-pro-ui .ap-admin-finance-kpis {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  margin:17px 0 25px;
}

body.apfel-pro-ui .ap-admin-finance-kpis>div {
  min-width:0;
  padding:18px;
  border-radius:18px;
  border:1px solid #dce6f3;
  background:#fff;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-admin-finance-kpis strong {
  display:block;
  font-size:clamp(16px,2.8vw,23px);
  font-weight:900;
  font-variant-numeric:tabular-nums;
}

body.apfel-pro-ui .ap-admin-finance-list {
  display:grid;
  gap:10px;
}

body.apfel-pro-ui .ap-admin-tx {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:15px;
  border:1px solid #dce6f3;
  border-radius:16px;
  background:#fff;
}

body.apfel-pro-ui .ap-admin-tx-copy {
  flex:1;
  min-width:0;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-admin-tx-copy strong {
  display:block;
  font-size:13px;
}

body.apfel-pro-ui .ap-admin-tx-copy small {
  color:#657994;
  font-size:11px;
}

body.apfel-pro-ui .ap-admin-tx-amount {
  flex:none;
  text-align:left;
  font-variant-numeric:tabular-nums;
}

body.apfel-pro-ui .ap-admin-tx-amount.income {
  color:#087456;
}

body.apfel-pro-ui .ap-admin-tx-amount.expense {
  color:#b4233d;
}

@media(max-width:600px) {
  body.apfel-pro-ui .ap-admin-finance-kpis {
    grid-template-columns:1fr;
  }
  body.apfel-pro-ui .ap-admin-tx {
    flex-wrap:wrap;
  }
  body.apfel-pro-ui .ap-admin-tx-amount {
    width:100%;
    text-align:right;
    padding-right:12px;
  }
}


/* SOURCE: apfel-layout-v4 */

/* APFEL_LAYOUT_V4 */

/* Account management */
body.apfel-pro-ui .ap-admin-tools .ap-admin-box {
  margin-bottom:17px;
  padding:clamp(16px,3vw,25px);
  border-radius:21px;
}

body.apfel-pro-ui .ap-admin-tools .ap-admin-sales {
  display:flex;
  align-items:center;
  gap:14px;
  padding:17px;
  margin-bottom:17px;
  border:1px solid #dce6f4;
  border-radius:17px;
  background:#fff;
}

body.apfel-pro-ui .ap-admin-sales>div {
  flex:1;
  min-width:0;
}

body.apfel-pro-ui #adminToggleSales {
  min-height:43px;
  min-width:75px;
  border-radius:12px;
  font-weight:800;
}

body.apfel-pro-ui .ap-admin-box-head {
  display:flex;
  align-items:center;
  gap:13px;
  padding-bottom:14px;
  margin-bottom:17px;
  border-bottom:1px solid #e4ebf5;
}

body.apfel-pro-ui .ap-admin-box-head>span {
  flex:none;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  background:#eaf2ff;
  color:#225bc7;
  border-radius:13px;
  font-size:23px;
}

body.apfel-pro-ui .ap-admin-box-head>div {
  flex:1;
  min-width:0;
}

body.apfel-pro-ui .ap-admin-box-head strong {
  display:block;
  color:#173456;
  font-size:15px;
  font-weight:900;
}

body.apfel-pro-ui .ap-admin-box-head small {
  display:block;
  color:#657993;
  font-size:12px;
}

body.apfel-pro-ui .ap-admin-label {
  margin:17px 0 9px;
  color:#4b6380;
  font-size:12px;
  font-weight:850;
}

/* Telegram / Web user selection */
body.apfel-pro-ui .ap-identity-switch {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  padding:6px;
  border:1px solid #dbe6f4;
  border-radius:15px;
  background:#eff4fc;
}

body.apfel-pro-ui .ap-identity-switch button {
  min-width:0;
  min-height:47px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#4f6580;
  font-weight:800;
}

body.apfel-pro-ui .ap-identity-switch button.active {
  background:#fff;
  color:#1c55bd;
  box-shadow:0 3px 12px #234d951a;
}

body.apfel-pro-ui .ap-admin-recent-list {
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
}

body.apfel-pro-ui .ap-admin-recent-user {
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  min-height:68px;
  padding:12px;
  border:1px solid #dce6f4;
  border-radius:14px;
  background:#fff;
  text-align:right;
}

body.apfel-pro-ui .ap-admin-recent-user.selected {
  background:#edf5ff;
  border-color:#2867d5;
  box-shadow:inset 0 0 0 1px #2867d5;
}

body.apfel-pro-ui .ap-admin-recent-avatar {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:none;
  border-radius:12px;
  background:#edf3fc;
}

body.apfel-pro-ui .ap-admin-recent-copy {
  flex:1;
  min-width:0;
  overflow-wrap:anywhere;
}

/* Pickers */
body.apfel-pro-ui .ap-admin-tools .ap-premium-select-trigger,
body.apfel-pro-ui .ap-admin-plan-trigger {
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:64px;
  padding:12px 14px;
  border:1px solid #ccdced;
  border-radius:15px;
  background:#fff;
  color:#193653;
  text-align:right;
}

body.apfel-pro-ui .ap-premium-select-copy,
body.apfel-pro-ui .ap-admin-plan-trigger-copy {
  flex:1;
  min-width:0;
}

body.apfel-pro-ui .ap-premium-picker:not(.hidden),
body.apfel-pro-ui .ap-admin-plan-menu:not(.hidden) {
  max-height:420px;
  overflow-y:auto;
  border:1px solid #dce6f4;
  border-radius:15px;
  background:#fff;
}

body.apfel-pro-ui .ap-premium-plan-option.selected {
  background:#edf4ff!important;
  border-color:#2c66d4!important;
}

/* Search */
body.apfel-pro-ui .ap-admin-search {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:stretch;
}

body.apfel-pro-ui .ap-admin-search input {
  width:100%;
  min-width:0;
}

body.apfel-pro-ui .ap-admin-search button {
  min-width:104px;
  min-height:47px;
  padding:10px 17px;
  border:0;
  border-radius:13px;
  background:#245fd0;
  color:#fff;
  font-weight:900;
}

/* VPN account card */
body.apfel-pro-ui .ap-admin-results {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
  margin-top:17px;
}

body.apfel-pro-ui .ap-admin-vpn {
  min-width:0;
  padding:clamp(15px,3vw,25px);
  border:1px solid #dbe6f4!important;
  border-radius:21px;
  background:#fff!important;
  color:#1a304e!important;
  box-shadow:0 7px 26px #183b710c;
}

body.apfel-pro-ui .ap-admin-vpn-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:18px;
}

body.apfel-pro-ui .ap-admin-vpn-head>div {
  min-width:0;
}

body.apfel-pro-ui .ap-admin-vpn-username {
  display:block;
  margin:7px 0;
  color:#163969;
  font-size:clamp(15px,2.5vw,20px);
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-admin-vpn-state {
  display:inline-flex;
  padding:5px 11px;
  border-radius:30px;
  font-size:11px;
  font-weight:850;
}

body.apfel-pro-ui .ap-admin-vpn-state.online {
  background:#e4f8ee;
  color:#077553;
}

body.apfel-pro-ui .ap-admin-vpn-state.offline {
  background:#fff0f2;
  color:#af2942;
}

body.apfel-pro-ui .ap-admin-plan-badge {
  padding:7px 11px;
  border-radius:10px;
  background:#eaf2ff;
  color:#2155b4;
  font-size:11px;
  font-weight:800;
}

/* Traffic */
body.apfel-pro-ui .ap-admin-progress {
  height:11px;
  margin:14px 0;
  border-radius:30px;
  background:#e6edf8;
  overflow:hidden;
}

body.apfel-pro-ui .ap-admin-progress>div {
  height:100%;
  max-width:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2666d5,#55a4ee);
}

body.apfel-pro-ui .ap-admin-traffic {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin:15px 0;
}

body.apfel-pro-ui .ap-admin-traffic>div {
  min-width:0;
  padding:12px;
  border:1px solid #e2eaf6;
  border-radius:13px;
  background:#f6f9fe;
}

body.apfel-pro-ui .ap-admin-traffic small,
body.apfel-pro-ui .ap-admin-vpn-meta small {
  display:block;
  font-size:11px;
  color:#657a94;
}

body.apfel-pro-ui .ap-admin-traffic strong {
  display:block;
  font-size:clamp(12px,2vw,17px);
  color:#19395e;
  overflow-wrap:anywhere;
}

/* Account information */
body.apfel-pro-ui .ap-admin-vpn-meta {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:15px 0;
}

body.apfel-pro-ui .ap-admin-vpn-meta>div {
  min-width:0;
  padding:12px;
  border:1px solid #e2eaf6;
  border-radius:13px;
}

body.apfel-pro-ui .ap-admin-vpn-meta strong {
  display:block;
  font-size:12px;
  overflow-wrap:anywhere;
}

/* VPN buttons */
body.apfel-pro-ui .ap-admin-vpn-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:15px 0;
}

body.apfel-pro-ui .ap-admin-vpn-actions button {
  min-width:0;
  min-height:46px;
  padding:10px;
  border:1px solid #cddcf3;
  border-radius:12px;
  background:#edf4ff;
  color:#2258b5;
  font-weight:850;
  white-space:normal;
}

/* Renewal */
body.apfel-pro-ui .ap-admin-renew {
  display:grid;
  gap:12px;
  margin-top:16px;
  padding:18px;
  border:1px solid #cbe0f7;
  border-radius:17px;
  background:#f4f8ff;
}

body.apfel-pro-ui .ap-admin-renew>div:first-child strong {
  display:block;
  color:#1f4b9b;
  font-size:15px;
}

body.apfel-pro-ui .ap-admin-renew>div:first-child small {
  display:block;
  color:#677d96;
}

body.apfel-pro-ui .ap-admin-renew [data-admin-renew] {
  width:100%;
  min-height:47px;
  border:0;
  border-radius:12px;
  background:#2461d0;
  color:#fff;
  font-weight:900;
}

/* Dangerous operations */
body.apfel-pro-ui .ap-admin-danger {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:17px;
  padding-top:16px;
  border-top:1px solid #e4eaf4;
}

body.apfel-pro-ui .ap-admin-danger button {
  min-width:0;
  min-height:46px;
  padding:10px;
  border:1px solid #efd9b7;
  border-radius:12px;
  background:#fff7eb;
  color:#955d13;
  font-weight:850;
  white-space:normal;
}

body.apfel-pro-ui .ap-admin-danger button.delete {
  background:#fff0f3;
  border-color:#f0c3cb;
  color:#ac2943;
}

/* Users */
body.apfel-pro-ui #adminUsersList {
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:16px;
}

body.apfel-pro-ui #adminUsersList>button.card {
  width:100%;
  padding:17px!important;
  border:1px solid #dce6f3!important;
  border-radius:18px;
  background:#fff;
}

body.apfel-pro-ui #adminUsersList .traffic-row {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #edf1f7;
}

body.apfel-pro-ui #adminUserSearch {
  display:block;
  width:100%;
  margin:13px 0;
}

/* Keyboard */
body.apfel-pro-ui .ap-admin-vpn button:focus-visible,
body.apfel-pro-ui .ap-admin-search button:focus-visible {
  outline:3px solid #88b1fc;
  outline-offset:3px;
}

/* Desktop */
@media(min-width:740px) {
  body.apfel-pro-ui #adminUsersList {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.apfel-pro-ui .ap-admin-recent-list {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:480px) {
  body.apfel-pro-ui .ap-admin-search {
    grid-template-columns:1fr;
  }

  body.apfel-pro-ui .ap-admin-search button {
    width:100%;
  }

  body.apfel-pro-ui .ap-admin-vpn-meta {
    grid-template-columns:1fr;
  }

  body.apfel-pro-ui .ap-admin-vpn-head {
    flex-direction:column;
  }

  body.apfel-pro-ui .ap-admin-traffic>div {
    padding:9px 7px;
  }

  body.apfel-pro-ui .ap-admin-vpn-actions button {
    font-size:12px;
  }
}


/* APFEL_ADMIN_CONTRAST_FIX_V1 */

/* Admin-only light canvas */
body.apfel-pro-ui:has(
  #viewRoot .ap-admin-dashboard,
  #viewRoot .ap-admin-page-title
) {
  background:#eef3fb!important;
  color:#172b49!important;
}

body.apfel-pro-ui:has(
  #viewRoot .ap-admin-dashboard,
  #viewRoot .ap-admin-page-title
) #app.mobile-app {
  background:transparent!important;
}

/* Header */
body.apfel-pro-ui .mobile-brand-name strong {
  color:#172b49!important;
}

body.apfel-pro-ui .mobile-brand-name span {
  color:#2361cf!important;
}

/* Titles */
body.apfel-pro-ui #viewRoot
.ap-admin-page-title h1,
body.apfel-pro-ui #viewRoot
.ap-admin-section-head strong {
  color:#172b49!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-page-title p,
body.apfel-pro-ui #viewRoot
.ap-admin-section-head small {
  color:#586f8b!important;
}

/* Dashboard actions */
body.apfel-pro-ui #viewRoot
.ap-admin-action:not(.important) {
  background:#fff!important;
  color:#172b49!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-action:not(.important)
.ap-admin-action-text strong {
  color:#172b49!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-action:not(.important)
.ap-admin-action-text small {
  color:#536b87!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-action:not(.important)>b {
  color:#536b87!important;
}

/* Dashboard statistics */
body.apfel-pro-ui #viewRoot
.ap-admin-kpi-copy strong {
  color:#172b49!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-kpi-copy :is(small,em) {
  color:#536b87!important;
}

/* Account management */
body.apfel-pro-ui #viewRoot
.ap-admin-box-head strong,
body.apfel-pro-ui #viewRoot
.ap-admin-label,
body.apfel-pro-ui #viewRoot
.ap-admin-recent-user strong {
  color:#172b49!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-box-head small,
body.apfel-pro-ui #viewRoot
.ap-admin-sales small,
body.apfel-pro-ui #viewRoot
.ap-admin-recent-user small {
  color:#536b87!important;
}

/* Finance statistics */
body.apfel-pro-ui #viewRoot
.ap-admin-finance-kpis>div {
  background:#fff!important;
  color:#172b49!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-finance-kpis>div strong {
  color:#172b49!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-finance-kpis>div :is(small,b) {
  color:#536b87!important;
}

/* Finance transactions */
body.apfel-pro-ui #viewRoot
.ap-admin-tx {
  background:#fff!important;
  color:#172b49!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tx-copy strong {
  color:#172b49!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tx-copy small,
body.apfel-pro-ui #viewRoot
.ap-admin-tx-amount small {
  color:#60748e!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tx-amount.income strong {
  color:#087456!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tx-amount.expense strong {
  color:#ad2d47!important;
}

/* Account information */
body.apfel-pro-ui #viewRoot
.ap-admin-vpn {
  background:#fff!important;
  color:#172b49!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-vpn-meta :is(strong,small),
body.apfel-pro-ui #viewRoot
.ap-admin-traffic :is(strong,small) {
  color:#233b5c!important;
}


/* APFEL_WALLET_HEADING_FIX_V1 */
body.apfel-pro-ui #viewRoot > .page:has(
  > button[data-view="admin-wallets"]
) > .section-header h2 {
  color:#172b49!important;
  font-weight:900;
}


/* APFEL_ADMIN_DESKTOP_WIDTH_V1 */

@media (min-width:950px) {

  body.apfel-pro-ui:has(
    #viewRoot :is(
      .ap-admin-dashboard,
      .ap-admin-page-title,
      .ap-ai-admin,
      #adminUsersList,
      .ap-admin-search
    )
  ) :is(
    #app.mobile-app,
    #main,
    #content,
    #viewRoot.mobile-view
  ) {
    width:100%!important;
    max-width:none!important;
    min-width:0;
  }

  body.apfel-pro-ui:has(
    #viewRoot :is(
      .ap-admin-dashboard,
      .ap-admin-page-title,
      .ap-ai-admin,
      #adminUsersList,
      .ap-admin-search
    )
  ) #main {
    width:calc(100% - 40px)!important;
    max-width:1240px!important;
    margin-inline:auto!important;
  }

  body.apfel-pro-ui:has(
    #viewRoot :is(
      .ap-admin-dashboard,
      .ap-admin-page-title,
      .ap-ai-admin,
      #adminUsersList,
      .ap-admin-search
    )
  ) .mobile-appbar {
    width:calc(100% - 40px)!important;
    max-width:1240px!important;
    margin-inline:auto!important;
  }

  body.apfel-pro-ui #viewRoot>.page {
    width:100%;
  }

  body.apfel-pro-ui #viewRoot>.page.ap-admin-tools {
    max-width:1000px!important;
    margin-inline:auto!important;
  }

  body.apfel-pro-ui .ap-admin-dashboard {
    width:100%;
    max-width:none!important;
  }

}

/* Keep wallet heading readable */
body.apfel-pro-ui #viewRoot>.page:has(>button[data-view="admin-wallets"])
>.section-header h2 {
  color:#172b49!important;
}


/* APFEL_ADMIN_FINANCE_GROUP_V1 */

body.apfel-pro-ui .ap-admin-finance-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 18px;
}

body.apfel-pro-ui #viewRoot
.ap-admin-finance-actions .ap-admin-action {
  min-width:0;
  min-height:90px;
  background:#fff!important;
  color:#172b49!important;
  border:1px solid #dce6f3!important;
  border-radius:18px;
}

body.apfel-pro-ui #viewRoot
.ap-admin-finance-actions .ap-admin-action-text strong {
  color:#172b49!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-finance-actions .ap-admin-action-text small {
  color:#60738d!important;
}

@media(max-width:640px) {
  body.apfel-pro-ui .ap-admin-finance-actions {
    grid-template-columns:1fr;
  }
}


/* APFEL_FINANCE_TOOLBAR_CSS_V1 */
body.apfel-pro-ui .ap-finance-toolbar {
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  gap:15px;
  padding:18px;
  margin:15px 0 20px;
  border:1px solid #dce6f3;
  border-radius:19px;
  background:#fff;
}

body.apfel-pro-ui .ap-finance-search {
  flex:1 1 280px;
  min-width:0;
}

body.apfel-pro-ui .ap-finance-search label {
  display:block;
  margin-bottom:7px;
  color:#2c4668;
  font-weight:800;
}

body.apfel-pro-ui .ap-finance-search input {
  width:100%;
}

body.apfel-pro-ui .ap-finance-filters {
  display:flex;
  gap:6px;
  padding:5px;
  border-radius:13px;
  background:#eef3fb;
}

body.apfel-pro-ui .ap-finance-filters button {
  min-height:41px;
  padding:9px 16px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#4a6383;
  font-weight:800;
  cursor:pointer;
}

body.apfel-pro-ui .ap-finance-filters
button[aria-pressed="true"] {
  background:#225ed1;
  color:#fff;
  box-shadow:0 4px 11px #225ed126;
}

body.apfel-pro-ui .ap-finance-result-count {
  width:100%;
  margin:0;
  color:#607590;
  font-size:12px;
}

body.apfel-pro-ui .ap-finance-no-results {
  padding:26px;
  border:1px dashed #cbd9ed;
  border-radius:17px;
  background:#fff;
  color:#526984;
  text-align:center;
}

body.apfel-pro-ui
.ap-admin-finance-list .ap-admin-tx[hidden],
body.apfel-pro-ui .ap-finance-no-results[hidden] {
  display:none!important;
}

@media(max-width:620px) {
  body.apfel-pro-ui .ap-finance-toolbar {
    padding:13px;
  }

  body.apfel-pro-ui .ap-finance-search,
  body.apfel-pro-ui .ap-finance-filters {
    width:100%;
  }

  body.apfel-pro-ui .ap-finance-filters button {
    flex:1;
    padding:9px 8px;
  }
}


/* APFEL_RECEIPTS_PRO_V1 */

/* VPN / AI tabs */
body.apfel-pro-ui #viewRoot
.page:has(> .card > [data-receipt-tab])
> .card:has(> [data-receipt-tab]) {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px!important;
  padding:8px!important;
  margin:12px 0 22px!important;
  background:#e7eef9!important;
  border:1px solid #d1dfef!important;
  border-radius:17px!important;
  box-shadow:none!important;
}

body.apfel-pro-ui #viewRoot [data-receipt-tab] {
  min-width:0!important;
  width:100%;
  min-height:50px!important;
  border-radius:12px!important;
  font-weight:900;
  font-size:14px;
  white-space:normal;
}

/* Receipt list */
body.apfel-pro-ui #viewRoot
.page:has(> .card > [data-receipt-tab="vpn"])
> .list {
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:start;
}

/* VPN receipts and wallet receipts */
body.apfel-pro-ui #viewRoot
.page:has([data-receipt-tab="vpn"])
> .list > .card {
  min-width:0;
  margin:0!important;
  padding:20px!important;
  background:#fff!important;
  color:#182d4b!important;
  border:1px solid #d7e3f2!important;
  border-inline-start:4px solid #e5af3b!important;
  border-radius:20px!important;
  box-shadow:0 7px 22px #1c46700a!important;
}

body.apfel-pro-ui #viewRoot
[data-receipt-card] .row-between strong {
  color:#162d4c!important;
  font-size:15px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.page:has([data-receipt-tab="vpn"])
> .list .muted {
  color:#536b88!important;
}

/* Receipt images */
body.apfel-pro-ui #viewRoot
.page:has([data-receipt-tab="vpn"])
> .list img {
  width:100%;
  max-height:340px!important;
  object-fit:contain;
  background:#f0f4fa!important;
  border:1px solid #e1e8f2;
  border-radius:13px;
}

/* Receipt details */
body.apfel-pro-ui #viewRoot
.page:has([data-receipt-tab="vpn"])
.info-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

body.apfel-pro-ui #viewRoot
.page:has([data-receipt-tab="vpn"])
.info-box {
  min-width:0;
  padding:12px;
  background:#f5f8fd!important;
  border:1px solid #e3eaf4;
  border-radius:12px;
}

body.apfel-pro-ui #viewRoot
.page:has([data-receipt-tab="vpn"])
.info-box small {
  color:#61748f!important;
}

body.apfel-pro-ui #viewRoot
.page:has([data-receipt-tab="vpn"])
.info-box strong {
  color:#162f53!important;
  overflow-wrap:anywhere;
}

/* Approve buttons */
body.apfel-pro-ui #viewRoot
[data-admin-approve-order],
body.apfel-pro-ui #viewRoot
[data-admin-approve-wallet-topup] {
  min-height:49px!important;
  border-radius:12px!important;
  background:#087b58!important;
  border-color:#087b58!important;
  color:#fff!important;
  font-weight:900;
}

/* Reject buttons */
body.apfel-pro-ui #viewRoot
[data-admin-reject-order],
body.apfel-pro-ui #viewRoot
[data-admin-reject-wallet-topup] {
  min-height:49px!important;
  border-radius:12px!important;
  background:#fff1f3!important;
  border:1px solid #f0bfc9!important;
  color:#ad2942!important;
  font-weight:900;
}

/* AI orders shown within receipts */
body.apfel-pro-ui #viewRoot
.ap-ai-admin:has([data-receipt-tab="ai"])
#aiOrdersList {
  display:grid;
  grid-template-columns:1fr;
  gap:15px;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin:has([data-receipt-tab="ai"])
[data-ai-order] {
  min-width:0;
  margin:0!important;
  padding:20px!important;
  background:#fff!important;
  color:#182d4b!important;
  border:1px solid #d7e3f2!important;
  border-inline-start:4px solid #2f69d3!important;
  border-radius:19px!important;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin:has([data-receipt-tab="ai"])
[data-ai-order] .row-between strong {
  color:#172f51!important;
  font-size:15px;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin:has([data-receipt-tab="ai"])
[data-ai-order] .muted {
  color:#546c89!important;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin:has([data-receipt-tab="ai"])
[data-ai-order] img {
  width:100%;
  max-height:350px;
  object-fit:contain;
  background:#f0f4fa;
  border-radius:13px;
}

/* AI receipt actions */
body.apfel-pro-ui #viewRoot
.ap-ai-admin:has([data-receipt-tab="ai"])
[data-ai-payment="approve"] {
  background:#087b58!important;
  border-color:#087b58!important;
  color:white!important;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin:has([data-receipt-tab="ai"])
[data-ai-payment="reject"] {
  background:#fff1f3!important;
  border:1px solid #f0bfc9!important;
  color:#ad2942!important;
}

/* Desktop */
@media(min-width:850px) {
  body.apfel-pro-ui #viewRoot
  .page:has(> .card > [data-receipt-tab="vpn"])
  > .list,
  body.apfel-pro-ui #viewRoot
  .ap-ai-admin:has([data-receipt-tab="ai"])
  #aiOrdersList {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:480px) {
  body.apfel-pro-ui #viewRoot
  .page:has([data-receipt-tab="vpn"])
  .info-grid {
    grid-template-columns:1fr;
  }

  body.apfel-pro-ui #viewRoot
  [data-receipt-tab] {
    font-size:12px;
  }

  body.apfel-pro-ui #viewRoot
  .page:has([data-receipt-tab="vpn"])
  > .list > .card {
    padding:15px!important;
  }
}


/* APFEL_RECEIPTS_READABLE_V1 */

/* Light admin receipt pages */
body.apfel-pro-ui:has(#viewRoot .ap-ai-admin),
body.apfel-pro-ui:has(#viewRoot [data-receipt-tab]) {
  background:#edf3fb!important;
  color:#182e4e!important;
}

body.apfel-pro-ui:has(#viewRoot .ap-ai-admin) #app.mobile-app,
body.apfel-pro-ui:has(#viewRoot [data-receipt-tab]) #app.mobile-app {
  background:transparent!important;
}

/* Page titles */
body.apfel-pro-ui #viewRoot
.page:has([data-receipt-tab]) .page-title h1,
body.apfel-pro-ui #viewRoot
.ap-ai-admin .page-title h1,
body.apfel-pro-ui #viewRoot
.ap-ai-admin .section-header h2 {
  color:#172e50!important;
}

body.apfel-pro-ui #viewRoot
.page:has([data-receipt-tab]) .page-title .muted,
body.apfel-pro-ui #viewRoot
.ap-ai-admin .page-title .muted {
  color:#5e7390!important;
}

/* Empty VPN receipts */
body.apfel-pro-ui #viewRoot
.page:has([data-receipt-tab]) > .card.empty {
  background:#fff!important;
  color:#1f385b!important;
  border:1px dashed #cad8ea!important;
  box-shadow:none!important;
  padding:30px 15px!important;
}

body.apfel-pro-ui #viewRoot
.page:has([data-receipt-tab]) > .card.empty :is(strong,p) {
  color:#284465!important;
}

/* AI statistics */
body.apfel-pro-ui #viewRoot
.ap-ai-admin:has([data-receipt-tab="ai"])
> .card:not(:has([data-receipt-tab])) {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px!important;
  padding:12px!important;
  margin:14px 0 20px!important;
  background:#fff!important;
  color:#1e3657!important;
  border:1px solid #d6e2f1!important;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin:has([data-receipt-tab="ai"])
> .card:not(:has([data-receipt-tab])) > span {
  min-width:0;
  padding:12px;
  border-radius:12px;
  background:#f3f7fe;
  color:#405e83!important;
  font-size:12px;
  text-align:center;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin:has([data-receipt-tab="ai"])
> .card:not(:has([data-receipt-tab])) > span b {
  display:block;
  margin-top:4px;
  color:#215cc8!important;
  font-size:20px;
}

/* Compact AI order grid */
body.apfel-pro-ui #viewRoot
.ap-ai-admin:has([data-receipt-tab="ai"]) #aiOrdersList {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start!important;
  grid-auto-rows:max-content;
  gap:13px!important;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin #aiOrdersList [data-ai-order] {
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
  margin:0!important;
  padding:17px!important;
  background:#fff!important;
  color:#193351!important;
  border:1px solid #dce5f1!important;
  border-inline-start:4px solid #396fd3!important;
  border-radius:17px!important;
  box-shadow:0 4px 18px rgba(29,65,116,.05)!important;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin #aiOrdersList [data-ai-order] > .row-between {
  padding-bottom:10px;
  margin-bottom:7px;
  border-bottom:1px solid #e5edf6;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin #aiOrdersList [data-ai-order] > .muted {
  margin:4px 0!important;
  line-height:1.85!important;
  color:#536b89!important;
  font-size:12px!important;
  overflow-wrap:anywhere;
}

/* Status badges */
body.apfel-pro-ui #viewRoot
.ap-ai-admin #aiOrdersList [data-ai-order] .badge {
  padding:5px 11px;
  border-radius:999px;
  background:#edf3ff;
  color:#2056ad!important;
  font-weight:800;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin #aiOrdersList [data-ai-status="cancelled"] {
  border-inline-start-color:#bc5368!important;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin #aiOrdersList
[data-ai-status="cancelled"] .badge,
body.apfel-pro-ui #viewRoot
.ap-ai-admin #aiOrdersList
[data-ai-status="rejected"] .badge {
  background:#fff0f3;
  color:#a82e49!important;
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin #aiOrdersList
[data-ai-status="completed"] .badge {
  background:#e5f7ee;
  color:#087354!important;
}

/* Responsive */
@media(max-width:850px) {
  body.apfel-pro-ui #viewRoot
  .ap-ai-admin #aiOrdersList {
    grid-template-columns:1fr!important;
  }
}

@media(max-width:540px) {
  body.apfel-pro-ui #viewRoot
  .ap-ai-admin:has([data-receipt-tab="ai"])
  > .card:not(:has([data-receipt-tab])) {
    grid-template-columns:1fr;
  }
}


/* APFEL_AI_ORDER_TABS_V2 */
body.apfel-pro-ui .ap-ai-admin .ap-ai-orders-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:12px 0 17px;
}

body.apfel-pro-ui .ap-ai-admin
.ap-ai-orders-tabs button {
  min-height:45px;
  padding:10px 15px;
  border:1px solid #ccdaf0;
  border-radius:12px;
  background:#fff;
  color:#29476f;
  font-weight:800;
  font-size:12px;
}

body.apfel-pro-ui .ap-ai-admin
.ap-ai-orders-tabs button[aria-pressed="true"] {
  background:#215bd0!important;
  color:#fff!important;
  border-color:#215bd0!important;
}

body.apfel-pro-ui .ap-ai-admin .ap-ai-orders-empty {
  padding:30px 15px;
  border:1px dashed #c4d5eb;
  border-radius:17px;
  background:#fff;
  color:#28486d;
  text-align:center;
}

body.apfel-pro-ui .ap-ai-admin
.ap-ai-orders-empty[hidden] {
  display:none!important;
}

body.apfel-pro-ui .ap-ai-admin .ap-ai-orders-warning {
  padding:12px;
  margin:12px 0;
  border-radius:12px;
  background:#fff3da;
  color:#805008;
}

@media(max-width:600px) {
  body.apfel-pro-ui .ap-ai-admin .ap-ai-orders-tabs {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* APFEL_UI_CONSOLIDATED_V1 */

/* Shared admin typography */
body.apfel-pro-ui #viewRoot :is(
  .ap-admin-dashboard,
  .ap-admin-tools,
  .ap-admin-finance,
  .ap-ai-admin,
  .ap-admin-vpn
) {
  font-family:Tahoma,"Segoe UI",Arial,sans-serif;
  line-height:1.75;
}

body.apfel-pro-ui #viewRoot :is(
  .ap-admin-kpi,
  .ap-admin-action,
  .ap-admin-box,
  .ap-admin-vpn,
  .ap-admin-tx,
  [data-ai-order]
) {
  min-width:0;
  overflow-wrap:anywhere;
  transition:
    border-color .16s ease,
    box-shadow .16s ease;
}

/* Better action affordance */
body.apfel-pro-ui #viewRoot button:not(:disabled) {
  touch-action:manipulation;
}

body.apfel-pro-ui #viewRoot button:focus-visible,
body.apfel-pro-ui #viewRoot a:focus-visible,
body.apfel-pro-ui #viewRoot input:focus-visible,
body.apfel-pro-ui #viewRoot select:focus-visible,
body.apfel-pro-ui #viewRoot textarea:focus-visible,
body.apfel-pro-ui #viewRoot summary:focus-visible {
  outline:3px solid #86b2ff!important;
  outline-offset:2px;
}

/* Consistent section spacing */
body.apfel-pro-ui #viewRoot :is(
  .ap-admin-section-head,
  .section-header
) {
  margin-block:24px 12px;
}

body.apfel-pro-ui #viewRoot :is(
  .ap-admin-box,
  .ap-admin-vpn,
  .ap-admin-tx
) {
  border-color:#d9e4f3;
}

/* Table overflow */
body.apfel-pro-ui #viewRoot .ap-admin-finance table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

body.apfel-pro-ui #viewRoot :is(
  .ap-admin-finance,
  .ap-admin-tools,
  .ap-ai-admin
) :is(input,select,textarea) {
  max-width:100%;
  min-width:0;
}

/* Financial toolbar */
body.apfel-pro-ui #viewRoot .ap-finance-toolbar {
  box-shadow:0 4px 18px rgba(22,52,91,.04);
}

body.apfel-pro-ui #viewRoot
.ap-finance-filters button[aria-pressed="true"] {
  font-weight:900;
}

/* AI filters and cards */
body.apfel-pro-ui #viewRoot
.ap-ai-orders-tabs button[aria-pressed="true"] {
  box-shadow:0 5px 14px rgba(33,91,208,.15);
}

body.apfel-pro-ui #viewRoot
.ap-ai-admin [data-ai-order] :is(
  .muted,
  .ap-ai-card-detail-rows
) {
  overflow-wrap:anywhere;
}

/* Readable empty states */
body.apfel-pro-ui #viewRoot
:is(.ap-ai-orders-empty,.ap-finance-no-results) {
  line-height:2;
  text-align:center;
}

/* Desktop hover */
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  body.apfel-pro-ui #viewRoot
  .ap-admin-action:hover {
    border-color:#a7c5f2!important;
    box-shadow:0 9px 25px rgba(29,78,148,.1)!important;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-finance-actions .ap-admin-action:hover {
    background:#f5f9ff!important;
  }
}

/* Tablet */
@media(min-width:700px) and (max-width:950px) {
  body.apfel-pro-ui #viewRoot
  .ap-admin-finance-actions {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:600px) {
  body.apfel-pro-ui #viewRoot>.page {
    padding-inline:12px;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-kpis {
    gap:9px;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-action {
    min-height:76px;
  }

  body.apfel-pro-ui #viewRoot
  .ap-ai-orders-tabs button {
    white-space:normal;
    line-height:1.6;
  }

  body.apfel-pro-ui #viewRoot
  .ap-finance-toolbar {
    gap:10px;
  }

  body.apfel-pro-ui #viewRoot
  [data-ai-order] {
    max-width:100%;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce) {
  body.apfel-pro-ui #viewRoot * {
    scroll-behavior:auto!important;
    transition-duration:0s!important;
  }
}


/* APFEL_AI_ORDER_SEARCH_CSS_V1 */

body.apfel-pro-ui .ap-ai-admin .ap-ai-quick-search {
  display:block;
  padding:17px;
  margin:12px 0 8px;
  border:1px solid #d6e3f2;
  border-radius:17px;
  background:#fff;
  color:#244467!important;
  font-size:13px;
  font-weight:850;
}

body.apfel-pro-ui .ap-ai-admin
.ap-ai-quick-search input {
  display:block;
  width:100%;
  min-height:48px;
  margin-top:9px;
  padding:11px 14px!important;
  border:1px solid #cbdcf0!important;
  border-radius:12px!important;
  background:#f8fbff!important;
  color:#173250!important;
  font-size:14px;
}

body.apfel-pro-ui .ap-ai-admin
.ap-ai-quick-search input:focus {
  border-color:#2667d5!important;
  box-shadow:0 0 0 3px #2667d51c!important;
}

body.apfel-pro-ui .ap-ai-admin
.ap-ai-search-count {
  margin:6px 3px 17px;
  color:#5b7391!important;
  font-size:12px;
  text-align:right;
}

@media(max-width:600px) {
  body.apfel-pro-ui .ap-ai-admin
  .ap-ai-quick-search {
    padding:13px;
  }
}


/* APFEL_ADMIN_USERS_UI_STYLE_V1 */

body.apfel-pro-ui:has(#adminUsersList) {
  background:#edf3fb!important;
  color:#172b49!important;
}

body.apfel-pro-ui:has(#adminUsersList) #app.mobile-app {
  background:transparent!important;
}

body.apfel-pro-ui #viewRoot:has(#adminUsersList)
.page-title h1 {
  color:#172b49!important;
}

body.apfel-pro-ui #adminUserSearch {
  display:block;
  width:100%;
  min-height:49px;
  margin:12px 0!important;
  padding:11px 15px!important;
  border:1px solid #cbdcf0!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#173453!important;
}

body.apfel-pro-ui .ap-users-toolbar {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:8px 0 17px;
}

body.apfel-pro-ui .ap-users-filter-buttons {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding:5px;
  background:#e5edf9;
  border-radius:14px;
}

body.apfel-pro-ui .ap-users-filter-buttons button {
  min-height:42px;
  border:0;
  border-radius:10px;
  padding:9px 14px;
  background:transparent;
  color:#425d80;
  font-weight:800;
  cursor:pointer;
}

body.apfel-pro-ui .ap-users-filter-buttons
button[aria-pressed="true"] {
  background:#215bd0;
  color:#fff;
  box-shadow:0 3px 12px rgba(33,91,208,.16);
}

body.apfel-pro-ui .ap-users-results {
  color:#526b8c!important;
  font-size:12px;
  margin:0;
}

body.apfel-pro-ui #adminUsersList
>button[data-admin-user] {
  border:1px solid #dae5f4!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#183553!important;
  padding:17px!important;
  text-align:right;
}

body.apfel-pro-ui #adminUsersList
>button[data-admin-user] strong {
  color:#173453!important;
}

body.apfel-pro-ui #adminUsersList
>button[data-admin-user] .muted {
  color:#5b718e!important;
}

body.apfel-pro-ui #adminUsersList
>button[data-admin-user][hidden],
body.apfel-pro-ui .ap-users-filter-empty[hidden] {
  display:none!important;
}

body.apfel-pro-ui .ap-users-filter-empty {
  padding:23px;
  background:#fff;
  color:#526b8b;
  border:1px dashed #c8d8eb;
  border-radius:15px;
  text-align:center;
}

@media(max-width:620px) {
  body.apfel-pro-ui .ap-users-filter-buttons {
    width:100%;
  }

  body.apfel-pro-ui .ap-users-filter-buttons button {
    flex:1;
    padding-inline:6px;
    font-size:11px;
  }

  body.apfel-pro-ui .ap-users-results {
    width:100%;
  }
}


/* APFEL_ADMIN_ORDERS_UI_CSS_V1 */

body.apfel-pro-ui:has(#viewRoot .ap-admin-orders-page) {
  background:#edf3fb!important;
  color:#17314f!important;
}

body.apfel-pro-ui:has(#viewRoot .ap-admin-orders-page)
#app.mobile-app {
  background:transparent!important;
}

body.apfel-pro-ui .ap-admin-orders-page .page-title h1 {
  color:#172f4f!important;
}

body.apfel-pro-ui .ap-orders-toolbar {
  display:grid;
  gap:12px;
  background:#fff;
  border:1px solid #d8e4f3;
  border-radius:19px;
  padding:18px;
  margin:16px 0 18px;
}

body.apfel-pro-ui .ap-orders-search {
  font-weight:800;
  color:#234466!important;
  font-size:13px;
}

body.apfel-pro-ui .ap-orders-search input {
  display:block;
  width:100%;
  min-height:47px;
  margin-top:8px;
  border:1px solid #ccdbec!important;
  background:#f8fbff!important;
  color:#173554!important;
  border-radius:12px!important;
  padding:10px 13px!important;
}

body.apfel-pro-ui .ap-orders-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

body.apfel-pro-ui .ap-orders-tabs button {
  padding:9px 14px;
  min-height:42px;
  border-radius:11px;
  border:1px solid #d0def1;
  background:#f3f7fc;
  color:#345476;
  font-weight:800;
  cursor:pointer;
}

body.apfel-pro-ui .ap-orders-tabs
button[aria-pressed="true"] {
  background:#245ed0;
  color:#fff;
  border-color:#245ed0;
}

body.apfel-pro-ui .ap-orders-count {
  margin:0;
  color:#627892!important;
  font-size:12px;
}

body.apfel-pro-ui .ap-orders-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:13px;
  align-items:start;
}

body.apfel-pro-ui .ap-orders-grid>.ap-orders-card {
  min-width:0;
  margin:0!important;
  padding:18px!important;
  background:#fff!important;
  color:#193551!important;
  border:1px solid #dbe5f2!important;
  border-inline-start:4px solid #d2a249!important;
  border-radius:18px!important;
  box-shadow:0 5px 16px rgba(26,68,119,.045);
}

body.apfel-pro-ui
.ap-orders-card[data-ap-order-status="approved"] {
  border-inline-start-color:#109375!important;
}

body.apfel-pro-ui .ap-orders-card:is(
  [data-ap-order-status="cancelled"],
  [data-ap-order-status="rejected"]
) {
  border-inline-start-color:#bd536d!important;
}

body.apfel-pro-ui .ap-orders-card strong {
  color:#183757!important;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-orders-card .muted {
  color:#5a7391!important;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-orders-card .traffic-row {
  display:flex;
  gap:12px;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-top:15px;
  padding-top:12px;
  border-top:1px solid #e8eef7;
}

body.apfel-pro-ui .ap-orders-card[hidden],
body.apfel-pro-ui .ap-orders-empty[hidden] {
  display:none!important;
}

body.apfel-pro-ui .ap-orders-empty {
  padding:26px;
  text-align:center;
  background:#fff;
  border:1px dashed #bfd2e9;
  border-radius:16px;
  color:#4c6687;
}

@media(min-width:800px) {
  body.apfel-pro-ui .ap-orders-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:550px) {
  body.apfel-pro-ui .ap-orders-toolbar {
    padding:12px;
  }

  body.apfel-pro-ui .ap-orders-tabs {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.apfel-pro-ui .ap-orders-tabs button {
    padding:9px 5px;
  }
}


/* APFEL_SYSTEM_AUDIT_PRO_V2 */

/* Main canvas */
body.apfel-pro-ui:has(#viewRoot #trafficWorkerHealth),
body.apfel-pro-ui:has(#viewRoot .admin-audit-page) {
  background:#edf3fb!important;
  color:#183451!important;
}

body.apfel-pro-ui:has(#viewRoot #trafficWorkerHealth)
#app.mobile-app,
body.apfel-pro-ui:has(#viewRoot .admin-audit-page)
#app.mobile-app {
  background:transparent!important;
}

/* Desktop width */
@media(min-width:950px) {
  body.apfel-pro-ui:has(#viewRoot #trafficWorkerHealth)
  :is(#app.mobile-app,#content,#viewRoot),
  body.apfel-pro-ui:has(#viewRoot .admin-audit-page)
  :is(#app.mobile-app,#content,#viewRoot) {
    width:100%!important;
    max-width:none!important;
    min-width:0;
  }

  body.apfel-pro-ui:has(#viewRoot #trafficWorkerHealth)
  #main,
  body.apfel-pro-ui:has(#viewRoot .admin-audit-page)
  #main {
    width:calc(100% - 40px)!important;
    max-width:1240px!important;
    margin-inline:auto!important;
  }
}

/* System health */
body.apfel-pro-ui #viewRoot
.page:has(#trafficWorkerHealth) .page-title h1 {
  color:#172f50!important;
}

body.apfel-pro-ui #viewRoot
.page:has(#trafficWorkerHealth) > .stats-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}

body.apfel-pro-ui #viewRoot
.page:has(#trafficWorkerHealth)
> .stats-grid > .stat-card {
  min-width:0;
  padding:19px!important;
  background:#fff!important;
  border:1px solid #d9e5f3!important;
  border-radius:18px!important;
  box-shadow:0 5px 19px rgba(22,60,108,.05);
}

body.apfel-pro-ui #viewRoot
.page:has(#trafficWorkerHealth)
> .stats-grid .stat-label {
  color:#536e8e!important;
  font-weight:800;
}

body.apfel-pro-ui #viewRoot
.page:has(#trafficWorkerHealth)
> .stats-grid .stat-value {
  color:#183957!important;
  font-size:clamp(17px,2.5vw,24px);
  font-weight:900;
  overflow-wrap:anywhere;
}

/* Traffic Worker */
body.apfel-pro-ui #viewRoot #trafficWorkerHealth {
  padding:clamp(18px,3vw,28px)!important;
  background:linear-gradient(125deg,#17365e,#24558d)!important;
  border:1px solid #426b9b!important;
  border-radius:22px!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(17,50,98,.15);
}

body.apfel-pro-ui #trafficWorkerHealth h2,
body.apfel-pro-ui #trafficWorkerHealth .stat-value {
  color:#fff!important;
}

body.apfel-pro-ui #trafficWorkerHealth
:is(.muted,.stat-label) {
  color:#dfebfb!important;
  opacity:1!important;
}

body.apfel-pro-ui #trafficWorkerHealth .stats-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body.apfel-pro-ui #trafficWorkerHealth .stat-card {
  min-width:0;
  padding:15px!important;
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

body.apfel-pro-ui #trafficWorkerHealth .stat-value {
  font-weight:900;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #healthRefresh {
  min-height:46px;
  background:#fff!important;
  color:#174678!important;
  border-radius:12px!important;
  font-weight:900;
}

/* Audit */
body.apfel-pro-ui .admin-audit-page .page-title h1 {
  color:#172f50!important;
  font-weight:900;
}

body.apfel-pro-ui .admin-audit-page
.page-title .muted {
  color:#617894!important;
}

body.apfel-pro-ui .audit-page-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  flex-wrap:wrap;
}

body.apfel-pro-ui .audit-count {
  padding:13px 20px;
  border:1px solid #cddff8;
  border-radius:15px;
  background:#eaf2ff!important;
  color:#24549d!important;
}

body.apfel-pro-ui .audit-count strong {
  color:#205dca!important;
  font-size:24px;
  font-weight:900;
}

body.apfel-pro-ui .audit-count span {
  color:#526f90!important;
}

/* Audit filters */
body.apfel-pro-ui .audit-filter-panel {
  padding:clamp(15px,3vw,24px)!important;
  margin:17px 0;
  background:#fff!important;
  border:1px solid #dae5f3!important;
  border-radius:20px!important;
  box-shadow:0 5px 18px rgba(25,60,110,.05);
}

body.apfel-pro-ui .audit-filter-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}

body.apfel-pro-ui .audit-filter-grid label {
  min-width:0;
  color:#294869!important;
  font-size:12px;
  font-weight:800;
}

body.apfel-pro-ui .audit-filter-grid label span {
  display:block;
  margin-bottom:7px;
}

body.apfel-pro-ui .audit-filter-grid
:is(input,select) {
  width:100%;
  min-width:0;
  min-height:46px;
  padding:10px 12px!important;
  border:1px solid #cbdaed!important;
  border-radius:12px!important;
  background:#f8fbff!important;
  color:#183655!important;
}

body.apfel-pro-ui .audit-filter-wide {
  grid-column:1/-1;
}

body.apfel-pro-ui .audit-filter-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

body.apfel-pro-ui .audit-filter-actions button {
  min-height:45px;
  border-radius:12px;
  padding:10px 18px;
  font-weight:850;
}

body.apfel-pro-ui .audit-search-button {
  background:#245fd1!important;
  color:white!important;
}

body.apfel-pro-ui .audit-reset-button {
  background:#eef3fb!important;
  color:#26517e!important;
  border:1px solid #d5e1f1!important;
}

/* Audit results */
body.apfel-pro-ui .audit-result-bar {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  margin:14px 0;
  padding:13px 17px;
  background:#e8f1fc!important;
  border-radius:13px;
  color:#34577c!important;
}

body.apfel-pro-ui .audit-log-list {
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:14px;
}

body.apfel-pro-ui .audit-log-card {
  min-width:0;
  margin:0!important;
  padding:clamp(15px,2.5vw,22px)!important;
  background:#fff!important;
  color:#203c5c!important;
  border:1px solid #dce6f3!important;
  border-inline-start:4px solid #3975d0!important;
  border-radius:18px!important;
  box-shadow:0 5px 18px rgba(24,62,111,.045);
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .audit-log-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:14px;
}

body.apfel-pro-ui .audit-log-head strong {
  color:#193a60!important;
  font-size:14px;
  font-weight:900;
}

body.apfel-pro-ui .audit-log-head time {
  color:#5c7591!important;
}

body.apfel-pro-ui .audit-action-code {
  color:#607b9a!important;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .audit-fields {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

body.apfel-pro-ui .audit-field {
  min-width:0;
  padding:11px;
  background:#f5f8fd!important;
  border:1px solid #e0e9f4;
  border-radius:11px;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .audit-field strong {
  color:#244465!important;
}

body.apfel-pro-ui .audit-details {
  margin-top:15px;
  border:1px solid #d7e3f2;
  border-radius:13px;
  overflow:hidden;
}

body.apfel-pro-ui .audit-details summary {
  cursor:pointer;
  padding:12px 14px;
  background:#edf4fe;
  color:#245bb8!important;
  font-weight:850;
}

body.apfel-pro-ui .audit-json-section {
  min-width:0;
  overflow-x:auto;
}

body.apfel-pro-ui .audit-json-section pre {
  max-height:350px;
  overflow:auto;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

/* Desktop */
@media(min-width:850px) {
  body.apfel-pro-ui #viewRoot
  .page:has(#trafficWorkerHealth) > .stats-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  body.apfel-pro-ui #trafficWorkerHealth .stats-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  body.apfel-pro-ui .audit-filter-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  body.apfel-pro-ui .audit-log-list {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:550px) {
  body.apfel-pro-ui .audit-filter-grid,
  body.apfel-pro-ui .audit-fields {
    grid-template-columns:1fr;
  }

  body.apfel-pro-ui .audit-filter-actions button {
    flex:1;
  }
}


/* APFEL_MANAGEMENT_FILTERS_CSS_V1 */

body.apfel-pro-ui .ap-management-toolbar {
  margin:17px 0;
  padding:18px;
  background:#fff!important;
  border:1px solid #d8e5f3;
  border-radius:19px;
  box-shadow:0 5px 20px rgba(24,61,107,.045);
}

body.apfel-pro-ui .ap-management-help {
  margin:0 0 13px;
  color:#294b70!important;
  font-size:13px;
  font-weight:850;
}

body.apfel-pro-ui .ap-management-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

body.apfel-pro-ui .ap-management-tabs button {
  min-height:44px;
  padding:10px 15px;
  border:1px solid #d2dfef;
  border-radius:12px;
  background:#f3f7fc;
  color:#345677;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}

body.apfel-pro-ui .ap-management-tabs
button[aria-pressed="true"] {
  background:#245fd1!important;
  color:#fff!important;
  border-color:#245fd1!important;
}

body.apfel-pro-ui .ap-management-summary {
  margin:13px 0 0;
  color:#617a96!important;
  font-size:12px;
}

body.apfel-pro-ui
#adminManagementAccounts > .ap-admin-vpn[hidden] {
  display:none!important;
}

body.apfel-pro-ui
#adminManagementAccounts
.ap-admin-vpn[data-ap-usage-level="high"]
.ap-admin-progress > div {
  background:linear-gradient(
    90deg,#e8a04a,#d15b38
  )!important;
}

body.apfel-pro-ui
#adminManagementAccounts
.ap-admin-vpn[data-ap-usage-level="high"] {
  border-inline-start:4px solid #da843c!important;
}

body.apfel-pro-ui .ap-management-empty {
  margin-top:12px;
  padding:26px 15px;
  background:#fff;
  border:1px dashed #bfd3e9;
  border-radius:15px;
  text-align:center;
  color:#526b88;
}

body.apfel-pro-ui .ap-management-empty[hidden] {
  display:none!important;
}

@media(max-width:550px) {
  body.apfel-pro-ui .ap-management-toolbar {
    padding:13px;
  }

  body.apfel-pro-ui .ap-management-tabs {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.apfel-pro-ui .ap-management-tabs button {
    padding:9px 6px;
  }
}


/* APFEL_RESERVES_UI_CSS_V1 */

body.apfel-pro-ui:has(#viewRoot .ap-reserves-page) {
  background:#edf3fb!important;
  color:#183452!important;
}

body.apfel-pro-ui:has(#viewRoot .ap-reserves-page)
#app.mobile-app {
  background:transparent!important;
}

body.apfel-pro-ui #viewRoot
.ap-reserves-page .page-title h1 {
  color:#173453!important;
  font-weight:900;
}

body.apfel-pro-ui .ap-reserves-toolbar {
  display:grid;
  gap:14px;
  margin:17px 0 20px;
  padding:19px;
  background:#fff!important;
  border:1px solid #d7e4f3;
  border-radius:19px;
  box-shadow:0 5px 20px rgba(22,62,111,.045);
}

body.apfel-pro-ui .ap-reserves-search {
  color:#284a6d!important;
  font-size:13px;
  font-weight:850;
}

body.apfel-pro-ui .ap-reserves-search input {
  display:block;
  width:100%;
  min-height:48px;
  margin-top:9px;
  padding:11px 14px!important;
  border:1px solid #cbdbef!important;
  border-radius:12px!important;
  background:#f8fbff!important;
  color:#173654!important;
  font-size:14px;
}

body.apfel-pro-ui .ap-reserves-search input:focus {
  border-color:#2869d5!important;
  box-shadow:0 0 0 3px rgba(40,105,213,.11);
}

body.apfel-pro-ui .ap-reserves-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.apfel-pro-ui .ap-reserves-tabs button {
  min-height:44px;
  padding:10px 15px;
  border:1px solid #d0dff0;
  border-radius:12px;
  background:#f2f7fd;
  color:#355574;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}

body.apfel-pro-ui .ap-reserves-tabs
button[aria-pressed="true"] {
  background:#245fd1!important;
  border-color:#245fd1!important;
  color:#fff!important;
}

body.apfel-pro-ui .ap-reserves-count {
  margin:0;
  color:#627993!important;
  font-size:12px;
}

body.apfel-pro-ui .ap-reserves-grid {
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:13px;
}

body.apfel-pro-ui .ap-reserves-grid
> .ap-reserve-card {
  min-width:0;
  margin:0!important;
  padding:19px!important;
  background:#fff!important;
  color:#193656!important;
  border:1px solid #dce6f3!important;
  border-inline-start:4px solid #d7a344!important;
  border-radius:18px!important;
  box-shadow:0 5px 17px rgba(24,62,111,.045);
}

body.apfel-pro-ui .ap-reserve-card
strong.code {
  color:#194276!important;
  font-size:15px;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-reserve-card
.traffic-row {
  margin-top:15px;
  padding-top:13px;
  border-top:1px solid #e5edf7;
  color:#526d8e!important;
}

body.apfel-pro-ui
.ap-reserve-card[data-reserve-category="activated"] {
  border-inline-start-color:#13a17e!important;
}

body.apfel-pro-ui
.ap-reserve-card[data-reserve-category="other"] {
  border-inline-start-color:#b85c73!important;
}

body.apfel-pro-ui
.ap-reserve-card[data-reserve-category="activated"]
.status {
  background:#e4f7ef!important;
  color:#087251!important;
}

body.apfel-pro-ui
.ap-reserve-card[data-reserve-category="reserved"]
.status {
  background:#fff3dc!important;
  color:#996311!important;
}

body.apfel-pro-ui
.ap-reserve-card[data-reserve-category="other"]
.status {
  background:#fcecf0!important;
  color:#a53450!important;
}

body.apfel-pro-ui .ap-reserve-card[hidden],
body.apfel-pro-ui .ap-reserves-empty[hidden] {
  display:none!important;
}

body.apfel-pro-ui .ap-reserves-empty {
  padding:28px 16px;
  background:#fff;
  color:#526c89;
  border:1px dashed #bfd1e9;
  border-radius:16px;
  text-align:center;
}

@media(min-width:800px) {
  body.apfel-pro-ui .ap-reserves-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:550px) {
  body.apfel-pro-ui .ap-reserves-toolbar {
    padding:13px;
  }

  body.apfel-pro-ui .ap-reserves-tabs {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.apfel-pro-ui .ap-reserves-tabs button {
    padding:9px 6px;
  }
}


/* APFEL_WALLETS_UI_CSS_V1 */

/* Wallet list and wallet detail */
body.apfel-pro-ui:has(#viewRoot #adminWalletList),
body.apfel-pro-ui:has(#viewRoot .ap-admin-balance) {
  background:#edf3fb!important;
  color:#183653!important;
}

body.apfel-pro-ui:has(#viewRoot #adminWalletList)
#app.mobile-app,
body.apfel-pro-ui:has(#viewRoot .ap-admin-balance)
#app.mobile-app {
  background:transparent!important;
}

/* Header */
body.apfel-pro-ui #viewRoot:has(#adminWalletList)
.ap-admin-page-title h1,
body.apfel-pro-ui #viewRoot:has(.ap-admin-balance)
.ap-admin-page-title h1 {
  color:#173654!important;
}

body.apfel-pro-ui #viewRoot:has(#adminWalletList)
.ap-admin-page-title p {
  color:#5b7492!important;
}

/* Statistics */
body.apfel-pro-ui #viewRoot:has(#adminWalletList)
.stats-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

body.apfel-pro-ui #viewRoot:has(#adminWalletList)
.stats-grid > .stat-card {
  min-width:0;
  background:#fff!important;
  border:1px solid #d9e5f3!important;
  border-radius:17px!important;
  padding:18px!important;
}

body.apfel-pro-ui #viewRoot:has(#adminWalletList)
.stat-value {
  color:#1d4d89!important;
  font-size:clamp(17px,2.5vw,23px);
  font-weight:900;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot:has(#adminWalletList)
.stat-label {
  color:#5b7490!important;
}

/* Search */
body.apfel-pro-ui #adminWalletSearch {
  display:block;
  width:100%;
  min-height:49px;
  margin:17px 0 14px!important;
  padding:12px 15px!important;
  background:#fff!important;
  color:#193652!important;
  border:1px solid #cadbed!important;
  border-radius:14px!important;
}

body.apfel-pro-ui #adminWalletSearch:focus {
  border-color:#2865d1!important;
  box-shadow:0 0 0 3px rgba(40,101,209,.12);
}

/* Toolbar */
body.apfel-pro-ui .ap-wallets-toolbar {
  display:grid;
  gap:13px;
  padding:18px;
  margin:14px 0 18px;
  border:1px solid #d7e4f2;
  background:#fff;
  border-radius:19px;
  box-shadow:0 5px 20px rgba(25,64,111,.045);
}

body.apfel-pro-ui .ap-wallets-toolbar-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
}

body.apfel-pro-ui .ap-wallets-toolbar-head strong {
  color:#234767!important;
  font-size:14px;
}

body.apfel-pro-ui .ap-wallets-toolbar-head span {
  color:#6a809b!important;
  font-size:11px;
}

body.apfel-pro-ui .ap-wallets-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

body.apfel-pro-ui .ap-wallets-tabs button {
  min-height:44px;
  padding:10px 15px;
  border:1px solid #cedef0;
  border-radius:12px;
  background:#f1f6fc;
  color:#345777;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}

body.apfel-pro-ui .ap-wallets-tabs
button[aria-pressed="true"] {
  background:#245ed0!important;
  color:#fff!important;
  border-color:#245ed0!important;
}

body.apfel-pro-ui .ap-wallets-summary {
  margin:0;
  color:#5e7893!important;
  font-size:12px;
}

/* Wallet cards */
body.apfel-pro-ui #adminWalletList {
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:13px;
}

body.apfel-pro-ui #adminWalletList
> .ap-wallet-card {
  display:block;
  min-width:0;
  width:100%;
  margin:0!important;
  padding:19px!important;
  background:#fff!important;
  color:#1a3856!important;
  border:1px solid #dce5f1!important;
  border-inline-start:4px solid #20a27d!important;
  border-radius:18px!important;
  box-shadow:0 5px 18px rgba(25,65,111,.045);
  text-align:right!important;
  cursor:pointer;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #adminWalletList
> .ap-wallet-card[data-wallet-state="inactive"] {
  border-inline-start-color:#c77687!important;
}

body.apfel-pro-ui #adminWalletList
> .ap-wallet-card strong {
  color:#183857!important;
}

body.apfel-pro-ui #adminWalletList
> .ap-wallet-card .muted {
  color:#607a96!important;
}

body.apfel-pro-ui #adminWalletList
> .ap-wallet-card .traffic-row {
  margin-top:16px!important;
  padding-top:13px;
  border-top:1px solid #e7edf6;
  color:#506d8e!important;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:10px;
}

body.apfel-pro-ui #adminWalletList
> .ap-wallet-card .badge.active {
  background:#e4f8ee!important;
  color:#087251!important;
}

body.apfel-pro-ui #adminWalletList
> .ap-wallet-card .badge.failed {
  background:#ffedf1!important;
  color:#a73c56!important;
}

body.apfel-pro-ui #adminWalletList
> .ap-wallet-card[hidden],
body.apfel-pro-ui .ap-wallets-empty[hidden] {
  display:none!important;
}

body.apfel-pro-ui .ap-wallets-empty {
  margin:15px 0;
  padding:26px;
  background:#fff;
  border:1px dashed #c2d4e9;
  border-radius:16px;
  color:#59718f;
  text-align:center;
}

/* Pagination */
body.apfel-pro-ui #adminWalletPagination {
  margin:18px 0;
  padding:12px;
  border:1px solid #dae5f2;
  border-radius:16px;
  background:#fff;
}

body.apfel-pro-ui #adminWalletPagination
button {
  min-height:42px;
  border-radius:11px;
}

/* Wallet detail */
body.apfel-pro-ui #viewRoot .ap-admin-balance {
  padding:24px!important;
  border-radius:22px!important;
  background:linear-gradient(
    125deg,#17365d,#265d9d
  )!important;
  border:1px solid #3c6b9b!important;
  box-shadow:0 12px 27px rgba(24,65,113,.14);
}

body.apfel-pro-ui #viewRoot
.ap-admin-balance :is(small,strong,span) {
  color:#fff!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-balance strong {
  display:block;
  font-size:clamp(26px,4vw,38px);
  font-weight:900;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot:has(.ap-admin-balance)
.stats-grid > .stat-card {
  min-width:0;
  background:#fff!important;
  border:1px solid #dce6f2!important;
  border-radius:16px!important;
}

/* Desktop */
@media(min-width:800px) {
  body.apfel-pro-ui #adminWalletList {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.apfel-pro-ui #viewRoot:has(#adminWalletList)
  .stats-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:550px) {
  body.apfel-pro-ui .ap-wallets-toolbar {
    padding:13px;
  }

  body.apfel-pro-ui .ap-wallets-tabs {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  body.apfel-pro-ui .ap-wallets-tabs button {
    padding:9px 5px;
    font-size:11px;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-balance {
    padding:20px!important;
  }
}


/* APFEL_ACCOUNTS_UI_CSS_V1 */

body.apfel-pro-ui:has(#viewRoot .ap-accounts-page) {
  background:#edf3fb!important;
  color:#193653!important;
}

body.apfel-pro-ui:has(#viewRoot .ap-accounts-page)
#app.mobile-app {
  background:transparent!important;
}

body.apfel-pro-ui .ap-accounts-page .page-title h1 {
  color:#173655!important;
}

body.apfel-pro-ui .ap-accounts-page .page-title .muted {
  color:#607994!important;
}

body.apfel-pro-ui .ap-accounts-page #adminAccountSearch {
  display:block;
  width:100%;
  min-height:49px;
  margin:14px 0!important;
  padding:12px 15px!important;
  border:1px solid #cadbed!important;
  background:#fff!important;
  color:#173654!important;
  border-radius:14px!important;
}

body.apfel-pro-ui .ap-accounts-toolbar {
  display:grid;
  gap:12px;
  margin:15px 0 18px;
  padding:17px;
  background:#fff!important;
  border:1px solid #d9e4f2;
  border-radius:18px;
  box-shadow:0 5px 18px rgba(26,66,112,.04);
}

body.apfel-pro-ui .ap-accounts-toolbar-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

body.apfel-pro-ui .ap-accounts-toolbar-top strong {
  color:#254667!important;
  font-size:14px;
}

body.apfel-pro-ui .ap-accounts-toolbar-top span,
body.apfel-pro-ui .ap-accounts-count {
  color:#607a95!important;
  font-size:12px;
}

body.apfel-pro-ui .ap-accounts-count {
  margin:0;
}

body.apfel-pro-ui .ap-accounts-filters {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.apfel-pro-ui .ap-accounts-filters button {
  min-height:44px;
  padding:9px 15px;
  background:#f2f7fd;
  color:#345777;
  border:1px solid #d1dfef;
  border-radius:12px;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}

body.apfel-pro-ui .ap-accounts-filters
button[aria-pressed="true"] {
  background:#245fd1!important;
  border-color:#245fd1!important;
  color:#fff!important;
}

body.apfel-pro-ui .ap-accounts-page
.ap-accounts-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  align-items:start;
}

body.apfel-pro-ui .ap-accounts-page
.ap-accounts-card {
  min-width:0;
  margin:0!important;
  padding:19px!important;
  background:#fff!important;
  color:#193856!important;
  border:1px solid #d9e5f2!important;
  border-inline-start:4px solid #169b7b!important;
  border-radius:18px!important;
  box-shadow:0 5px 18px rgba(22,65,115,.045);
}

body.apfel-pro-ui .ap-accounts-page
.ap-accounts-card[data-ap-account-state="disabled"] {
  border-inline-start-color:#c67783!important;
}

body.apfel-pro-ui .ap-accounts-page
.ap-accounts-card[data-ap-account-traffic="high"] {
  border-top:3px solid #e6a050!important;
}

body.apfel-pro-ui .ap-accounts-page .account-user {
  color:#1c4c84!important;
  font-weight:900;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-accounts-page
.account-top .muted,
body.apfel-pro-ui .ap-accounts-page .traffic-row {
  color:#57738f!important;
}

body.apfel-pro-ui .ap-accounts-page
.ap-accounts-usage {
  padding-top:13px;
  color:#4f6f91;
  font-size:12px;
  font-weight:800;
}

body.apfel-pro-ui .ap-accounts-page .progress {
  margin-top:7px;
  background:#eaf0f8!important;
  border-radius:20px;
  overflow:hidden;
}

body.apfel-pro-ui .ap-accounts-page .progress-value {
  background:linear-gradient(
    90deg,#42b9a6,#2689d0
  )!important;
}

body.apfel-pro-ui .ap-accounts-page
.ap-accounts-card[data-ap-account-traffic="high"]
.progress-value {
  background:linear-gradient(
    90deg,#efbb54,#d76f41
  )!important;
}

body.apfel-pro-ui .ap-accounts-page .actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:17px;
}

body.apfel-pro-ui .ap-accounts-page
.actions > button {
  min-width:0;
  width:100%;
  min-height:44px;
  margin:0!important;
  padding:9px!important;
  border-radius:11px!important;
  font-size:12px;
  font-weight:850;
}

body.apfel-pro-ui .ap-accounts-copy {
  background:#eaf2fe!important;
  color:#2359b0!important;
  border:1px solid #cfdef5!important;
}

body.apfel-pro-ui .ap-accounts-page
.ap-accounts-card[hidden],
body.apfel-pro-ui .ap-accounts-empty[hidden] {
  display:none!important;
}

body.apfel-pro-ui .ap-accounts-empty {
  margin-top:15px;
  padding:26px;
  border:1px dashed #c3d5e9;
  border-radius:16px;
  background:#fff;
  color:#516e8d;
  text-align:center;
}

@media(min-width:800px) {
  body.apfel-pro-ui .ap-accounts-page
  .ap-accounts-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:550px) {
  body.apfel-pro-ui .ap-accounts-toolbar {
    padding:13px;
  }

  body.apfel-pro-ui .ap-accounts-filters {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.apfel-pro-ui .ap-accounts-filters button {
    padding:9px 5px;
  }
}


/* APFEL_USER_DETAIL_CSS_V1 */

body.apfel-pro-ui:has(#viewRoot .ap-admin-user-detail) {
  background:#edf3fb!important;
  color:#193451!important;
}

body.apfel-pro-ui:has(#viewRoot .ap-admin-user-detail)
#app.mobile-app {
  background:transparent!important;
}

body.apfel-pro-ui .ap-admin-user-detail {
  direction:rtl;
  color:#193451;
}

body.apfel-pro-ui .ap-admin-user-detail
.page-title {
  padding:20px 23px;
  margin-bottom:14px;
  border-radius:20px;
  background:linear-gradient(
    125deg,#183961,#245a94
  )!important;
  border:1px solid #366999;
}

body.apfel-pro-ui .ap-admin-user-detail
.page-title h1 {
  color:#fff!important;
  font-size:clamp(21px,3vw,28px);
  font-weight:900;
}

body.apfel-pro-ui .ap-admin-user-detail
.page-title .code {
  margin-top:7px;
  color:#dceaff!important;
  font-size:13px;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-user-detail-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding:15px 17px;
  margin-bottom:18px;
  background:#fff;
  border:1px solid #d8e4f2;
  border-radius:16px;
}

body.apfel-pro-ui .ap-user-detail-summary {
  color:#31577e;
  font-size:13px;
  font-weight:850;
}

body.apfel-pro-ui .ap-user-detail-copy {
  min-height:40px;
  padding:8px 15px;
  border:1px solid #d1e0f5;
  border-radius:11px;
  background:#ecf3fd;
  color:#235bb2;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}

body.apfel-pro-ui .ap-user-detail-copy:disabled {
  opacity:.75;
  cursor:default;
}

body.apfel-pro-ui .ap-user-detail-copy:focus-visible {
  outline:3px solid #7daaff!important;
  outline-offset:2px;
}

/* User information */
body.apfel-pro-ui .ap-admin-user-detail
> .card:has(.info-grid) {
  padding:20px!important;
  background:#fff!important;
  border:1px solid #d9e5f3!important;
  border-radius:20px!important;
  box-shadow:0 5px 20px rgba(23,63,112,.04);
}

body.apfel-pro-ui .ap-admin-user-detail
.info-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

body.apfel-pro-ui .ap-admin-user-detail
.info-grid .info-box {
  min-width:0;
  padding:16px!important;
  background:#f5f8fe!important;
  border:1px solid #e1e9f5!important;
  border-radius:13px!important;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-admin-user-detail
.info-box .muted {
  color:#5c7390!important;
}

/* Accounts */
body.apfel-pro-ui .ap-admin-user-detail
.section-header {
  margin-top:27px;
  margin-bottom:14px;
}

body.apfel-pro-ui .ap-admin-user-detail
.section-header h2 {
  color:#1c3b5d!important;
  font-size:19px;
  font-weight:900;
}

body.apfel-pro-ui .ap-user-detail-accounts {
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:14px;
}

body.apfel-pro-ui .ap-user-detail-accounts
> .ap-user-detail-account {
  min-width:0;
  margin:0!important;
  padding:20px!important;
  background:#fff!important;
  color:#183554!important;
  border:1px solid #d8e4f2!important;
  border-inline-start:4px solid #149a7b!important;
  border-radius:19px!important;
  box-shadow:0 5px 20px rgba(22,62,111,.045);
}

body.apfel-pro-ui .ap-user-detail-account
.account-user {
  color:#204f91!important;
  font-size:16px;
  font-weight:900;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui .ap-user-detail-account
.account-top .muted {
  color:#607793!important;
}

body.apfel-pro-ui .ap-user-detail-account
.ap-user-detail-copy-small {
  min-height:34px;
  margin-top:9px;
  padding:6px 10px;
  font-size:11px;
}

body.apfel-pro-ui .ap-user-detail-account
.progress {
  margin-top:18px;
  background:#e8eff7!important;
  border-radius:20px;
  overflow:hidden;
}

body.apfel-pro-ui .ap-user-detail-account
.progress-value {
  background:linear-gradient(
    90deg,#35baa6,#2e83cf
  )!important;
}

body.apfel-pro-ui
.ap-user-detail-account[data-ap-account-high="true"]
.progress-value {
  background:linear-gradient(
    90deg,#efba58,#d66b46
  )!important;
}

body.apfel-pro-ui
.ap-user-detail-account[data-ap-account-high="true"] {
  border-top:3px solid #e9a851!important;
}

body.apfel-pro-ui
.ap-user-detail-account[data-ap-account-active="false"] {
  border-inline-start-color:#c37888!important;
}

body.apfel-pro-ui .ap-user-detail-account
.traffic-row {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  padding-top:13px;
  color:#526e8d!important;
}

body.apfel-pro-ui .ap-user-detail-account
.actions {
  margin-top:17px;
  padding-top:13px;
  border-top:1px solid #e6edf7;
}

body.apfel-pro-ui .ap-user-detail-account
.actions button {
  min-height:44px;
  border-radius:11px!important;
  font-weight:800;
}

@media(min-width:800px) {
  body.apfel-pro-ui
  .ap-user-detail-accounts {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(min-width:950px) {
  body.apfel-pro-ui:has(.ap-admin-user-detail)
  #main {
    width:calc(100% - 40px)!important;
    max-width:1240px!important;
    margin-inline:auto!important;
  }
}

@media(max-width:550px) {
  body.apfel-pro-ui .ap-admin-user-detail
  .info-grid {
    grid-template-columns:1fr;
  }

  body.apfel-pro-ui .ap-admin-user-detail
  .page-title {
    padding:18px;
  }

  body.apfel-pro-ui .ap-user-detail-toolbar {
    padding:13px;
  }
}


/* APFEL_TOOLS_WORKSPACE_V1 */

/* Workspace */
body.apfel-pro-ui:has(#viewRoot .ap-admin-tools) {
  background:#edf3fb!important;
  color:#193552!important;
}

body.apfel-pro-ui:has(#viewRoot .ap-admin-tools)
#app.mobile-app {
  background:transparent!important;
}

body.apfel-pro-ui #viewRoot .ap-admin-tools {
  direction:rtl;
  width:100%;
  min-width:0;
  padding-bottom:35px;
}

/* Header */
body.apfel-pro-ui #viewRoot
.ap-admin-tools > .ap-admin-page-title {
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
  padding:23px 26px;
  border:1px solid #356498;
  border-radius:22px;
  background:linear-gradient(
    125deg,#17355d,#265b96
  )!important;
  box-shadow:0 12px 28px rgba(23,62,111,.12);
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools > .ap-admin-page-title h1 {
  color:#fff!important;
  font-size:clamp(21px,3vw,29px);
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools > .ap-admin-page-title :is(small,p) {
  color:#dce9fa!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools > .ap-admin-page-title .ap-admin-back {
  flex:none;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:14px;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
}

/* Sales status */
body.apfel-pro-ui #viewRoot
.ap-admin-tools > .ap-admin-sales {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:13px;
  padding:19px 21px!important;
  border:1px solid #d7e4f2!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 5px 20px rgba(24,62,111,.045);
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-admin-sales > div {
  flex:1;
  min-width:0;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-admin-sales small {
  color:#607895!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminSalesState {
  display:block;
  font-size:15px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminSalesState.online {
  color:#087956!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminSalesState.offline {
  color:#b13950!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminToggleSales {
  min-width:90px;
  min-height:45px;
  padding:10px 15px;
  border:1px solid #c9daf0;
  border-radius:12px;
  background:#edf4fe!important;
  color:#245bb6!important;
  font-weight:850;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminToggleSales:disabled {
  opacity:.6;
  cursor:wait;
}

/* Main cards */
body.apfel-pro-ui #viewRoot
.ap-admin-tools > .ap-admin-box {
  min-width:0;
  padding:clamp(17px,2.5vw,25px)!important;
  border:1px solid #d9e4f2!important;
  border-radius:21px!important;
  background:#fff!important;
  color:#1a3857!important;
  box-shadow:0 6px 24px rgba(26,62,109,.05);
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-admin-box-head {
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:17px;
  margin-bottom:19px;
  border-bottom:1px solid #e4ecf6;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-admin-box-head > span {
  flex:none;
  display:grid;
  place-items:center;
  width:45px;
  height:45px;
  border-radius:14px;
  background:#ebf3ff!important;
  color:#245fca!important;
  font-size:24px;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-admin-box-head strong {
  color:#193755!important;
  font-size:16px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-admin-box-head small {
  color:#607b98!important;
  font-size:12px;
}

/* User type */
body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-identity-switch {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  padding:6px;
  border:1px solid #d5e2f2;
  border-radius:15px;
  background:#eff4fb!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-identity-switch button {
  min-width:0;
  min-height:48px;
  padding:9px;
  border-radius:11px;
  background:transparent;
  color:#47627f;
  font-weight:850;
  white-space:normal;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-identity-switch button.active {
  background:#fff!important;
  color:#205bc2!important;
  box-shadow:0 3px 11px rgba(31,75,144,.11);
}

/* Recent Telegram users */
body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-admin-recent-list {
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-admin-recent-user {
  display:flex;
  align-items:center;
  min-width:0;
  min-height:68px;
  padding:12px;
  border:1px solid #dce6f3;
  border-radius:14px;
  background:#fff!important;
  color:#173855!important;
  text-align:right;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-admin-recent-user.selected {
  border-color:#2868d2!important;
  background:#edf4ff!important;
  box-shadow:inset 0 0 0 1px #2868d2;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-admin-recent-copy {
  min-width:0;
  flex:1;
  overflow-wrap:anywhere;
}

/* Form controls */
body.apfel-pro-ui #viewRoot
.ap-admin-tools :is(
  #adminCreateTelegramId,
  #adminAccountSearch
) {
  width:100%;
  min-width:0;
  min-height:48px;
  padding:11px 14px!important;
  border:1px solid #cbdcf0!important;
  border-radius:13px!important;
  background:#f8fbff!important;
  color:#173653!important;
  font-size:14px;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools :is(
  #adminCreateTelegramId,
  #adminAccountSearch
):focus {
  border-color:#286bd9!important;
  box-shadow:0 0 0 3px rgba(40,107,217,.12);
}

/* Selectors */
body.apfel-pro-ui #viewRoot
.ap-admin-tools :is(
  #apSelectedWebUser,
  #apCreatePlanTrigger
) {
  display:flex;
  align-items:center;
  gap:13px;
  width:100%;
  min-width:0;
  min-height:68px;
  padding:14px 16px;
  border:1px solid #cbdcef!important;
  border-radius:15px!important;
  background:#f8fbff!important;
  color:#193655!important;
  text-align:right;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools :is(
  #apSelectedWebUser,
  #apCreatePlanTrigger
) .ap-premium-select-copy {
  flex:1;
  min-width:0;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-premium-select-copy strong {
  color:#1a3b60!important;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools :is(
  #apWebUserPicker,
  #apCreatePlanPicker
):not(.hidden) {
  max-height:360px;
  overflow-y:auto;
  overscroll-behavior:contain;
  margin-top:9px;
  padding:9px;
  border:1px solid #d5e1f0;
  border-radius:15px;
  background:#fff!important;
  box-shadow:0 7px 19px rgba(24,61,111,.07);
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools :is(
  .ap-premium-plan-option,
  .ap-web-customer-option
) {
  width:100%;
  min-width:0;
  min-height:62px;
  margin:4px 0;
  padding:13px!important;
  border:1px solid #e0e9f5;
  border-radius:12px;
  background:#fff!important;
  color:#244465!important;
  text-align:right;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-premium-plan-option.selected {
  border-color:#2865d1!important;
  background:#edf4ff!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-plan-main {
  min-width:0;
  overflow-wrap:anywhere;
}

/* Help note */
body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-admin-info-note {
  padding:14px 16px;
  margin:17px 0;
  border:1px solid #cfe0f5;
  border-radius:13px;
  background:#f1f6ff!important;
  color:#49688b!important;
  line-height:1.9;
  font-size:12px;
}

/* Create button */
body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminCreateAccountButton {
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  min-height:75px;
  padding:15px 19px!important;
  border:1px solid #245fc9!important;
  border-radius:17px!important;
  background:linear-gradient(
    125deg,#1e60d0,#3180e5
  )!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(31,97,205,.15);
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminCreateAccountButton > div {
  flex:1;
  min-width:0;
  text-align:right;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminCreateAccountButton strong {
  color:#fff!important;
  font-size:16px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminCreateAccountButton small {
  color:#e5efff!important;
  font-size:12px;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminCreateAccountButton:disabled {
  opacity:.65;
  cursor:wait;
}

/* Search */
body.apfel-pro-ui #viewRoot
.ap-admin-tools .ap-admin-search {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  align-items:stretch;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminAccountSearchButton {
  min-width:100px;
  min-height:48px;
  border:0;
  border-radius:13px;
  background:#245fd1!important;
  color:#fff!important;
  font-weight:900;
}

/* Results */
body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminManagementAccounts {
  min-width:0;
  align-content:start;
  margin-top:0;
}

body.apfel-pro-ui #viewRoot
.ap-admin-tools #adminManagementAccounts
.ap-admin-vpn {
  background:#fff!important;
  border:1px solid #d9e5f3!important;
  border-radius:19px!important;
  box-shadow:0 6px 21px rgba(24,65,113,.045);
}

/* Desktop two-column workspace */
@media(min-width:1040px) {
  body.apfel-pro-ui #viewRoot
  .ap-admin-tools {
    display:grid;
    grid-template-columns:
      minmax(0,1.05fr)
      minmax(0,.95fr);
    align-items:start;
    column-gap:19px;
    row-gap:17px;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-tools > .ap-admin-page-title,
  body.apfel-pro-ui #viewRoot
  .ap-admin-tools > .ap-admin-sales {
    grid-column:1/-1;
    margin:0!important;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-tools > .ap-admin-box:has(
    #adminCreateAccountButton
  ) {
    grid-column:1;
    grid-row:3 / span 2;
    margin:0!important;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-tools > .ap-admin-box:has(
    #adminAccountSearchButton
  ) {
    grid-column:2;
    grid-row:3;
    margin:0!important;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-tools > #adminManagementAccounts {
    grid-column:2;
    grid-row:4;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-tools .ap-admin-recent-list {
    grid-template-columns:1fr;
  }
}

/* Tablet */
@media(min-width:700px) and (max-width:1039px) {
  body.apfel-pro-ui #viewRoot
  .ap-admin-tools .ap-admin-recent-list {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:550px) {
  body.apfel-pro-ui #viewRoot
  .ap-admin-tools > .ap-admin-page-title {
    padding:18px;
    border-radius:18px;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-tools > .ap-admin-box {
    padding:15px!important;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-tools .ap-admin-search {
    grid-template-columns:1fr;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-tools #adminAccountSearchButton {
    width:100%;
  }
}

/* Accessibility */
body.apfel-pro-ui #viewRoot
.ap-admin-tools button:focus-visible {
  outline:3px solid #86b4ff!important;
  outline-offset:3px;
}

@media(prefers-reduced-motion:reduce) {
  body.apfel-pro-ui #viewRoot
  .ap-admin-tools * {
    transition:none!important;
  }
}


/* APFEL_AI_SERVICES_UI_CSS_V1 */

body.apfel-pro-ui:has(
  #viewRoot .ap-ai-services-page
) {
  background:#edf3fb!important;
  color:#193553!important;
}

body.apfel-pro-ui:has(
  #viewRoot .ap-ai-services-page
) #app.mobile-app {
  background:transparent!important;
}

body.apfel-pro-ui #viewRoot
.ap-ai-services-page .page-title h1 {
  color:#173554!important;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-ai-services-page .page-title .muted {
  color:#607895!important;
}

/* Search and filters */

body.apfel-pro-ui .ap-ai-services-toolbar {
  display:grid;
  gap:15px;
  margin:16px 0 20px;
  padding:19px;
  border:1px solid #d9e5f3;
  border-radius:20px;
  background:#fff;
  box-shadow:0 5px 20px rgba(25,65,113,.05);
}

body.apfel-pro-ui .ap-ai-services-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

body.apfel-pro-ui .ap-ai-services-heading strong {
  color:#1a3b60!important;
  font-size:17px;
  font-weight:900;
}

body.apfel-pro-ui .ap-ai-services-heading p {
  margin:4px 0 0;
  color:#607994!important;
  font-size:12px;
}

body.apfel-pro-ui .ap-ai-services-total {
  padding:8px 13px;
  background:#ebf3ff;
  color:#245cba;
  border:1px solid #d2e2fa;
  border-radius:11px;
  font-weight:850;
}

body.apfel-pro-ui .ap-ai-services-search {
  display:block;
  color:#274a6b!important;
  font-size:13px;
  font-weight:850;
}

body.apfel-pro-ui .ap-ai-services-search input {
  display:block;
  width:100%;
  min-height:48px;
  margin-top:8px;
  padding:11px 14px!important;
  border:1px solid #cbdcf0!important;
  border-radius:12px!important;
  background:#f8fbff!important;
  color:#193653!important;
  font-size:14px;
}

body.apfel-pro-ui .ap-ai-services-filters {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.apfel-pro-ui .ap-ai-services-filters button {
  min-height:44px;
  padding:10px 19px;
  border:1px solid #d1dfef;
  border-radius:12px;
  background:#f2f7fd;
  color:#355777;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}

body.apfel-pro-ui .ap-ai-services-filters
button[aria-pressed="true"] {
  background:#245fd1!important;
  color:#fff!important;
  border-color:#245fd1!important;
}

body.apfel-pro-ui .ap-ai-services-count {
  margin:0;
  color:#5e7893!important;
  font-size:12px;
}

/* Service grid */

body.apfel-pro-ui .ap-ai-service-grid {
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:15px;
}

body.apfel-pro-ui .ap-ai-service-card {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  min-width:0;
  margin:0!important;
  padding:21px!important;
  border:1px solid #d9e5f2!important;
  border-inline-start:4px solid #169e7b!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#1a3857!important;
  box-shadow:0 5px 20px rgba(24,62,111,.045);
}

body.apfel-pro-ui
.ap-ai-service-card[data-ap-service-enabled="false"] {
  border-inline-start-color:#c87b8b!important;
}

body.apfel-pro-ui .ap-ai-service-card
> label:has([data-field="name"]) {
  grid-column:1/-1;
}

body.apfel-pro-ui .ap-ai-service-card > label {
  display:block;
  min-width:0;
  color:#385779!important;
  font-size:12px;
  font-weight:850;
}

body.apfel-pro-ui .ap-ai-service-card
> label > input:not([type="checkbox"]) {
  display:block;
  width:100%!important;
  min-width:0;
  min-height:47px;
  margin:8px 0 0!important;
  padding:10px 12px!important;
  border:1px solid #cbdcf0!important;
  border-radius:12px!important;
  background:#f8fbff!important;
  color:#173554!important;
  font-size:14px;
}

body.apfel-pro-ui .ap-ai-service-card
input[type="number"] {
  direction:ltr;
  text-align:left;
}

body.apfel-pro-ui .ap-ai-service-card
> div:has([data-field="enabled"]) {
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px!important;
  margin:0!important;
}

body.apfel-pro-ui .ap-ai-service-card
> div:has([data-field="enabled"]) label {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
  min-height:45px;
  padding:8px;
  border:1px solid #dce6f3;
  border-radius:11px;
  background:#f5f8fd;
  color:#355677!important;
  font-size:12px;
  cursor:pointer;
}

body.apfel-pro-ui .ap-ai-service-card
input[type="checkbox"] {
  width:17px;
  height:17px;
  accent-color:#2463d3;
}

body.apfel-pro-ui .ap-ai-service-card
> button {
  width:100%;
  min-width:0;
  min-height:45px;
  margin:0!important;
  padding:10px!important;
  border-radius:12px!important;
  font-weight:850;
  font-size:12px;
}

body.apfel-pro-ui .ap-ai-service-card
> button[data-ai-save] {
  background:#245fd1!important;
  color:#fff!important;
  border:1px solid #245fd1!important;
}

body.apfel-pro-ui .ap-ai-service-card
> button[data-ai-delete] {
  background:#fff0f3!important;
  color:#aa3650!important;
  border:1px solid #f0c8d1!important;
}

body.apfel-pro-ui .ap-ai-service-card[hidden],
body.apfel-pro-ui .ap-ai-services-empty[hidden] {
  display:none!important;
}

body.apfel-pro-ui .ap-ai-services-empty {
  padding:28px 16px;
  margin:14px 0;
  text-align:center;
  border:1px dashed #c2d4ea;
  border-radius:16px;
  background:#fff;
  color:#56708e;
}

/* Create service */

body.apfel-pro-ui .ap-ai-new-service {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
  padding:22px!important;
  background:#fff!important;
  border:1px solid #d8e4f3!important;
  border-radius:20px!important;
}

body.apfel-pro-ui .ap-ai-new-service > strong {
  grid-column:1/-1;
  padding-bottom:12px;
  color:#1d4169!important;
  font-size:17px;
  border-bottom:1px solid #e2eaf6;
}

body.apfel-pro-ui .ap-ai-new-service
#aiNewName {
  grid-column:1/-1;
}

body.apfel-pro-ui .ap-ai-new-service > input {
  width:100%!important;
  min-width:0;
  min-height:48px;
  margin:0!important;
  padding:12px!important;
  border:1px solid #cbdbef!important;
  border-radius:12px!important;
  background:#f8fbff!important;
  color:#193554!important;
}

body.apfel-pro-ui .ap-ai-new-service
input[type="number"] {
  direction:ltr;
  text-align:left;
}

body.apfel-pro-ui .ap-ai-new-service
#aiCreateService {
  grid-column:1/-1;
  min-height:51px;
  margin-top:4px;
  border-radius:13px;
  background:#245fd1!important;
  color:#fff!important;
  font-weight:900;
}

/* Desktop */

@media(min-width:850px) {
  body.apfel-pro-ui .ap-ai-service-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobile */

@media(max-width:550px) {
  body.apfel-pro-ui .ap-ai-services-toolbar,
  body.apfel-pro-ui .ap-ai-service-card,
  body.apfel-pro-ui .ap-ai-new-service {
    padding:14px!important;
  }

  body.apfel-pro-ui .ap-ai-service-card {
    grid-template-columns:1fr;
  }

  body.apfel-pro-ui .ap-ai-service-card
  > div:has([data-field="enabled"]) {
    grid-template-columns:1fr;
  }

  body.apfel-pro-ui .ap-ai-new-service {
    grid-template-columns:1fr;
  }

  body.apfel-pro-ui .ap-ai-new-service
  > :is(strong,#aiNewName,#aiCreateService) {
    grid-column:1;
  }
}


/* APFEL_CUSTOMER_COMMERCE_UI_V1 */

/* Customer purchase page */
body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet]) {
  direction:rtl;
  padding-bottom:32px;
  color:#193653;
}

body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet]) .page-title {
  margin:10px 0 21px;
  padding:22px;
  background:linear-gradient(125deg,#17365e,#2863a5);
  border:1px solid #386ca5;
  border-radius:21px;
  box-shadow:0 10px 25px rgba(24,64,116,.12);
}

body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet]) .page-title h1 {
  color:#fff!important;
  font-size:clamp(22px,3vw,28px);
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet]) .page-title .muted {
  margin-top:9px;
  color:#e0ebfa!important;
  font-weight:700;
  font-size:13px;
}

/* Cashback */
body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet])
> .card:not(.empty) {
  margin-bottom:17px!important;
  padding:17px 19px!important;
  border:1px solid #bde5d1!important;
  border-radius:16px!important;
  background:linear-gradient(
    125deg,#e6f8ed,#f3fff8
  )!important;
  color:#176447!important;
  box-shadow:none!important;
}

body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet])
> .card:not(.empty) strong {
  color:#0d7852!important;
  font-weight:900;
}

/* Plans grid */
body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet]) > .list {
  display:grid;
  grid-template-columns:1fr;
  gap:15px;
  align-items:stretch;
}

body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet]) > .list > .card {
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0!important;
  padding:22px!important;
  border:1px solid #d7e4f3!important;
  border-top:4px solid #3479d4!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#193856!important;
  box-shadow:0 7px 24px rgba(25,65,114,.06)!important;
}

/* Plan name */
body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet])
> .list > .card .row-between {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:13px;
}

body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet])
> .list > .card .row-between strong {
  display:block;
  color:#1d3d61!important;
  font-size:18px;
  font-weight:900;
  line-height:1.6;
}

body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet])
> .list > .card .row-between .muted {
  margin-top:5px;
  color:#617a95!important;
  font-size:12px;
}

/* Data allowance badge */
body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet])
> .list > .card .tag {
  flex:none;
  min-width:76px;
  padding:9px 13px;
  border:1px solid #c9ddf7!important;
  border-radius:12px!important;
  background:#edf4ff!important;
  color:#245db9!important;
  text-align:center;
  font-size:13px;
  font-weight:900;
}

/* Price */
body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet])
> .list > .card
> div[style*="font-size:23px"] {
  margin:18px 0!important;
  padding:17px 0;
  border-top:1px solid #e8eef6;
  border-bottom:1px solid #e8eef6;
  color:#174d91!important;
  font-size:clamp(21px,3vw,27px)!important;
  font-weight:900!important;
  line-height:1.6;
}

/* Purchase buttons */
body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet])
button[data-buy-wallet],
body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet])
button[data-buy-card] {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%!important;
  min-height:49px;
  padding:12px 16px!important;
  border-radius:13px!important;
  font-size:13px;
  font-weight:900;
  transition:transform .15s ease,box-shadow .15s ease;
}

body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet])
button[data-buy-wallet] {
  margin-top:auto!important;
  background:linear-gradient(
    125deg,#215dcb,#347fe4
  )!important;
  color:#fff!important;
  border:1px solid #286bd0!important;
  box-shadow:0 5px 15px rgba(30,95,205,.13);
}

body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet])
button[data-buy-card] {
  margin-top:10px!important;
  background:#eef4fe!important;
  border:1px solid #cddff6!important;
  color:#2255a5!important;
}

body.apfel-pro-ui #viewRoot
.page:has([data-buy-wallet])
button:focus-visible {
  outline:3px solid #84b4ff!important;
  outline-offset:3px;
}

/* Customer wallet */
body.apfel-pro-ui #viewRoot
.page:has(> section.hero) {
  direction:rtl;
  padding-bottom:32px;
}

body.apfel-pro-ui #viewRoot
.page:has(> section.hero) .page-title h1 {
  color:#193653!important;
  font-size:26px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.page:has(> section.hero) .page-title .muted {
  color:#5f7896!important;
}

/* Wallet balance */
body.apfel-pro-ui #viewRoot
.page > section.hero {
  min-height:195px;
  padding:25px!important;
  border:1px solid #3a6ea7!important;
  border-radius:23px!important;
  background:linear-gradient(
    125deg,#142f54,#2460a1
  )!important;
  color:#fff!important;
  box-shadow:0 13px 30px rgba(22,61,111,.17)!important;
}

body.apfel-pro-ui #viewRoot
.page:has(> section.hero) .hero-label {
  color:#e1ebfb!important;
  opacity:1!important;
  font-weight:700;
}

body.apfel-pro-ui #viewRoot
.page:has(> section.hero) .hero-value {
  margin:15px 0;
  color:#fff!important;
  font-size:clamp(27px,5vw,38px);
  font-weight:900;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.page:has(> section.hero) .hero-footer {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.19);
  color:#edf5ff!important;
  font-size:12px;
  font-weight:700;
}

body.apfel-pro-ui #viewRoot
.page:has(> section.hero) .section-header {
  margin-top:28px;
  margin-bottom:15px;
}

body.apfel-pro-ui #viewRoot
.page:has(> section.hero) .section-header h2 {
  color:#1c3b5b!important;
  font-size:18px;
  font-weight:900;
}

/* Wallet transaction cards */
body.apfel-pro-ui #viewRoot
.page:has(> section.hero) > .list {
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

body.apfel-pro-ui #viewRoot
.page:has(> section.hero)
> .list > .card {
  min-width:0;
  margin:0!important;
  padding:18px!important;
  background:#fff!important;
  color:#193753!important;
  border:1px solid #d9e5f3!important;
  border-inline-start:4px solid #2c86cf!important;
  border-radius:16px!important;
  box-shadow:0 5px 17px rgba(23,65,112,.045);
}

body.apfel-pro-ui #viewRoot
.page:has(> section.hero)
> .list > .card .row-between {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

body.apfel-pro-ui #viewRoot
.page:has(> section.hero)
> .list > .card strong {
  color:#203d5e!important;
  font-weight:900;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.page:has(> section.hero)
> .list > .card .muted {
  margin-top:6px;
  color:#617995!important;
  font-size:12px;
}

body.apfel-pro-ui #viewRoot
.page:has(> section.hero)
> .list > .card.empty {
  padding:30px!important;
  text-align:center;
  border:1px dashed #c2d4e9!important;
  box-shadow:none!important;
}

/* Desktop */
@media(min-width:800px) {
  body.apfel-pro-ui #viewRoot
  .page:has([data-buy-wallet]) > .list {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.apfel-pro-ui #viewRoot
  .page:has(> section.hero) > .list {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:550px) {
  body.apfel-pro-ui #viewRoot
  .page:has([data-buy-wallet]) .page-title {
    padding:19px;
  }

  body.apfel-pro-ui #viewRoot
  .page:has([data-buy-wallet])
  > .list > .card {
    padding:17px!important;
  }

  body.apfel-pro-ui #viewRoot
  .page:has(> section.hero) > section.hero {
    padding:21px!important;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce) {
  body.apfel-pro-ui #viewRoot
  .page:has([data-buy-wallet]) button {
    transition:none!important;
  }
}


/* APFEL_CUSTOMER_HISTORY_CSS_V1 */

body.apfel-pro-ui:has(
  #viewRoot .ap-customer-history
),
body.apfel-pro-ui:has(
  #viewRoot .ap-customer-reserves
) {
  background:#edf3fb!important;
  color:#193553!important;
}

body.apfel-pro-ui:has(
  #viewRoot .ap-customer-history
) #app.mobile-app,
body.apfel-pro-ui:has(
  #viewRoot .ap-customer-reserves
) #app.mobile-app {
  background:transparent!important;
}

/* Shared pages */
body.apfel-pro-ui #viewRoot
:is(.ap-customer-history,.ap-customer-reserves) {
  direction:rtl;
  padding-bottom:32px;
}

body.apfel-pro-ui #viewRoot
:is(.ap-customer-history,.ap-customer-reserves)
.page-title {
  padding:21px 24px;
  margin:10px 0 17px;
  border:1px solid #396ba4;
  border-radius:20px;
  background:linear-gradient(
    125deg,#18365c,#2862a2
  )!important;
  box-shadow:0 11px 26px rgba(24,65,114,.12);
}

body.apfel-pro-ui #viewRoot
:is(.ap-customer-history,.ap-customer-reserves)
.page-title h1 {
  color:#fff!important;
  font-size:clamp(22px,3vw,28px);
  font-weight:900;
}

/* Toolbar */
body.apfel-pro-ui .ap-customer-record-toolbar {
  display:grid;
  gap:15px;
  margin:17px 0 21px;
  padding:19px;
  background:#fff!important;
  border:1px solid #d9e5f3;
  border-radius:19px;
  box-shadow:0 5px 20px rgba(25,65,111,.045);
}

body.apfel-pro-ui .ap-customer-record-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

body.apfel-pro-ui .ap-customer-record-heading strong {
  color:#193b60!important;
  font-size:16px;
  font-weight:900;
}

body.apfel-pro-ui .ap-customer-record-heading span {
  padding:7px 12px;
  border:1px solid #d1e0f6;
  border-radius:11px;
  background:#edf4ff;
  color:#2459b0;
  font-size:12px;
  font-weight:850;
}

body.apfel-pro-ui .ap-customer-record-search {
  display:block;
  color:#2c4c6f!important;
  font-size:12px;
  font-weight:850;
}

body.apfel-pro-ui .ap-customer-record-search input {
  display:block;
  width:100%;
  min-height:48px;
  margin-top:8px;
  padding:11px 14px!important;
  border:1px solid #cadbf0!important;
  border-radius:12px!important;
  background:#f8fbff!important;
  color:#193754!important;
  font-size:14px;
}

body.apfel-pro-ui
.ap-customer-record-search input:focus {
  border-color:#2868d5!important;
  box-shadow:0 0 0 3px rgba(40,104,213,.12);
}

body.apfel-pro-ui .ap-customer-record-filters {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.apfel-pro-ui
.ap-customer-record-filters button {
  min-height:44px;
  padding:9px 16px;
  border:1px solid #d1dfef;
  border-radius:12px;
  background:#f2f7fd;
  color:#355777;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}

body.apfel-pro-ui
.ap-customer-record-filters
button[aria-pressed="true"] {
  background:#245fd1!important;
  color:#fff!important;
  border-color:#245fd1!important;
}

body.apfel-pro-ui .ap-customer-record-count {
  margin:0;
  color:#607a95!important;
  font-size:12px;
}

/* Cards */
body.apfel-pro-ui .ap-customer-record-grid {
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:13px;
}

body.apfel-pro-ui
.ap-customer-record-card {
  min-width:0;
  margin:0!important;
  padding:20px!important;
  background:#fff!important;
  border:1px solid #d9e5f3!important;
  border-inline-start:4px solid #daa34b!important;
  border-radius:18px!important;
  color:#193753!important;
  box-shadow:0 5px 19px rgba(22,63,112,.045);
  overflow-wrap:anywhere;
}

body.apfel-pro-ui
.ap-customer-record-card[data-ap-record-type="completed"] {
  border-inline-start-color:#16a17f!important;
}

body.apfel-pro-ui
.ap-customer-record-card[data-ap-record-type="failed"] {
  border-inline-start-color:#c35d76!important;
}

body.apfel-pro-ui
.ap-customer-record-card .row-between {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:13px;
  flex-wrap:wrap;
}

body.apfel-pro-ui
.ap-customer-record-card strong {
  color:#1b3b60!important;
  font-weight:900;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui
.ap-customer-record-card .code {
  direction:ltr;
  unicode-bidi:plaintext;
}

body.apfel-pro-ui
.ap-customer-record-card .muted {
  color:#5d7692!important;
  font-size:12px;
  line-height:1.9;
}

body.apfel-pro-ui
.ap-customer-record-card .status {
  flex:none;
  padding:6px 11px;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
}

body.apfel-pro-ui
.ap-customer-record-card .status.active {
  background:#e4f8ef!important;
  color:#087553!important;
}

body.apfel-pro-ui
.ap-customer-record-card .status.failed {
  background:#fff0f3!important;
  color:#a43650!important;
}

body.apfel-pro-ui
.ap-customer-record-card .status.pending {
  background:#fff4df!important;
  color:#956119!important;
}

body.apfel-pro-ui
.ap-customer-record-card[hidden],
body.apfel-pro-ui
.ap-customer-record-empty[hidden] {
  display:none!important;
}

body.apfel-pro-ui
.ap-customer-record-empty {
  padding:28px 17px;
  margin:12px 0;
  border:1px dashed #c2d4e9;
  border-radius:16px;
  background:#fff;
  color:#56708d;
  text-align:center;
}

/* Original empty states */
body.apfel-pro-ui #viewRoot
:is(.ap-customer-history,.ap-customer-reserves)
.card.empty {
  padding:32px 20px!important;
  border:1px dashed #c2d4e9!important;
  border-radius:17px!important;
  background:#fff!important;
  color:#4d6b8b!important;
  box-shadow:none!important;
}

/* Desktop */
@media(min-width:800px) {
  body.apfel-pro-ui .ap-customer-record-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:550px) {
  body.apfel-pro-ui
  .ap-customer-record-toolbar {
    padding:13px;
  }

  body.apfel-pro-ui
  .ap-customer-record-filters {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.apfel-pro-ui
  .ap-customer-record-filters button {
    padding:9px 5px;
  }

  body.apfel-pro-ui #viewRoot
  :is(.ap-customer-history,.ap-customer-reserves)
  .page-title {
    padding:18px;
  }
}

/* Accessibility */
body.apfel-pro-ui
.ap-customer-record-filters button:focus-visible {
  outline:3px solid #87b3ff!important;
  outline-offset:2px;
}


/* APFEL_HELP_CENTER_UI_V2 */

/* Page backgrounds */
body.apfel-pro-ui:has(#viewRoot .mobile-settings),
body.apfel-pro-ui:has(#viewRoot .apfel-tutorial),
body.apfel-pro-ui:has(#viewRoot .apfel-support-page) {
  background:#edf3fb!important;
  color:#193552!important;
}

body.apfel-pro-ui:has(#viewRoot .mobile-settings)
#app.mobile-app,
body.apfel-pro-ui:has(#viewRoot .apfel-tutorial)
#app.mobile-app,
body.apfel-pro-ui:has(#viewRoot .apfel-support-page)
#app.mobile-app {
  background:transparent!important;
}

/* More menu */
body.apfel-pro-ui #viewRoot .mobile-settings {
  direction:rtl;
  width:100%;
  padding:10px 0 35px;
}

body.apfel-pro-ui #viewRoot .mobile-settings-title {
  padding:23px;
  margin-bottom:20px;
  border:1px solid #396da5;
  border-radius:21px;
  background:linear-gradient(125deg,#18375f,#2862a4)!important;
  color:#fff!important;
  font-size:25px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot .mobile-settings-group {
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-bottom:16px;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.apfel-pro-ui #viewRoot .mobile-setting-item {
  display:flex;
  align-items:center;
  gap:15px;
  width:100%;
  min-width:0;
  min-height:85px;
  padding:17px 19px!important;
  margin:0!important;
  border:1px solid #dae5f3!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#193857!important;
  box-shadow:0 5px 18px rgba(25,64,112,.045);
  text-align:right;
  cursor:pointer;
}

body.apfel-pro-ui #viewRoot .mobile-setting-icon {
  flex:none;
  display:grid;
  place-items:center;
  width:51px;
  height:51px;
  border-radius:15px;
  background:#eaf2ff!important;
  color:#245fc7!important;
  font-size:25px;
}

body.apfel-pro-ui #viewRoot .mobile-setting-copy {
  flex:1;
  min-width:0;
}

body.apfel-pro-ui #viewRoot .mobile-setting-copy strong {
  display:block;
  color:#1a3d63!important;
  font-size:15px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot .mobile-setting-copy small {
  display:block;
  margin-top:5px;
  color:#617a96!important;
  font-size:12px;
  line-height:1.8;
}

body.apfel-pro-ui #viewRoot .mobile-setting-arrow {
  flex:none;
  color:#2866c5!important;
  font-size:24px;
}

/* Tutorial */
body.apfel-pro-ui #viewRoot .apfel-tutorial {
  direction:rtl;
  padding-bottom:35px;
}

body.apfel-pro-ui #viewRoot
:is(.apfel-tutorial-hero,.apfel-guide-head) {
  display:flex;
  align-items:center;
  gap:19px;
  margin:10px 0 18px;
  padding:25px!important;
  border:1px solid #3b6fa7!important;
  border-radius:22px!important;
  background:linear-gradient(125deg,#18365f,#2863a4)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(23,63,112,.13);
}

body.apfel-pro-ui #viewRoot
:is(.apfel-tutorial-hero-icon,.apfel-guide-head-icon) {
  flex:none;
  display:grid;
  place-items:center;
  width:65px;
  height:65px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:18px;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-size:32px;
}

body.apfel-pro-ui #viewRoot
:is(.apfel-tutorial-hero,.apfel-guide-head) h1 {
  color:#fff!important;
  font-size:clamp(21px,3vw,29px);
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
:is(.apfel-tutorial-hero,.apfel-guide-head)
:is(p,small) {
  color:#e1edfd!important;
  line-height:1.9;
  opacity:1!important;
}

body.apfel-pro-ui #viewRoot .apfel-tutorial-note {
  display:flex;
  align-items:center;
  gap:13px;
  margin:17px 0 25px;
  padding:17px 20px!important;
  border:1px solid #bde6d1!important;
  border-radius:17px!important;
  background:#edfaf3!important;
  color:#135b42!important;
}

body.apfel-pro-ui #viewRoot .apfel-tutorial-note strong {
  color:#126748!important;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot .apfel-tutorial-note small {
  color:#3d7963!important;
}

body.apfel-pro-ui #viewRoot .apfel-tutorial-section-title {
  margin:25px 0 14px;
  color:#193b61!important;
  font-size:19px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot .apfel-tutorial-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:13px;
}

body.apfel-pro-ui #viewRoot .apfel-tutorial-category {
  display:flex;
  align-items:center;
  gap:13px;
  width:100%;
  min-height:98px;
  padding:18px!important;
  border:1px solid #d9e5f3!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#193655!important;
  box-shadow:0 5px 18px rgba(25,64,112,.045);
  text-align:right;
  cursor:pointer;
}

body.apfel-pro-ui #viewRoot .apfel-tutorial-category-icon {
  flex:none;
  display:grid;
  place-items:center;
  width:55px;
  height:55px;
  border-radius:16px;
  background:#edf4ff!important;
  font-size:26px;
}

body.apfel-pro-ui #viewRoot .apfel-tutorial-category-copy {
  flex:1;
  min-width:0;
}

body.apfel-pro-ui #viewRoot
.apfel-tutorial-category-copy strong {
  display:block;
  color:#1c3f64!important;
  font-size:15px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.apfel-tutorial-category-copy small {
  display:block;
  margin-top:5px;
  color:#637c99!important;
  font-size:12px;
  line-height:1.8;
}

body.apfel-pro-ui #viewRoot
.apfel-tutorial-category-arrow {
  color:#2866c3!important;
}

/* Guide details */
body.apfel-pro-ui #viewRoot .apfel-guide-back {
  min-height:44px;
  margin:8px 0 13px;
  padding:10px 16px;
  border:1px solid #cddff4!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#245db7!important;
  font-weight:850;
}

body.apfel-pro-ui #viewRoot .apfel-guide-content {
  display:grid;
  gap:13px;
  margin-top:18px;
}

body.apfel-pro-ui #viewRoot
:is(.apfel-guide-step,.apfel-trouble-card) {
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:19px!important;
  border:1px solid #dae5f2!important;
  border-radius:17px!important;
  background:#fff!important;
  color:#193854!important;
  box-shadow:0 4px 16px rgba(25,65,111,.04);
}

body.apfel-pro-ui #viewRoot .apfel-guide-step > b {
  flex:none;
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  border-radius:12px;
  background:#e8f1ff!important;
  color:#245fbe!important;
}

body.apfel-pro-ui #viewRoot
:is(.apfel-guide-step,.apfel-trouble-card) strong {
  color:#204263!important;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
:is(.apfel-guide-step,.apfel-trouble-card) span {
  color:#597593!important;
  line-height:2;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot .apfel-trouble-card {
  display:block;
  border-inline-start:4px solid #e0a24a!important;
}

body.apfel-pro-ui #viewRoot .apfel-guide-download {
  display:flex;
  align-items:center;
  gap:14px;
  min-height:78px;
  padding:17px!important;
  border:1px solid #b9d8f6!important;
  border-radius:17px!important;
  background:#ebf4ff!important;
  color:#245ba6!important;
  text-decoration:none;
}

body.apfel-pro-ui #viewRoot
.apfel-guide-download strong {
  color:#1f5398!important;
}

body.apfel-pro-ui #viewRoot
.apfel-guide-download small {
  color:#567ca9!important;
}

/* Support */
body.apfel-pro-ui #viewRoot .apfel-support-page {
  direction:rtl;
  padding-bottom:30px;
}

body.apfel-pro-ui #viewRoot
.apfel-support-page > .page-title {
  margin:10px 0 17px;
  padding:25px!important;
  border:1px solid #396da5;
  border-radius:21px;
  background:linear-gradient(125deg,#18375e,#275e9c)!important;
}

body.apfel-pro-ui #viewRoot
.apfel-support-page .page-title h1 {
  color:#fff!important;
  font-size:26px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.apfel-support-page .page-title .muted {
  color:#e2ecfa!important;
}

body.apfel-pro-ui #viewRoot
.apfel-support-page > .card.empty {
  padding:32px 22px!important;
  border:1px solid #d8e5f3!important;
  border-radius:19px!important;
  background:#fff!important;
  color:#315575!important;
  font-size:15px;
  font-weight:750;
  line-height:2.2;
  text-align:center;
  box-shadow:0 5px 18px rgba(25,64,112,.05)!important;
}

/* Responsive */
@media(min-width:700px) {
  body.apfel-pro-ui #viewRoot .mobile-settings-group,
  body.apfel-pro-ui #viewRoot .apfel-tutorial-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(min-width:1050px) {
  body.apfel-pro-ui #viewRoot .apfel-tutorial-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:550px) {
  body.apfel-pro-ui #viewRoot
  :is(.apfel-tutorial-hero,.apfel-guide-head) {
    padding:18px!important;
    gap:12px;
  }

  body.apfel-pro-ui #viewRoot
  :is(.apfel-tutorial-hero-icon,.apfel-guide-head-icon) {
    width:52px;
    height:52px;
    font-size:26px;
  }

  body.apfel-pro-ui #viewRoot
  .apfel-tutorial-category {
    min-height:85px;
    padding:14px!important;
  }
}

body.apfel-pro-ui #viewRoot
:is(.mobile-setting-item,.apfel-tutorial-category,
.apfel-guide-back,.apfel-guide-download):focus-visible {
  outline:3px solid #85b1ff!important;
  outline-offset:3px;
}


/* APFEL_CUSTOMER_ACCOUNTS_CSS_V1 */

body.apfel-pro-ui:has(#viewRoot .v41-accounts-page) {
  background:#edf3fb!important;
}

body.apfel-pro-ui:has(#viewRoot .v41-accounts-page)
#app.mobile-app {
  background:transparent!important;
}

body.apfel-pro-ui #viewRoot .v41-accounts-page {
  direction:rtl;
  width:100%;
  min-width:0;
  padding-bottom:35px;
}

body.apfel-pro-ui #viewRoot
.v41-accounts-page .v41-page-header {
  padding:22px 25px;
  margin-bottom:17px;
  border:1px solid #396da4;
  border-radius:21px;
  background:linear-gradient(
    125deg,#17365e,#2864a5
  )!important;
}

body.apfel-pro-ui #viewRoot
.v41-accounts-page .v41-page-header h1 {
  color:#fff!important;
  font-size:27px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.v41-accounts-page .v41-page-header span {
  color:#dceafb!important;
}

body.apfel-pro-ui #viewRoot
.v41-accounts-page .v41-add-account {
  min-width:45px;
  min-height:45px;
  border-radius:13px!important;
  background:#fff!important;
  color:#245bb1!important;
  font-size:25px;
}

body.apfel-pro-ui #viewRoot
.v41-accounts-page .v41-account-count {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 19px;
  margin-bottom:15px;
  border:1px solid #d7e4f2;
  border-radius:16px;
  background:#fff!important;
  color:#365979!important;
}

body.apfel-pro-ui .ap-customer-accounts-tools {
  display:grid;
  gap:14px;
  margin-bottom:19px;
  padding:19px;
  border:1px solid #d8e4f2;
  border-radius:19px;
  background:#fff;
  box-shadow:0 5px 20px rgba(24,62,111,.045);
}

body.apfel-pro-ui .ap-customer-accounts-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:9px;
}

body.apfel-pro-ui .ap-customer-accounts-head strong {
  color:#1b3f65!important;
  font-size:16px;
  font-weight:900;
}

body.apfel-pro-ui .ap-customer-accounts-head span {
  padding:7px 12px;
  border-radius:11px;
  background:#edf4ff;
  color:#245bb7!important;
  font-size:12px;
  font-weight:850;
}

body.apfel-pro-ui .ap-customer-accounts-search {
  color:#345475!important;
  font-size:13px;
  font-weight:800;
}

body.apfel-pro-ui .ap-customer-accounts-search input {
  display:block;
  width:100%;
  min-height:48px;
  margin-top:9px;
  padding:11px 14px!important;
  border:1px solid #cadbf0!important;
  border-radius:12px!important;
  background:#f8fbff!important;
  color:#193654!important;
}

body.apfel-pro-ui .ap-customer-accounts-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

body.apfel-pro-ui .ap-customer-accounts-tabs button {
  min-height:44px;
  padding:9px 15px;
  border:1px solid #d0dfef;
  border-radius:12px;
  background:#f2f7fd;
  color:#345777;
  font-size:12px;
  font-weight:850;
}

body.apfel-pro-ui
.ap-customer-accounts-tabs button[aria-pressed="true"] {
  background:#245fd1!important;
  color:#fff!important;
  border-color:#245fd1!important;
}

body.apfel-pro-ui .ap-customer-accounts-count {
  margin:0;
  color:#627a94!important;
  font-size:12px;
}

body.apfel-pro-ui #viewRoot
.ap-customer-accounts-grid {
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  gap:14px;
}

body.apfel-pro-ui #viewRoot
.ap-customer-accounts-grid > .v41-account-full {
  min-width:0;
  margin:0!important;
  padding:20px!important;
  border:1px solid #dae5f3!important;
  border-inline-start:4px solid #18a080!important;
  border-radius:19px!important;
  background:#fff!important;
  color:#193654!important;
  box-shadow:0 5px 19px rgba(24,62,111,.05);
}

body.apfel-pro-ui #viewRoot
.ap-customer-accounts-grid
[data-ap-customer-account-state="inactive"] {
  border-inline-start-color:#c67a88!important;
}

body.apfel-pro-ui #viewRoot
.ap-customer-accounts-grid
[data-ap-customer-account-usage="high"] {
  border-top:3px solid #e6a14d!important;
}

body.apfel-pro-ui #viewRoot
.ap-customer-accounts-grid .v41-username {
  color:#194980!important;
  font-weight:900;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.ap-customer-accounts-grid .v41-progress {
  overflow:hidden;
  border-radius:999px;
  background:#e9f0f9!important;
}

body.apfel-pro-ui #viewRoot
.ap-customer-accounts-grid
[data-ap-customer-account-usage="high"]
.v41-progress > div {
  background:linear-gradient(
    90deg,#e6ae4d,#d66b44
  )!important;
}

body.apfel-pro-ui #viewRoot
.ap-customer-accounts-grid .v41-account-buttons {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:17px;
}

body.apfel-pro-ui #viewRoot
.ap-customer-accounts-grid .v41-account-buttons button {
  width:100%;
  min-width:0;
  min-height:46px;
  padding:10px!important;
  margin:0!important;
  border-radius:12px!important;
  font-size:12px;
  font-weight:850;
}

body.apfel-pro-ui #viewRoot
.ap-customer-accounts-grid
> .v41-account-full[hidden],
body.apfel-pro-ui .ap-customer-accounts-empty[hidden] {
  display:none!important;
}

body.apfel-pro-ui .ap-customer-accounts-empty {
  padding:28px 17px;
  border:1px dashed #c1d4e9;
  border-radius:16px;
  background:#fff;
  color:#54708e;
  text-align:center;
}

@media(min-width:800px) {
  body.apfel-pro-ui #viewRoot
  .ap-customer-accounts-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:550px) {
  body.apfel-pro-ui .ap-customer-accounts-tools {
    padding:13px;
  }

  body.apfel-pro-ui .ap-customer-accounts-tabs {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.apfel-pro-ui .ap-customer-accounts-tabs button {
    padding:9px 6px;
  }

  body.apfel-pro-ui #viewRoot
  .v41-accounts-page .v41-page-header {
    padding:18px;
  }
}


/* APFEL_PAYMENT_RECEIPT_UI_V1 */

/* Payment and receipt success canvas */
body.apfel-pro-ui:has(#viewRoot #receiptFile),
body.apfel-pro-ui:has(
  #viewRoot .page > .card.empty > .tag
):has(#viewRoot .page > button[data-nav="history"]) {
  background:#edf3fb!important;
  color:#193653!important;
}

body.apfel-pro-ui:has(#viewRoot #receiptFile)
#app.mobile-app,
body.apfel-pro-ui:has(
  #viewRoot .page > .card.empty > .tag
):has(#viewRoot .page > button[data-nav="history"])
#app.mobile-app {
  background:transparent!important;
}

/* Payment page */
body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) {
  direction:rtl;
  min-width:0;
  padding-bottom:35px;
}

/* Header */
body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) > .page-title {
  margin:10px 0 20px;
  padding:23px 25px;
  border:1px solid #386ca6;
  border-radius:21px;
  background:linear-gradient(
    125deg,#17355d,#2761a2
  )!important;
  box-shadow:0 10px 26px rgba(24,63,112,.13);
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) > .page-title h1 {
  color:#fff!important;
  font-size:clamp(22px,3vw,29px);
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) > .page-title .muted {
  margin-top:9px;
  color:#e1ecfa!important;
  font-size:13px;
}

/* Shared payment cards */
body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) > .card {
  min-width:0;
  margin:0 0 14px!important;
  padding:22px!important;
  border:1px solid #d9e5f3!important;
  border-radius:19px!important;
  background:#fff!important;
  color:#193654!important;
  box-shadow:0 5px 20px rgba(25,64,111,.045);
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) > .card .muted {
  color:#5e7895!important;
  font-size:13px;
  line-height:1.9;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) > .card strong {
  color:#1b3e63!important;
}

/* Payment amount */
body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
> .card:not(:has(#receiptFile,[data-copy-value],>.code)) {
  border-inline-start:4px solid #2d72d2!important;
  background:linear-gradient(
    125deg,#fff,#f4f8ff
  )!important;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
> .card:not(:has(#receiptFile,[data-copy-value],>.code))
> div[style*="font-size:26px"] {
  color:#1855a5!important;
  font-size:clamp(25px,4vw,34px)!important;
  font-weight:900!important;
  overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}

/* Bank details */
body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) > .card:has(
  button[data-copy-value]
) {
  border-top:4px solid #3476d2!important;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) > .card:has(
  button[data-copy-value]
) > .code {
  direction:ltr!important;
  unicode-bidi:plaintext;
  display:block;
  padding:18px 12px;
  margin:15px 0!important;
  border:1px dashed #b9ceeb;
  border-radius:14px;
  background:#f1f6ff;
  color:#174d95!important;
  font-size:clamp(19px,3.2vw,27px)!important;
  letter-spacing:1px;
  text-align:center!important;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
button[data-copy-value] {
  display:block;
  width:100%!important;
  min-height:48px;
  padding:11px!important;
  border:1px solid #cbdcf5!important;
  border-radius:12px!important;
  background:#edf4ff!important;
  color:#205bb4!important;
  font-size:13px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) .info-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) .info-box {
  min-width:0;
  padding:15px!important;
  border:1px solid #e0e9f5!important;
  border-radius:13px!important;
  background:#f7faff!important;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) .info-box small {
  display:block;
  color:#5f7894!important;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) .info-box strong {
  display:block;
  margin-top:7px;
  color:#1a416f!important;
  font-weight:900;
}

/* Receipt upload */
body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) > .card:has(#receiptFile) {
  border-top:4px solid #1a9f80!important;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
> .card:has(#receiptFile) > strong {
  display:block;
  margin-bottom:9px;
  font-size:17px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
.apfel-receipt-picker {
  display:flex;
  align-items:center;
  gap:14px;
  min-height:105px;
  margin:16px 0!important;
  padding:18px!important;
  border:2px dashed #a9c9ee!important;
  border-radius:17px!important;
  background:#f0f6ff!important;
  color:#224b7d!important;
  cursor:pointer;
  transition:border-color .15s ease,
             background .15s ease;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
.apfel-receipt-picker:hover {
  border-color:#3b81d9!important;
  background:#e7f1ff!important;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
.apfel-receipt-picker-icon {
  flex:none;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:15px;
  background:#dcecff!important;
  color:#245cb8!important;
  font-size:25px;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
.apfel-receipt-picker-copy {
  flex:1;
  min-width:0;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
.apfel-receipt-picker-copy strong {
  display:block;
  color:#204c85!important;
  font-size:14px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
.apfel-receipt-picker-copy small {
  display:block;
  margin-top:7px;
  color:#56789b!important;
  font-size:12px;
  line-height:1.8;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
.apfel-receipt-picker-arrow {
  flex:none;
  color:#2767c5!important;
  font-size:28px;
}

/* Keyboard focus */
body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
:has(> #receiptFile:focus-visible)
> .apfel-receipt-picker {
  outline:3px solid #7fb0f8!important;
  outline-offset:3px;
}

/* Preview */
body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
.apfel-receipt-preview:not(.hidden) {
  display:block;
  margin:17px 0;
  padding:13px;
  border:1px solid #c8e5d7;
  border-radius:17px;
  background:#f0fbf5;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
.apfel-receipt-preview img {
  display:block;
  width:100%;
  max-height:370px;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
.apfel-receipt-preview-status {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:12px;
  color:#087854!important;
  font-size:13px;
  font-weight:850;
}

/* Upload button */
body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
#uploadReceiptButton {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%!important;
  min-height:56px;
  margin-top:17px;
  padding:13px 20px!important;
  border:1px solid #168769!important;
  border-radius:14px!important;
  background:linear-gradient(
    125deg,#0c9972,#22b28e
  )!important;
  color:#fff!important;
  box-shadow:0 7px 19px rgba(17,146,106,.15);
  font-size:15px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
#uploadReceiptButton:disabled {
  opacity:.65;
  cursor:wait;
}

/* Order identifier */
body.apfel-pro-ui #viewRoot
.page:has(#receiptFile) > .card:has(> .code) {
  box-shadow:none!important;
  background:#f8fbff!important;
}

body.apfel-pro-ui #viewRoot
.page:has(#receiptFile)
> .card:has(> .code) > .code {
  direction:ltr;
  unicode-bidi:plaintext;
  display:block;
  margin-top:10px;
  color:#506d91!important;
  overflow-wrap:anywhere;
  font-size:12px!important;
}

/* Receipt submission confirmation */
body.apfel-pro-ui #viewRoot
.page:has(> button[data-nav="history"])
:has(> .card.empty > .tag)
> .page-title {
  padding:23px;
  border:1px solid #3a73a6;
  border-radius:20px;
  background:linear-gradient(
    125deg,#193960,#2a6195
  )!important;
}

body.apfel-pro-ui #viewRoot
.page:has(> button[data-nav="history"])
:has(> .card.empty > .tag)
> .page-title h1 {
  color:#fff!important;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.page:has(> button[data-nav="history"])
> .card.empty:has(> .tag) {
  padding:35px 23px!important;
  border:1px solid #c7e5d7!important;
  border-radius:21px!important;
  background:#f3fcf7!important;
  color:#1a6449!important;
  text-align:center;
  box-shadow:0 7px 22px rgba(20,105,75,.06);
}

body.apfel-pro-ui #viewRoot
.page:has(> button[data-nav="history"])
> .card.empty:has(> .tag) strong {
  color:#106b4b!important;
  font-size:19px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.page:has(> button[data-nav="history"])
> .card.empty:has(> .tag) .muted {
  color:#4d8069!important;
}

body.apfel-pro-ui #viewRoot
.page:has(> button[data-nav="history"])
> .card.empty:has(> .tag) .tag {
  display:inline-block;
  padding:9px 14px;
  border-radius:999px;
  background:#e4f4e9!important;
  color:#0b7956!important;
  font-weight:850;
}

body.apfel-pro-ui #viewRoot
.page:has(> button[data-nav="history"])
> button[data-nav="history"] {
  width:100%!important;
  min-height:53px;
  border-radius:13px!important;
  background:#245fce!important;
  color:#fff!important;
  font-weight:900;
}

/* Responsive */
@media(min-width:850px) {
  body.apfel-pro-ui:has(#viewRoot #receiptFile)
  #main {
    max-width:880px!important;
    margin-inline:auto!important;
  }
}

@media(max-width:550px) {
  body.apfel-pro-ui #viewRoot
  .page:has(#receiptFile) > .page-title,
  body.apfel-pro-ui #viewRoot
  .page:has(#receiptFile) > .card {
    padding:17px!important;
  }

  body.apfel-pro-ui #viewRoot
  .page:has(#receiptFile)
  .info-grid {
    grid-template-columns:1fr;
  }

  body.apfel-pro-ui #viewRoot
  .page:has(#receiptFile)
  .apfel-receipt-picker {
    min-height:92px;
    padding:13px!important;
    gap:10px;
  }
}

@media(prefers-reduced-motion:reduce) {
  body.apfel-pro-ui #viewRoot
  .page:has(#receiptFile) * {
    transition:none!important;
  }
}


/* APFEL_ACCOUNT_DETAIL_UI_V1 */

/* Main page */
body.apfel-pro-ui:has(
  #viewRoot .ap-customer-account-detail
) {
  background:#edf3fb!important;
  color:#193653!important;
}

body.apfel-pro-ui:has(
  #viewRoot .ap-customer-account-detail
) #app.mobile-app {
  background:transparent!important;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail {
  direction:rtl;
  width:100%;
  min-width:0;
  padding-bottom:36px;
}

/* Account heading */
body.apfel-pro-ui #viewRoot
.ap-customer-account-detail > .page-title {
  position:relative;
  margin:10px 0 19px;
  padding:26px!important;
  border:1px solid #376aa4!important;
  border-radius:23px!important;
  background:linear-gradient(
    125deg,#17345c,#2863a5
  )!important;
  box-shadow:0 12px 28px rgba(23,65,114,.13);
  overflow:hidden;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail > .page-title::after {
  content:"VPN";
  position:absolute;
  top:20px;
  left:22px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:11px;
  background:rgba(255,255,255,.12);
  color:#e9f2ff;
  font-size:12px;
  font-weight:900;
  letter-spacing:1px;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail > .page-title h1 {
  margin:0 0 14px;
  color:#fff!important;
  font-size:clamp(22px,3vw,29px);
  font-weight:900;
  line-height:1.6;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail > .page-title
.muted.code {
  display:inline-block;
  max-width:100%;
  margin:0;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.19);
  border-radius:12px;
  background:rgba(255,255,255,.11);
  color:#e8f1ff!important;
  direction:ltr;
  unicode-bidi:plaintext;
  font-size:14px;
  font-weight:800;
  overflow-wrap:anywhere;
}

/* Account information card */
body.apfel-pro-ui #viewRoot
.ap-customer-account-detail > .card {
  min-width:0;
  margin:0 0 17px!important;
  padding:22px!important;
  border:1px solid #d8e4f2!important;
  border-radius:21px!important;
  background:#fff!important;
  color:#193753!important;
  box-shadow:0 6px 22px rgba(25,64,110,.055);
}

/* Information grid */
body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
> .card > .info-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:13px!important;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.info-grid > .info-box {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  min-height:90px;
  margin:0!important;
  padding:17px!important;
  border:1px solid #e0e8f5!important;
  border-radius:15px!important;
  background:#f6f9fe!important;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.info-box small {
  display:block;
  margin-bottom:10px;
  color:#627b97!important;
  font-size:12px;
  font-weight:750;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.info-box strong {
  display:block;
  color:#1d436d!important;
  font-size:15px;
  font-weight:900;
  line-height:1.8;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.info-box strong.code {
  direction:ltr;
  unicode-bidi:plaintext;
  text-align:left;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:14px;
  letter-spacing:.2px;
}

/* VPN actions */
body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.info-grid > .actions {
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px!important;
  margin-top:7px!important;
  padding-top:18px;
  border-top:1px solid #e7eef7;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.info-grid > .actions button {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  width:100%!important;
  min-height:53px;
  margin:0!important;
  padding:12px!important;
  border-radius:13px!important;
  font-size:13px;
  font-weight:900;
  line-height:1.8;
  cursor:pointer;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.info-grid > .actions
button[data-open-ovpn] {
  background:#eaf3ff!important;
  color:#235bb0!important;
  border:1px solid #c6dbf7!important;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.info-grid > .actions
button[data-account-renew] {
  background:linear-gradient(
    125deg,#205fcc,#337ee1
  )!important;
  color:#fff!important;
  border:1px solid #286bd4!important;
  box-shadow:0 6px 17px rgba(32,95,204,.13);
}

/* Hide only the duplicate renewal button.
   The original button inside .actions remains functional. */
body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.info-grid > button[data-account-renew] {
  display:none!important;
}

/* Reserved renewal section */
body.apfel-pro-ui #viewRoot
.ap-customer-account-detail > .section-header {
  display:flex;
  align-items:center;
  gap:12px;
  margin:28px 0 14px;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.section-header h2 {
  color:#1c3d60!important;
  font-size:19px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.section-header + .card {
  padding:21px!important;
  border:1px solid #cddff5!important;
  border-inline-start:4px solid #2b77d0!important;
  border-radius:19px!important;
  background:linear-gradient(
    125deg,#fff,#f4f8ff
  )!important;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.section-header + .card .status {
  display:inline-block;
  padding:8px 13px;
  border-radius:999px;
  font-size:12px;
  font-weight:850;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.section-header + .card p {
  margin:15px 0 8px;
  color:#1b436d!important;
  font-size:16px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-customer-account-detail
.section-header + .card .muted {
  color:#577595!important;
  font-size:13px;
  font-weight:750;
}

/* Focus accessibility */
body.apfel-pro-ui #viewRoot
.ap-customer-account-detail button:focus-visible {
  outline:3px solid #88b6ff!important;
  outline-offset:3px;
}

/* Desktop */
@media(min-width:900px) {
  body.apfel-pro-ui #viewRoot
  .ap-customer-account-detail {
    max-width:1000px;
    margin-inline:auto;
  }
}

/* Mobile */
@media(max-width:550px) {
  body.apfel-pro-ui #viewRoot
  .ap-customer-account-detail > .page-title {
    padding:20px!important;
  }

  body.apfel-pro-ui #viewRoot
  .ap-customer-account-detail > .page-title::after {
    top:17px;
    left:16px;
    padding:5px 9px;
    font-size:10px;
  }

  body.apfel-pro-ui #viewRoot
  .ap-customer-account-detail > .card {
    padding:15px!important;
  }

  body.apfel-pro-ui #viewRoot
  .ap-customer-account-detail
  > .card > .info-grid {
    grid-template-columns:1fr;
    gap:10px!important;
  }

  body.apfel-pro-ui #viewRoot
  .ap-customer-account-detail
  .info-grid > .info-box {
    min-height:78px;
    padding:14px!important;
  }

  body.apfel-pro-ui #viewRoot
  .ap-customer-account-detail
  .info-grid > .actions {
    grid-column:1;
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce) {
  body.apfel-pro-ui #viewRoot
  .ap-customer-account-detail * {
    transition:none!important;
  }
}


/* APFEL_ADMIN_RECEIPTS_CSS_V1 */

/* Page */
body.apfel-pro-ui:has(
  #viewRoot .ap-admin-receipts-page
) {
  background:#edf3fb!important;
  color:#193653!important;
}

body.apfel-pro-ui:has(
  #viewRoot .ap-admin-receipts-page
) #app.mobile-app {
  background:transparent!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipts-page {
  direction:rtl;
  width:100%;
  min-width:0;
  padding-bottom:36px;
}

/* Header */
body.apfel-pro-ui #viewRoot
.ap-admin-receipts-page > .page-title {
  margin:10px 0 15px;
  padding:24px!important;
  border:1px solid #396ca5!important;
  border-radius:21px!important;
  background:linear-gradient(
    125deg,#17355d,#2863a4
  )!important;
  box-shadow:0 11px 27px rgba(24,64,113,.13);
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipts-page > .page-title h1 {
  color:#fff!important;
  font-size:clamp(22px,3vw,29px);
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipts-page > .page-title .muted {
  margin-top:8px;
  color:#e1edfd!important;
  font-size:13px;
}

/* VPN / AI switch — existing functional buttons */
body.apfel-pro-ui #viewRoot
.ap-admin-receipts-page
[data-receipt-tab] {
  min-height:49px;
  padding:11px 16px!important;
  border-radius:13px!important;
  font-size:13px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipts-page
[data-receipt-tab].primary-button {
  background:#245fce!important;
  color:#fff!important;
  border:1px solid #245fce!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipts-page
[data-receipt-tab].secondary-button {
  background:#fff!important;
  color:#275b9e!important;
  border:1px solid #cbdcf0!important;
}

/* Toolbar */
body.apfel-pro-ui
.ap-admin-receipts-toolbar {
  display:grid;
  gap:16px;
  margin:16px 0 21px;
  padding:20px;
  border:1px solid #d8e4f3;
  border-radius:20px;
  background:#fff!important;
  box-shadow:0 6px 20px rgba(24,63,113,.05);
}

body.apfel-pro-ui
.ap-admin-receipts-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}

body.apfel-pro-ui
.ap-admin-receipts-heading strong {
  color:#1b3c60!important;
  font-size:17px;
  font-weight:900;
}

body.apfel-pro-ui
.ap-admin-receipts-heading p {
  margin:5px 0 0;
  color:#607a95!important;
  font-size:12px;
  line-height:1.8;
}

body.apfel-pro-ui
.ap-admin-receipts-total {
  padding:9px 14px;
  border:1px solid #d1e0f6;
  border-radius:12px;
  background:#edf4ff;
  color:#245bb5!important;
  font-size:13px;
  font-weight:900;
}

/* Stats */
body.apfel-pro-ui
.ap-admin-receipts-stats {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

body.apfel-pro-ui
.ap-admin-receipts-stats > div {
  min-width:0;
  padding:17px;
  border:1px solid #e0e8f5;
  border-radius:15px;
  background:#f6f9fe;
}

body.apfel-pro-ui
.ap-admin-receipts-stats small {
  display:block;
  color:#5d7895!important;
  font-size:12px;
  font-weight:750;
}

body.apfel-pro-ui
.ap-admin-receipts-stats strong {
  display:block;
  margin-top:10px;
  color:#1d4f91!important;
  font-size:clamp(20px,3vw,28px);
  font-weight:900;
}

/* Search */
body.apfel-pro-ui
.ap-admin-receipts-search {
  display:block;
  color:#345473!important;
  font-size:13px;
  font-weight:850;
}

body.apfel-pro-ui
.ap-admin-receipts-search input {
  display:block;
  width:100%;
  min-height:49px;
  margin-top:8px;
  padding:12px 15px!important;
  border:1px solid #cadbf0!important;
  border-radius:13px!important;
  background:#f8fbff!important;
  color:#193654!important;
  font-size:14px;
}

body.apfel-pro-ui
.ap-admin-receipts-search input:focus {
  border-color:#2867d2!important;
  box-shadow:0 0 0 3px rgba(40,103,210,.12);
}

/* Filters */
body.apfel-pro-ui
.ap-admin-receipts-filters {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

body.apfel-pro-ui
.ap-admin-receipts-filters button {
  min-height:45px;
  padding:10px 17px;
  border:1px solid #d0dfef;
  border-radius:12px;
  background:#f2f7fd;
  color:#345675;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}

body.apfel-pro-ui
.ap-admin-receipts-filters
button[aria-pressed="true"] {
  background:#245fd1!important;
  color:#fff!important;
  border-color:#245fd1!important;
}

body.apfel-pro-ui
.ap-admin-receipts-count {
  margin:0;
  color:#617a95!important;
  font-size:12px;
}

/* Receipt list */
body.apfel-pro-ui #viewRoot
.ap-admin-receipts-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:start;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipts-grid
> .ap-admin-receipt-card {
  min-width:0;
  margin:0!important;
  padding:20px!important;
  border:1px solid #d9e5f2!important;
  border-inline-start:4px solid #347cd5!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#193653!important;
  box-shadow:0 6px 22px rgba(25,65,112,.05);
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card[data-ap-receipt-type="wallet"] {
  border-inline-start-color:#159d7b!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card .row-between {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card strong {
  color:#1b4066!important;
  font-size:15px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card .muted {
  color:#607995!important;
  line-height:1.85;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card .code {
  display:block;
  direction:ltr;
  unicode-bidi:plaintext;
  color:#476b93!important;
  font-size:12px;
  overflow-wrap:anywhere;
}

/* Receipt image */
body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card img[alt*="رسید"] {
  display:block;
  width:100%;
  max-height:400px;
  object-fit:contain;
  margin-top:14px;
  border:1px solid #dbe6f3;
  border-radius:15px;
  background:#f5f8fc!important;
}

/* Details */
body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card .info-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:15px;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card .info-box {
  min-width:0;
  padding:13px!important;
  border:1px solid #e0e8f4!important;
  border-radius:12px!important;
  background:#f7faff!important;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card .info-box small {
  color:#5e7996!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card .info-box strong {
  display:block;
  margin-top:6px;
  color:#21476d!important;
  font-size:13px;
}

/* Original approve / reject actions */
body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card
:is(
  button[data-admin-approve-order],
  button[data-admin-reject-order],
  button[data-admin-approve-wallet-topup],
  button[data-admin-reject-wallet-topup]
) {
  min-width:0;
  width:100%;
  min-height:49px;
  margin:0!important;
  padding:10px!important;
  border-radius:12px!important;
  font-size:12px;
  font-weight:900;
  line-height:1.8;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card
:is(
  button[data-admin-approve-order],
  button[data-admin-approve-wallet-topup]
) {
  background:#0c9873!important;
  border:1px solid #0c9873!important;
  color:#fff!important;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card
:is(
  button[data-admin-reject-order],
  button[data-admin-reject-wallet-topup]
) {
  background:#fff0f3!important;
  border:1px solid #efcbd5!important;
  color:#ab3953!important;
}

/* Empty states */
body.apfel-pro-ui #viewRoot
.ap-admin-receipt-card[hidden],
body.apfel-pro-ui #viewRoot
.ap-admin-receipts-empty[hidden] {
  display:none!important;
}

body.apfel-pro-ui
.ap-admin-receipts-empty {
  padding:28px;
  margin:15px 0;
  border:1px dashed #c2d5ea;
  border-radius:17px;
  background:#fff;
  color:#597390;
  text-align:center;
}

body.apfel-pro-ui #viewRoot
.ap-admin-receipts-page > .card.empty {
  padding:35px 20px!important;
  border:1px dashed #c6d9ea!important;
  border-radius:19px!important;
  background:#fff!important;
  color:#315675!important;
  text-align:center;
}

/* Desktop */
@media(min-width:900px) {
  body.apfel-pro-ui #viewRoot
  .ap-admin-receipts-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:550px) {
  body.apfel-pro-ui
  .ap-admin-receipts-toolbar {
    padding:14px;
  }

  body.apfel-pro-ui
  .ap-admin-receipts-stats {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }

  body.apfel-pro-ui
  .ap-admin-receipts-stats > div {
    padding:12px 8px;
    text-align:center;
  }

  body.apfel-pro-ui
  .ap-admin-receipts-stats small {
    font-size:10px;
  }

  body.apfel-pro-ui
  .ap-admin-receipts-filters {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  body.apfel-pro-ui
  .ap-admin-receipts-filters button {
    padding:9px 5px;
    font-size:11px;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-receipt-card {
    padding:15px!important;
  }

  body.apfel-pro-ui #viewRoot
  .ap-admin-receipt-card .info-grid {
    grid-template-columns:1fr;
  }
}

/* Accessibility */
body.apfel-pro-ui #viewRoot
.ap-admin-receipts-page button:focus-visible {
  outline:3px solid #87b5ff!important;
  outline-offset:3px;
}

@media(prefers-reduced-motion:reduce) {
  body.apfel-pro-ui #viewRoot
  .ap-admin-receipts-page * {
    transition:none!important;
  }
}


/* APFEL_WALLET_DETAIL_CSS_V1 */

/* Wallet detail */
body.apfel-pro-ui:has(
  #viewRoot .ap-wallet-detail-page
) {
  background:#edf3fb!important;
  color:#193653!important;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page {
  direction:rtl;
  padding-bottom:36px;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page .ap-admin-page-title {
  display:flex;
  align-items:center;
  gap:17px;
  margin:10px 0 19px;
  padding:22px 25px;
  border:1px solid #386ca4;
  border-radius:21px;
  background:linear-gradient(
    125deg,#17365c,#285f9d
  )!important;
  box-shadow:0 11px 26px rgba(23,63,112,.12);
}

body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page .ap-admin-page-title h1 {
  color:#fff!important;
  font-weight:900;
  font-size:clamp(21px,3vw,28px);
}

body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page
.ap-admin-page-title :is(small,p) {
  color:#e1edfd!important;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page .ap-admin-back {
  flex:none;
  min-width:46px;
  min-height:46px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:13px;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
}

/* Balance */
body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page .ap-admin-balance {
  padding:27px!important;
  border:1px solid #3d72aa!important;
  border-radius:22px!important;
  background:linear-gradient(
    125deg,#133659,#2469a6
  )!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(24,70,119,.15);
}

body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page .ap-admin-balance small {
  display:block;
  color:#dcecff!important;
  font-size:13px;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page .ap-admin-balance strong {
  display:block;
  margin:11px 0;
  color:#fff!important;
  font-size:clamp(28px,5vw,39px);
  font-weight:900;
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page .ap-admin-balance span {
  color:#e5f0ff!important;
}

/* Statistics */
body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page .stats-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page
.stats-grid > .stat-card {
  min-width:0;
  padding:19px!important;
  border:1px solid #dbe6f3!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 5px 19px rgba(24,65,112,.04);
}

/* Financial adjustment actions */
body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page
button[data-admin-wallet-adjust] {
  min-width:0;
  min-height:52px;
  padding:11px 14px!important;
  border-radius:13px!important;
  font-size:13px;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page
button[data-wallet-direction="credit"] {
  background:#0e9b75!important;
  color:#fff!important;
  border:1px solid #0e9b75!important;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page
button[data-wallet-direction="debit"] {
  background:#fff1f3!important;
  color:#a73751!important;
  border:1px solid #efcbd3!important;
}

/* Transaction section */
body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page .section-header {
  margin:27px 0 14px;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-detail-page .section-header h2 {
  color:#1d3c5d!important;
  font-size:19px;
  font-weight:900;
}

/* Filter toolbar */
body.apfel-pro-ui .ap-wallet-tx-toolbar {
  display:grid;
  gap:14px;
  margin-bottom:20px;
  padding:19px;
  border:1px solid #d9e4f2;
  border-radius:19px;
  background:#fff;
  box-shadow:0 5px 19px rgba(23,64,111,.045);
}

body.apfel-pro-ui .ap-wallet-tx-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

body.apfel-pro-ui .ap-wallet-tx-head strong {
  color:#1b3e65!important;
  font-size:16px;
  font-weight:900;
}

body.apfel-pro-ui .ap-wallet-tx-head p {
  margin:5px 0 0;
  color:#607a96!important;
  font-size:12px;
}

body.apfel-pro-ui .ap-wallet-tx-head > span {
  padding:8px 13px;
  background:#eaf3ff;
  color:#265eb7;
  border-radius:11px;
  font-size:12px;
  font-weight:850;
}

body.apfel-pro-ui .ap-wallet-tx-search {
  color:#365777!important;
  font-size:13px;
  font-weight:850;
}

body.apfel-pro-ui .ap-wallet-tx-search input {
  display:block;
  width:100%;
  min-height:48px;
  margin-top:8px;
  padding:11px 14px!important;
  border:1px solid #cadbf0!important;
  border-radius:12px!important;
  background:#f8fbff!important;
  color:#1b3957!important;
  font-size:14px;
}

body.apfel-pro-ui .ap-wallet-tx-filters {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

body.apfel-pro-ui .ap-wallet-tx-filters button {
  min-height:44px;
  padding:9px 15px;
  border:1px solid #d1dfee;
  border-radius:12px;
  background:#f2f7fd;
  color:#385878;
  font-size:12px;
  font-weight:850;
}

body.apfel-pro-ui
.ap-wallet-tx-filters button[aria-pressed="true"] {
  background:#245fd1!important;
  border-color:#245fd1!important;
  color:#fff!important;
}

body.apfel-pro-ui .ap-wallet-tx-summary {
  margin:0;
  color:#607a95!important;
  font-size:12px;
}

/* Transaction cards */
body.apfel-pro-ui #viewRoot
.ap-wallet-tx-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:13px;
  align-items:start;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-tx-card {
  min-width:0;
  margin:0!important;
  padding:19px!important;
  border:1px solid #dae5f2!important;
  border-inline-start:4px solid #2b8cc4!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#193654!important;
  box-shadow:0 5px 17px rgba(24,65,111,.04);
  overflow-wrap:anywhere;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-tx-card[data-ap-wallet-tx-direction="credit"] {
  border-inline-start-color:#149a77!important;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-tx-card[data-ap-wallet-tx-direction="debit"] {
  border-inline-start-color:#c77988!important;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-tx-card .row-between {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:11px;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-tx-card .row-between strong {
  color:#1c3e60!important;
  font-weight:900;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-tx-card .row-between > strong {
  direction:ltr;
  unicode-bidi:plaintext;
  font-size:19px!important;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-tx-card[data-ap-wallet-tx-direction="credit"]
.row-between > strong {
  color:#087956!important;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-tx-card[data-ap-wallet-tx-direction="debit"]
.row-between > strong {
  color:#af3d55!important;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-tx-card .muted {
  color:#617b96!important;
  font-size:12px;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-tx-card .traffic-row {
  display:flex;
  justify-content:space-between;
  gap:11px;
  flex-wrap:wrap;
  padding-top:12px;
  border-top:1px solid #e8eef6;
  color:#557291!important;
  font-size:12px;
}

body.apfel-pro-ui #viewRoot
.ap-wallet-tx-card[hidden],
body.apfel-pro-ui .ap-wallet-tx-empty[hidden] {
  display:none!important;
}

body.apfel-pro-ui .ap-wallet-tx-empty {
  padding:28px;
  border:1px dashed #c3d5e9;
  border-radius:16px;
  background:#fff;
  color:#59738e;
  text-align:center;
}

/* Adjustment modal — visual changes only */
#apfelAdminWalletAdjustModal {
  backdrop-filter:blur(5px);
}

#apfelAdminWalletAdjustModal > div {
  width:min(470px,100%)!important;
  max-height:90dvh!important;
  padding:25px!important;
  border:1px solid #d6e2f2!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#193653!important;
  box-shadow:0 24px 70px rgba(7,29,65,.24);
}

#apfelAdminWalletAdjustModal h2 {
  margin-bottom:12px!important;
  color:#1a3e65!important;
  font-size:21px;
  font-weight:900;
}

#apfelAdminWalletAdjustModal .muted {
  color:#5b7692!important;
  line-height:1.9;
}

#apfelAdminWalletAdjustModal
:is(#adminWalletAdjustAmount,#adminWalletAdjustReason) {
  width:100%;
  border:1px solid #cbdcf0!important;
  border-radius:13px!important;
  background:#f7faff!important;
  color:#193653!important;
}

#apfelAdminWalletAdjustModal #adminWalletAdjustAmount {
  min-height:52px!important;
  font-size:19px!important;
  direction:ltr;
  text-align:left;
}

#apfelAdminWalletAdjustModal #adminWalletAdjustReason {
  min-height:115px!important;
  line-height:1.9;
}

#apfelAdminWalletAdjustModal #adminWalletAdjustSubmit {
  min-height:49px;
  border-radius:12px!important;
  background:#245fce!important;
  color:#fff!important;
  font-weight:900;
}

#apfelAdminWalletAdjustModal #adminWalletAdjustCancel {
  min-height:49px;
  border:1px solid #d0deef!important;
  border-radius:12px!important;
  background:#f0f5fc!important;
  color:#315b82!important;
  font-weight:850;
}

/* Desktop */
@media(min-width:850px) {
  body.apfel-pro-ui #viewRoot
  .ap-wallet-tx-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:550px) {
  body.apfel-pro-ui #viewRoot
  .ap-wallet-detail-page .stats-grid {
    grid-template-columns:1fr;
  }

  body.apfel-pro-ui .ap-wallet-tx-toolbar {
    padding:14px;
  }

  body.apfel-pro-ui .ap-wallet-tx-filters {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  body.apfel-pro-ui .ap-wallet-tx-filters button {
    padding:9px 4px;
    font-size:11px;
  }

  #apfelAdminWalletAdjustModal > div {
    padding:17px!important;
  }
}