.wkr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:18px 0 28px}.wkr-card{border:1px solid #e2e8f0;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 3px 14px rgba(15,23,42,.06);display:flex;flex-direction:column;min-width:0}.wkr-card-image{display:block;width:100%;height:190px;object-fit:cover}.wkr-image-placeholder{height:190px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;text-align:center;padding:12px}.wkr-card-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.wkr-card h3{font-size:19px;line-height:1.35;margin:2px 0}.wkr-chip{align-self:flex-start;border-radius:99px;background:#e0f2fe;color:#075985;padding:4px 10px;font-size:12px;font-weight:700}.wkr-muted{color:#64748b;font-size:14px;margin:0}.wkr-price{font-weight:800;font-size:18px;color:#0f172a;margin-top:auto;padding-top:8px}.wkr-price small{font-size:12px;font-weight:500;color:#64748b}.wkr-button,.wkr-wa{display:inline-flex;justify-content:center;align-items:center;text-decoration:none!important;border-radius:9px;padding:11px 14px;font-weight:700;cursor:pointer;text-align:center}.wkr-button{background:#075985;color:#fff!important;border:0}.wkr-button:hover{background:#0c4a6e;color:#fff!important}.wkr-wa{border:1px solid #16a34a;color:#15803d!important}.wkr-search,.wkr-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px;margin:18px 0;display:grid;gap:14px}.wkr-search{grid-template-columns:2fr 1fr auto;align-items:end}.wkr-search label,.wkr-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}.wkr-search input,.wkr-search select,.wkr-form input,.wkr-form select,.wkr-form textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:11px;font:inherit;font-weight:400;min-height:42px}.wkr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wkr-booking{margin:26px 0}.wkr-success,.wkr-error,.wkr-empty{padding:16px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;margin:14px 0}.wkr-success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.wkr-error{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.wkr-calendar{border:1px solid #e2e8f0;border-radius:12px;padding:16px}.wkr-calendar li{padding:7px 0}.wkr-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wkr-admin-grid label{display:flex;flex-direction:column;gap:5px}.wkr-admin-grid input{width:100%}@media(max-width:650px){.wkr-search{grid-template-columns:1fr}.wkr-form-grid,.wkr-admin-grid{grid-template-columns:1fr}.wkr-card-image,.wkr-image-placeholder{height:175px}}
.wkr-register,.wkr-dashboard{max-width:100%;margin:24px auto;padding:22px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;color:#172033}.wkr-register h2,.wkr-dashboard h2{margin-top:0}.wkr-register h3,.wkr-dashboard h3{margin-top:28px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.wkr-register .wkr-form,.wkr-dashboard .wkr-form{margin:16px 0 26px}.wkr-dashboard .wkr-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.wkr-dashboard .wkr-card-body{padding:14px}.wkr-dashboard .wkr-card-image{width:100%;height:170px;object-fit:cover}.wkr-dashboard input[type=file]{max-width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:8px}.wkr-register input,.wkr-dashboard input,.wkr-dashboard select,.wkr-dashboard textarea{box-sizing:border-box;max-width:100%}.wkr-register .wkr-button,.wkr-dashboard .wkr-button{cursor:pointer}

/* Mitra booking notifications */
.wkr-notification-panel{border:1px solid #dbe5ef;background:#f8fbff;border-radius:14px;padding:18px;margin:20px 0}
.wkr-notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wkr-notification-head h3{margin:0 0 10px}
.wkr-notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#155eef;color:#fff;font-weight:700}
.wkr-notification-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;margin-top:10px;line-height:1.55}
.wkr-notification-item strong{display:block;margin-bottom:4px}
.wkr-notification-item small{color:#64748b}

/* Interactive map picker for partner business and vehicle locations */
.wkr-map-picker{border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:12px;margin:8px 0 14px;grid-column:1/-1}
.wkr-map-picker p{margin:0 0 10px;color:#1e293b;font-size:14px;line-height:1.5}
.wkr-map-canvas{height:320px;width:100%;border-radius:9px;overflow:hidden;z-index:1}
.wkr-map-coords{font-size:13px;color:#475569;margin:9px 0}
.wkr-map-gps{margin-top:4px}
.wkr-map-picker .leaflet-container{font:14px/1.5 sans-serif;z-index:1}
@media(max-width:650px){.wkr-map-canvas{height:260px}}

/* =========================================================
   WAKATOBI RENTAL — PROFESSIONAL PARTNER DASHBOARD v1.7 + PAYMENT
   Brand palette: deep ocean teal, lagoon blue, pearl white, gold
========================================================= */
:root {
  --wkr-ocean-950: #073b43;
  --wkr-ocean-900: #084e57;
  --wkr-ocean-800: #0b626a;
  --wkr-lagoon-700: #087f8c;
  --wkr-lagoon-600: #0b91a0;
  --wkr-sky-100: #e8f6f8;
  --wkr-sky-50: #f4fbfc;
  --wkr-gold-600: #bd8a25;
  --wkr-gold-100: #fff5d9;
  --wkr-ink: #162b35;
  --wkr-muted: #647984;
  --wkr-line: #dce9eb;
}

body .wkr-dashboard {
  width: min(100%, 1180px);
  box-sizing: border-box;
  margin: 28px auto;
  padding: clamp(14px, 2.6vw, 30px);
  color: var(--wkr-ink);
  background: #f7fbfc;
  border: 1px solid var(--wkr-line);
  border-radius: 22px;
  box-shadow: 0 18px 48px rgba(7, 59, 67, .09);
  font-family: inherit;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
body .wkr-dashboard * { box-sizing: border-box; }
body .wkr-dashboard p { line-height: 1.6; }

.wkr-dashboard-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 232px;
  padding: clamp(24px, 4vw, 42px);
  margin: 0 0 22px;
  overflow: hidden;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(118deg, var(--wkr-ocean-950) 0%, var(--wkr-ocean-800) 58%, #087b88 100%);
  box-shadow: 0 12px 28px rgba(8, 78, 87, .2);
}
.wkr-dashboard-hero::before,
.wkr-dashboard-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  pointer-events: none;
}
.wkr-dashboard-hero::before { width: 390px; height: 390px; right: 70px; top: -220px; }
.wkr-dashboard-hero::after { width: 290px; height: 290px; right: -60px; bottom: -190px; }
.wkr-dashboard-hero-copy { min-width: 0; max-width: 760px; }
.wkr-dashboard-eyebrow {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  color: #c2eef0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.wkr-status-dot { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #f2c45f; box-shadow: 0 0 0 4px rgba(242,196,95,.15); }
body .wkr-dashboard .wkr-dashboard-hero h2 {
  color: #fff;
  margin: 13px 0 8px;
  font-size: clamp(28px, 4vw, 41px);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -.035em;
}
body .wkr-dashboard .wkr-dashboard-hero p { color: rgba(255,255,255,.87); margin: 0; max-width: 720px; font-size: 15px; }
.wkr-dashboard-hero p strong { color: #fff; }
.wkr-dashboard-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.wkr-dashboard-hero-tags span { padding: 6px 10px; color: #f2fbfc; background: rgba(255,255,255,.105); border: 1px solid rgba(255,255,255,.16); border-radius: 8px; font-size: 12px; font-weight: 600; }
.wkr-dashboard-hero-mark { flex: 0 0 128px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: white; text-align: center; font-size: 12px; letter-spacing: .09em; font-weight: 700; }
.wkr-dashboard-hero-mark strong { color: #f4c75e; font-size: 17px; letter-spacing: .18em; }
.wkr-dashboard-mark-icon { display: grid; place-items: center; width: 76px; height: 76px; border-radius: 22px; color: #f6cc68; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.09); font-size: 55px; line-height: 1; transform: rotate(-8deg); }

.wkr-dashboard-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0 0 18px; }
.wkr-stat-card { display: flex; align-items: flex-start; gap: 14px; min-width: 0; padding: 18px; background: #fff; border: 1px solid var(--wkr-line); border-radius: 15px; box-shadow: 0 4px 14px rgba(7,59,67,.035); }
.wkr-stat-icon { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 13px; font-size: 23px; font-weight: 800; }
.wkr-stat-teal .wkr-stat-icon { color: var(--wkr-ocean-800); background: #e0f4f3; }
.wkr-stat-gold .wkr-stat-icon { color: #8a6316; background: var(--wkr-gold-100); }
.wkr-stat-blue .wkr-stat-icon { color: #176a91; background: #e8f5fc; }
.wkr-stat-card > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.wkr-stat-label { color: var(--wkr-muted); font-weight: 700; font-size: 12px; }
body .wkr-dashboard .wkr-stat-card strong { color: var(--wkr-ocean-950); font-size: 30px; line-height: 1.15; font-weight: 800; }
.wkr-stat-card small { color: #73858c; font-size: 11px; line-height: 1.4; }
.wkr-dashboard-note { display: flex; align-items: flex-start; gap: 10px; padding: 12px 15px; margin: 0 0 22px; border: 1px solid #cfe9ec; border-radius: 12px; background: #eaf7f8; color: #285b62; font-size: 13px; }
.wkr-note-icon { display: inline-grid; flex: 0 0 20px; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--wkr-lagoon-700); color: #fff; font-size: 12px; font-weight: 800; }

body .wkr-dashboard .wkr-notification-panel { margin: 0 0 22px; padding: 20px; border: 1px solid #c6e6e7; border-radius: 16px; background: linear-gradient(135deg, #effafb 0%, #fafdfe 100%); box-shadow: 0 4px 14px rgba(8,78,87,.035); }
body .wkr-dashboard .wkr-notification-head { align-items: center; }
body .wkr-dashboard .wkr-notification-head h3 { margin: 0; padding: 0; border: 0; color: var(--wkr-ocean-950); font-size: 19px; }
body .wkr-dashboard .wkr-notification-badge { min-width: 34px; height: 34px; color: #fff; background: var(--wkr-ocean-800); box-shadow: 0 3px 8px rgba(8,78,87,.18); }
body .wkr-dashboard .wkr-notification-item { margin-top: 10px; border: 1px solid #d8e8e9; border-left: 4px solid var(--wkr-lagoon-600); border-radius: 10px; box-shadow: 0 2px 6px rgba(7,59,67,.03); }
body .wkr-dashboard .wkr-notification-item strong { color: var(--wkr-ocean-950); }
body .wkr-dashboard .wkr-notification-item small { color: var(--wkr-muted); }

body .wkr-dashboard-section { margin: 0 0 22px; padding: clamp(16px, 2.4vw, 26px); background: #fff; border: 1px solid var(--wkr-line); border-radius: 17px; box-shadow: 0 4px 18px rgba(7,59,67,.035); }
.wkr-section-heading { display: flex; align-items: flex-start; gap: 13px; margin: 0 0 4px; }
.wkr-section-number { display: grid; place-items: center; width: 39px; height: 39px; flex: 0 0 39px; border-radius: 12px; color: var(--wkr-ocean-800); background: var(--wkr-sky-100); font-size: 12px; font-weight: 800; letter-spacing: .04em; }
body .wkr-dashboard .wkr-section-heading h3 { display: flex; align-items: center; gap: 10px; color: var(--wkr-ocean-950); padding: 0; margin: 0 0 3px; border: 0; font-size: 22px; line-height: 1.3; font-weight: 800; }
body .wkr-dashboard .wkr-section-heading p { margin: 0 0 12px; color: var(--wkr-muted); font-size: 13px; }
.wkr-heading-count { display: inline-grid; place-items: center; min-width: 27px; height: 27px; padding: 0 7px; border-radius: 99px; color: var(--wkr-ocean-800); background: #e9f6f7; font-size: 12px; }

body .wkr-dashboard .wkr-form { display: grid; gap: 15px; padding: 20px; margin: 12px 0 0; background: #f7fbfc; border: 1px solid #e1edef; border-radius: 14px; }
body .wkr-dashboard .wkr-form-grid { gap: 16px; }
body .wkr-dashboard .wkr-form label { color: #28434c; font-size: 13px; font-weight: 700; gap: 7px; }
body .wkr-dashboard .wkr-form input:not([type="file"]),
body .wkr-dashboard .wkr-form select,
body .wkr-dashboard .wkr-form textarea { width: 100%; min-height: 45px; border: 1px solid #c9dce0; border-radius: 9px; padding: 11px 13px; color: #18343b; background: #fff; box-shadow: inset 0 1px 2px rgba(7,59,67,.025); outline: none; transition: border-color .16s ease, box-shadow .16s ease; }
body .wkr-dashboard .wkr-form textarea { min-height: 100px; }
body .wkr-dashboard .wkr-form input:focus,
body .wkr-dashboard .wkr-form select:focus,
body .wkr-dashboard .wkr-form textarea:focus { border-color: var(--wkr-lagoon-600); box-shadow: 0 0 0 3px rgba(11,145,160,.13); }
body .wkr-dashboard .wkr-form input[type="file"] { width: 100%; max-width: 100%; min-height: 45px; color: #52666e; background: white; border: 1px solid #c9dce0; border-radius: 9px; padding: 7px; }
body .wkr-dashboard .wkr-button,
body .wkr-dashboard button.wkr-button,
body .wkr-dashboard input.wkr-button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; width: auto; min-height: 44px; padding: 12px 18px; border: 1px solid var(--wkr-ocean-800) !important; border-radius: 10px; background: var(--wkr-ocean-800) !important; color: #fff !important; text-shadow: none !important; font-family: inherit; font-size: 14px; font-weight: 800; line-height: 1.3; text-decoration: none !important; box-shadow: 0 4px 10px rgba(8,78,87,.14); cursor: pointer; transition: transform .15s ease, background .15s ease, box-shadow .15s ease; }
body .wkr-dashboard .wkr-button:hover,
body .wkr-dashboard button.wkr-button:hover { background: var(--wkr-lagoon-700) !important; border-color: var(--wkr-lagoon-700) !important; color: #fff !important; box-shadow: 0 6px 14px rgba(8,78,87,.2); transform: translateY(-1px); }
body .wkr-dashboard .wkr-button:focus-visible { outline: 3px solid rgba(11,145,160,.32); outline-offset: 2px; }
.wkr-button-symbol { font-size: 17px; line-height: 1; }
body .wkr-dashboard .wkr-map-picker { border-color: #cfe2e5; border-radius: 12px; background: white; padding: 14px; }
body .wkr-dashboard .wkr-map-picker p { color: #38565f; font-size: 13px; }
body .wkr-dashboard .wkr-map-coords { padding: 8px 10px; border-radius: 8px; background: #f0f8f9; color: #35606a; font-size: 12px; }
body .wkr-dashboard .wkr-map-canvas { border: 1px solid #d4e5e7; }
body .wkr-dashboard .wkr-success { border-color: #b7e5d2; background: #effbf5; color: #126b4c; }
body .wkr-dashboard .wkr-error { border-color: #f2d0bc; background: #fff7f1; color: #a34b20; }
body .wkr-dashboard .wkr-empty { border: 1px dashed #c8dcdf; background: #f7fbfc; color: #57717a; }
body .wkr-dashboard .wkr-grid { gap: 16px; }
body .wkr-dashboard .wkr-card { border-color: #dbe9eb; border-radius: 14px; box-shadow: 0 5px 15px rgba(7,59,67,.055); transition: transform .16s ease, box-shadow .16s ease; }
body .wkr-dashboard .wkr-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(7,59,67,.10); }
body .wkr-dashboard .wkr-card-body h4 { margin: 0; color: var(--wkr-ocean-950); font-size: 17px; }
body .wkr-dashboard .wkr-card-body p { color: var(--wkr-muted); font-size: 13px; margin: 0; }
body .wkr-dashboard .wkr-card-body p strong { color: var(--wkr-ocean-800); }
body .wkr-dashboard .wkr-card-image { background: #e7f2f3; }

@media (max-width: 760px) {
  body .wkr-dashboard { margin: 12px auto; padding: 12px; border-radius: 16px; }
  .wkr-dashboard-hero { min-height: auto; padding: 24px 20px; border-radius: 14px; }
  .wkr-dashboard-hero-mark { display: none; }
  .wkr-dashboard-stats { grid-template-columns: 1fr; gap: 10px; }
  .wkr-stat-card { padding: 14px; }
  .wkr-stat-card > div { flex: 1; }
  body .wkr-dashboard-section { padding: 16px 12px; border-radius: 13px; }
  body .wkr-dashboard .wkr-form { padding: 13px; }
  body .wkr-dashboard .wkr-form-grid { grid-template-columns: 1fr; }
  body .wkr-dashboard .wkr-form > .wkr-button { width: 100%; }
  .wkr-dashboard-hero-tags { gap: 6px; }
  .wkr-dashboard-hero-tags span { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  body .wkr-dashboard .wkr-button, body .wkr-dashboard .wkr-card { transition: none; }
}

/* Payment checkout and commission ledger v1.7 */
.wkr-payment-panel{max-width:880px;margin:28px auto;padding:clamp(18px,3vw,30px);border:1px solid #d9e8e9;border-radius:20px;background:linear-gradient(160deg,#f4fbfc 0%,#fff 50%);box-shadow:0 14px 40px rgba(7,59,67,.08);color:#17333a}
.wkr-payment-title{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.wkr-payment-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#084e57;color:#f4c75e;font-size:27px;font-weight:800}
.wkr-payment-kicker{margin:0;color:#087f8c;font-weight:800;font-size:11px;letter-spacing:.15em}
.wkr-payment-title h2{margin:3px 0;color:#073b43;font-size:clamp(23px,3vw,31px);line-height:1.2}
.wkr-payment-title p:last-child{margin:0;color:#647984;font-size:13px}
.wkr-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.wkr-payment-summary>div{min-width:0;padding:15px;border:1px solid #dce9eb;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:6px}
.wkr-payment-summary span{font-size:12px;color:#647984;font-weight:650}
.wkr-payment-summary strong{color:#084e57;font-size:17px;overflow-wrap:anywhere}
.wkr-payment-summary>div:first-child{background:#e8f6f8;border-color:#b9dfe2}
.wkr-payment-summary>div:first-child strong{font-size:22px}
.wkr-payment-instruction{padding:20px;margin:18px 0;background:#fff;border:1px solid #dce9eb;border-radius:14px}
.wkr-payment-instruction h3{margin:0 0 8px;color:#073b43}
.wkr-payment-instruction p{color:#4c6870;line-height:1.6}
.wkr-payment-instruction dl{display:grid;grid-template-columns:160px 1fr;gap:8px 16px;margin:15px 0 0}
.wkr-payment-instruction dt{font-size:13px;color:#647984}
.wkr-payment-instruction dd{margin:0;font-size:14px;color:#17333a;overflow-wrap:anywhere}
.wkr-qris-image{display:block;width:min(100%,360px);height:auto;margin:16px auto;border:1px solid #dce9eb;border-radius:12px;padding:8px;background:#fff}
.wkr-payment-help{white-space:normal;padding:13px 15px;border-left:4px solid #bd8a25;background:#fff7df;border-radius:8px;color:#6a521b;line-height:1.65}
.wkr-proof-form{display:grid;gap:13px;padding:18px;background:#f7fbfc;border:1px solid #dce9eb;border-radius:14px;margin:20px 0}
.wkr-proof-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:750;color:#28434c}
.wkr-proof-form input[type=file]{width:100%;box-sizing:border-box;padding:9px;border:1px solid #c9dce0;border-radius:9px;background:#fff}
.wkr-proof-form .wkr-button{justify-self:start}
.wkr-finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 20px}
.wkr-finance-grid article{display:flex;flex-direction:column;gap:8px;padding:17px;border-radius:13px;border:1px solid #dce9eb;background:#f8fcfc;min-width:0}
.wkr-finance-grid article span{font-size:12px;color:#647984;font-weight:700}
.wkr-finance-grid article strong{font-size:21px;color:#084e57;overflow-wrap:anywhere}
.wkr-finance-grid article:nth-child(2){background:#fff8e7;border-color:#f1dfae}
.wkr-finance-table-wrap{width:100%;overflow-x:auto;border:1px solid #dce9eb;border-radius:12px}
.wkr-finance-table{width:100%;min-width:820px;border-collapse:collapse;background:#fff;font-size:13px}
.wkr-finance-table th,.wkr-finance-table td{padding:12px 13px;text-align:left;border-bottom:1px solid #e6eff0;vertical-align:top}
.wkr-finance-table th{background:#eaf7f8;color:#28555d;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.wkr-finance-table td strong{color:#073b43}
.wkr-finance-table td small{display:block;margin-top:4px;color:#647984;font-size:11px}
.wkr-pay-status{display:inline-flex;padding:5px 8px;border-radius:99px;font-weight:750;font-size:11px;white-space:nowrap}
.wkr-pay-status.is-paid{background:#e9f8ef;color:#126b4c}
.wkr-pay-status.is-pending{background:#fff5d9;color:#855c11}
@media(max-width:650px){.wkr-payment-summary,.wkr-finance-grid{grid-template-columns:1fr}.wkr-payment-instruction dl{grid-template-columns:1fr;gap:4px}.wkr-payment-instruction dd{margin-bottom:9px}.wkr-proof-form .wkr-button{width:100%}.wkr-payment-panel{padding:15px;border-radius:14px}}


/* Partner bank + QRIS requirements v1.8 */
.wkr-payment-profile-warning{display:flex;flex-direction:column;gap:5px;padding:15px 17px;margin:14px 0;border:1px solid #f0d796;border-left:4px solid #bd8a25;border-radius:11px;background:#fff8e6;color:#725315;font-size:13px;line-height:1.55}
.wkr-payment-profile-warning strong{color:#63460b;font-size:14px}
.wkr-partner-payment-fields{padding:18px;margin:16px 0;border:1px solid #cce3e6;border-radius:13px;background:linear-gradient(140deg,#f1fafb,#fff)}
.wkr-partner-payment-fields h4{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;color:#084e57;font-size:16px}
.wkr-partner-payment-fields h4 span{display:inline-flex;align-items:center;padding:5px 9px;border-radius:30px;background:#fff0d2;color:#8a6316;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.wkr-partner-payment-fields .wkr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wkr-partner-payment-fields .wkr-form-grid label{display:flex;flex-direction:column;gap:7px}
.wkr-partner-payment-fields .wkr-form-grid label input{box-sizing:border-box}
.wkr-qris-upload-label{display:flex;flex-direction:column;gap:8px;margin-top:14px;color:#28434c;font-weight:750;font-size:13px}
.wkr-qris-upload-label small{display:block;color:#647984;font-size:12px;font-weight:450;line-height:1.5}
.wkr-partner-qris-current{display:flex;flex-direction:column;gap:10px;padding:13px;margin-top:12px;border:1px solid #dce9eb;border-radius:10px;background:white}
.wkr-partner-qris-current img{display:block;width:min(100%,240px);height:auto;max-height:280px;object-fit:contain;border:1px solid #e2ecee;border-radius:8px;padding:6px;background:#fff}
.wkr-partner-qris-current label{display:flex;align-items:flex-start;gap:8px;font-weight:500;font-size:12px;color:#647984}
.wkr-partner-qris-current input[type=checkbox]{margin-top:3px}
.wkr-payment-commission-note{display:grid;gap:7px;padding:16px;margin:17px 0;border:1px solid #f0dfa9;border-radius:12px;background:#fff9e9;color:#614e1f;font-size:13px;line-height:1.55}
.wkr-payment-commission-note strong{font-size:15px;color:#084e57}
.wkr-payment-commission-note small{padding-top:7px;border-top:1px solid #f0dfa9;color:#756844;font-size:11px;line-height:1.55}
@media(max-width:650px){.wkr-partner-payment-fields{padding:13px}.wkr-partner-payment-fields .wkr-form-grid{grid-template-columns:1fr}.wkr-partner-payment-fields h4{align-items:flex-start;flex-direction:column}}
body .wkr-dashboard .wkr-partner-qris-current input[type=checkbox]{width:auto;min-height:0;padding:0;border:0;border-radius:2px;box-shadow:none;accent-color:#087f8c}
body .wkr-dashboard .wkr-partner-qris-current label{display:flex;flex-direction:row;align-items:flex-start;gap:8px}