.booking-status-pending{width:100%;margin:17px 0;padding:17px 18px;border:2px solid #c48318;border-radius:14px;background:#fff2d2;color:#3a290d;text-align:left;box-shadow:0 5px 18px #8b641219}
.booking-status-pending span{display:inline-block;padding:4px 9px;border-radius:999px;background:#713b0e;color:#fff;font-size:11px;font-weight:850;letter-spacing:.05em}
.booking-status-pending strong{display:block;margin-top:10px;font-size:17px;line-height:1.35;color:#2e260f}
.booking-status-pending p{margin-top:5px;color:#4c3b1d;font-size:13px;line-height:1.5}
.deposit-receipt-ready{margin:16px 0;padding:15px;border:1px solid #82b69c;border-radius:13px;background:#e8f6ed;color:#173a2b;text-align:left}
.deposit-receipt-ready b{display:block;color:#173a2b}
.deposit-receipt-ready p{margin:5px 0 10px;color:#345a48;font-size:12px;line-height:1.5}
.deposit-receipt-ready .btn{background:#fff;border:1px solid #81aa94;color:#173a2b}
.deposit-receipt-sheet{width:min(100%,480px);margin:0 auto 16px;border:1px solid #b7c9bc;border-radius:13px;overflow:hidden;background:#fff;color:#17382e;font-family:'DM Sans',Arial,sans-serif;font-size:12px;line-height:1.45;box-shadow:0 12px 34px #0b362319;color-scheme:light}
.deposit-receipt-sheet *{box-sizing:border-box}
.deposit-receipt-sheet .receipt-hero{position:relative;display:block;height:auto;min-height:194px;padding:24px 28px 22px;border:0;background:#0b3c31;color:#fff9ed;text-align:left}
.deposit-receipt-sheet .receipt-accent{display:block;width:38px;height:3px;margin-bottom:14px;background:#eccf8d}
.deposit-receipt-sheet .receipt-logo{font:800 22px/1.1 Manrope,Arial,sans-serif;letter-spacing:.035em;color:#f2d698}
.deposit-receipt-sheet .receipt-kicker{margin:5px 0 16px;font-size:9px;font-weight:700;letter-spacing:.15em;color:#e1e9de}
.deposit-receipt-sheet .receipt-hero h2{margin:0;color:#fff;font-size:22px;letter-spacing:.045em}
.deposit-receipt-sheet .receipt-hero p{margin:4px 0 14px;color:#e0ebe3;font-size:11px}
.deposit-receipt-sheet .receipt-valid{display:inline-block;padding:5px 10px;border:1px solid #eacb82;border-radius:50px;color:#f9e1ac;font-size:9px;font-weight:800;letter-spacing:.075em}
.deposit-receipt-sheet .receipt-content{padding:19px 25px 21px;background:#fff}
.deposit-receipt-sheet .receipt-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #dce7df;border-radius:10px;overflow:hidden;background:#fff}
.deposit-receipt-sheet .receipt-field{min-width:0;padding:10px 12px;border-bottom:1px solid #e4ebe5;color:#163b30}
.deposit-receipt-sheet .receipt-field:nth-child(odd){border-right:1px solid #e4ebe5}
.deposit-receipt-sheet .receipt-field:nth-last-child(-n+2){border-bottom:0}
.deposit-receipt-sheet .receipt-field small,.deposit-receipt-sheet .receipt-sessions>small{display:block;margin:0 0 4px;color:#577268;font-size:9px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}
.deposit-receipt-sheet .receipt-field strong{display:block;overflow-wrap:anywhere;color:#17392e;font-size:11px;line-height:1.4}
.deposit-receipt-sheet .receipt-sessions{grid-column:1/-1;padding:10px 12px;border-top:1px solid #e4ebe5}
.deposit-receipt-sheet .receipt-sessions p{margin:5px 0;color:#24473a;font-size:10px}
.deposit-receipt-sheet .receipt-amount{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;padding:13px 16px;border:1px solid #d7ba74;border-radius:10px;background:#f9edcf;color:#2c301b}
.deposit-receipt-sheet .receipt-amount span b{display:block;font-size:10px;letter-spacing:.055em}
.deposit-receipt-sheet .receipt-amount span small{display:block;margin:3px 0 0;color:#5e573d;font-size:9px}
.deposit-receipt-sheet .receipt-amount>strong{flex-shrink:0;color:#153d31;font-size:21px;font-weight:850}
.deposit-receipt-sheet .receipt-note{margin-top:12px;padding:12px 14px;border-left:3px solid #b48a3e;background:#f5f8f4;color:#284739}
.deposit-receipt-sheet .receipt-note b{font-size:10px}
.deposit-receipt-sheet .receipt-note p{margin:4px 0 0;color:#37574a;font-size:10px;line-height:1.5}
.deposit-receipt-sheet .receipt-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:12px;border-top:1px solid #e1e9e2;color:#536a5c;font-size:9px}
.deposit-receipt-sheet .receipt-footer span span{display:block;margin-top:3px;color:#526c5e}
.deposit-receipt-sheet .receipt-footer b{color:#174333;font-size:11px}
.deposit-receipt-sheet .receipt-footer small{max-width:185px;color:#526c5e;font-size:9px;text-align:right}
.receipt-actions{max-width:480px;margin:auto}
.receipt-actions p{margin:0 0 12px;color:#284739;font-size:12px;line-height:1.6}
.receipt-actions .btn{margin-top:8px}
.receipt-actions #receiptSendError:empty{display:none}
.receipt-actions #receiptSendError:not(:empty){margin:10px 0 14px;padding:13px 14px;border:1px solid #cf8275;background:#fff4f1;color:#71291e!important;font-size:14px;font-weight:650;line-height:1.55}
.course-schedule-reassign{margin:14px 0 18px;padding:16px;border:1px solid #a8c7b4;border-radius:14px;background:#f1f8f2;color:#17392e}
.course-schedule-reassign h3{margin:0;color:#17392e;font-size:16px}
.course-schedule-reassign p{margin:4px 0 15px;color:#365b48;font-size:12px}
.course-schedule-reassign .field{margin:0 0 13px;color:#17392e}
.course-schedule-reassign .field:last-child{margin-bottom:0}
.course-schedule-reassign .field b{font-size:12px}
.course-schedule-reassign select{width:100%;margin-top:5px;background:#fff;color:#17392e;border:1px solid #8da999}
.course-schedule-reassign small{color:#365b48}
html[data-theme="malam"] .booking-status-pending{background:#3a2d15;border-color:#edc070;color:#fff4d8}
html[data-theme="malam"] .booking-status-pending strong,html[data-theme="malam"] .booking-status-pending p{color:#fff1cf}
html[data-theme="malam"] .booking-status-pending span{background:#f2d789;color:#382910}
html[data-theme="malam"] .deposit-receipt-ready{background:#17382b;border-color:#5d9b77;color:#f1fff4}
html[data-theme="malam"] .deposit-receipt-ready b,html[data-theme="malam"] .deposit-receipt-ready p{color:#e8f7ec}
html[data-theme="malam"] .deposit-receipt-ready .btn{background:#244d36;border-color:#83b99a;color:#f5fff7}
html[data-theme="malam"] .deposit-receipt-sheet{background:#fff;color:#172f24}
html[data-theme="malam"] .deposit-receipt-sheet .receipt-hero p{color:#e0ebe3}
html[data-theme="malam"] .deposit-receipt-sheet .receipt-field small,html[data-theme="malam"] .deposit-receipt-sheet .receipt-sessions>small{color:#577268}
html[data-theme="malam"] .deposit-receipt-sheet .receipt-amount span small{color:#5e573d}
html[data-theme="malam"] .deposit-receipt-sheet .receipt-note p{color:#37574a}
html[data-theme="malam"] .deposit-receipt-sheet .receipt-footer small{color:#526c5e}
html[data-theme="malam"] .receipt-actions p{color:#e5f4e9}
html[data-theme="malam"] .course-schedule-reassign{background:#18372c;border-color:#5c9b78;color:#edf8f0}
html[data-theme="malam"] .course-schedule-reassign h3,html[data-theme="malam"] .course-schedule-reassign .field{color:#f3fff6}
html[data-theme="malam"] .course-schedule-reassign p,html[data-theme="malam"] .course-schedule-reassign small{color:#d5eadb}
.booking-draw-notice{margin:0 0 19px;padding:17px 18px;border:1px solid #b99b58;border-radius:17px;background:linear-gradient(125deg,#0c3228 0%,#155443 72%,#236753 100%);color:#f7f7ed;box-shadow:0 13px 28px rgba(10,46,34,.17)}
.booking-draw-notice-head{display:flex;align-items:center;gap:11px}
.booking-draw-notice-icon{display:grid;flex:none;place-items:center;width:42px;height:42px;border-radius:13px;background:#f4db99;color:#263d30;font-size:26px;line-height:1}
.booking-draw-notice-head>div{min-width:0;flex:1}
.booking-draw-notice-kicker{display:block;margin-bottom:3px;color:#f6da93;font-size:10px;font-weight:800;letter-spacing:.09em}
.booking-draw-notice strong{display:block;color:#fffdf5;font-size:16px;line-height:1.3}
.booking-draw-notice-amount{flex:none;padding:6px 9px;border:1px solid #e2ca83;border-radius:999px;background:rgba(248,226,161,.14);color:#ffe5a7;font-size:12px;font-weight:800;white-space:nowrap}
#bookingDialog .booking-draw-notice p{margin:12px 0;color:#e5f5ea!important;font-size:13px;line-height:1.55}
.booking-draw-notice-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.booking-draw-notice-footer a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 11px;border:1px solid #f6dd9c;border-radius:9px;background:#f1d693;color:#213829!important;font-size:12px;font-weight:800;text-decoration:none}
.booking-draw-notice-footer a:hover,.booking-draw-notice-footer a:focus-visible{background:#ffe7ad;color:#173625!important}
.booking-draw-notice-footer a:focus-visible{outline:3px solid #fff;outline-offset:2px}
#bookingDialog .booking-draw-notice-footer small{flex:1;min-width:175px;color:#def0e4!important;font-size:11px;line-height:1.45}
html[data-theme="malam"] .booking-draw-notice{background:linear-gradient(125deg,#0d2c24,#175040 72%,#205c49);border-color:#d6b570;color:#f7f7ed;box-shadow:none}
html[data-theme="malam"] #bookingDialog .booking-draw-notice p,html[data-theme="malam"] #bookingDialog .booking-draw-notice-footer small{color:#e7f3e8!important}
html[data-theme="malam"] #bookingDialog .booking-draw-notice-footer a:not(.btn){color:#213829!important}
html[data-theme="malam"] #bookingDialog .booking-draw-notice-footer a:not(.btn):hover,html[data-theme="malam"] #bookingDialog .booking-draw-notice-footer a:not(.btn):focus-visible{color:#173625!important}
@media(max-width:620px){.booking-draw-notice{padding:15px}.booking-draw-notice-head{align-items:flex-start;gap:8px}.booking-draw-notice-icon{width:37px;height:37px;font-size:23px}.booking-draw-notice strong{font-size:14px}.booking-draw-notice-amount{font-size:10px;padding:5px 7px}.booking-draw-notice-footer small{flex-basis:100%}}
@page deposit-receipt{size:148mm 210mm;margin:0}
@media print{
  html,body.printing-deposit-receipt{background:#fff!important;color:#172f24!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  body.printing-deposit-receipt{page:deposit-receipt}
  body.printing-deposit-receipt>:not(#infoDialog){display:none!important}
  body.printing-deposit-receipt #infoDialog{display:block!important;position:static!important;width:148mm!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
  body.printing-deposit-receipt #infoDialog::backdrop{display:none!important}
  body.printing-deposit-receipt #infoContent>.dialog-head,body.printing-deposit-receipt #infoContent>.dialog-body>:not(.deposit-receipt-sheet){display:none!important}
  body.printing-deposit-receipt #infoContent>.dialog-body{padding:0!important;background:#fff!important}
  body.printing-deposit-receipt .deposit-receipt-sheet{page:deposit-receipt;width:148mm;min-height:210mm;margin:0;border:0;border-radius:0;box-shadow:none!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  body.printing-deposit-receipt .receipt-hero,body.printing-deposit-receipt .receipt-amount,body.printing-deposit-receipt .receipt-note{break-inside:avoid}
}