:root {
  --abyss: #031b2b;
  --deep: #062c43;
  --deep-2: #0a3a55;
  --lagoon: #0b5e6e;
  --current: #12808c;
  --aqua: #6fd3cf;
  --aqua-soft: #d9f2f0;
  --foam: #f3f8f8;
  --foam-2: #e8f1f2;
  --white: #ffffff;
  --sand: #c8a96a;
  --sand-2: #e9dcbc;
  --sand-ink: #7a6234;
  --ink: #0e2230;
  --ink-2: #4b6271;
  --ink-3: #7d909b;
  --line: #dbe6e9;
  --line-2: #eaf1f3;
  --ok: #23905a;
  --ok-bg: #e3f4ea;
  --warn: #c8741f;
  --warn-bg: #fbf0e2;
  --err: #c93c3c;
  --err-bg: #fbe7e7;
  --info: #2f6fc2;
  --info-bg: #e6effa;
  --r-xl: 28px;
  --r-lg: 20px;
  --r-md: 14px;
  --r-sm: 10px;
  --f-display: 'El Messiri', 'Cormorant Garamond', serif;
  --f-body: 'IBM Plex Sans Arabic', 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif;
  --sh-1: 0 1px 2px rgba(3, 27, 43, .05), 0 10px 28px -16px rgba(3, 27, 43, .22);
  --sh-2: 0 2px 6px rgba(3, 27, 43, .06), 0 24px 48px -24px rgba(3, 27, 43, .35);
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}
:root[lang="en"] { --f-display: 'Cormorant Garamond', 'El Messiri', serif; }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--f-body); font-size: 15px; line-height: 1.7; color: var(--ink); background: var(--foam); -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; }
body.no-scroll { overflow: hidden; }
img, svg, video { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5 { margin: 0; line-height: 1.25; font-weight: 600; }
p { margin: 0; }
[hidden] { display: none !important; }
::selection { background: var(--aqua); color: var(--abyss); }
:focus-visible { outline: 2px solid var(--current); outline-offset: 2px; border-radius: 6px; }
.num, .ltr { direction: ltr; unicode-bidi: isolate; }
.tnum { font-variant-numeric: tabular-nums; }
.muted { color: var(--ink-2); }
.small { font-size: 13px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.btn { --bh: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: var(--bh); padding: 0 20px; border-radius: var(--r-md); font-weight: 600; font-size: 15px; line-height: 1; border: 1px solid transparent; transition: transform .15s var(--ease), background .2s, border-color .2s, color .2s, box-shadow .2s; white-space: nowrap; user-select: none; }
.btn:active:not(:disabled) { transform: scale(.97); }
.btn:disabled { opacity: .5; cursor: not-allowed; }
.btn i { font-size: 1.1em; }
.btn-primary { background: var(--deep); color: #fff; }
.btn-primary:hover:not(:disabled) { background: var(--deep-2); }
.btn-gold { background: linear-gradient(180deg, #d8bd84, #c19f5c); color: var(--abyss); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45); }
.btn-gold:hover:not(:disabled) { filter: brightness(1.05); }
.btn-aqua { background: var(--current); color: #fff; }
.btn-aqua:hover:not(:disabled) { background: var(--lagoon); }
.btn-line { border-color: var(--line); background: var(--white); color: var(--ink); }
.btn-line:hover:not(:disabled) { border-color: var(--current); color: var(--current); }
.btn-ghost { background: transparent; color: var(--ink-2); }
.btn-ghost:hover:not(:disabled) { background: var(--foam-2); color: var(--ink); }
.btn-danger { background: var(--err); color: #fff; }
.btn-danger:hover:not(:disabled) { filter: brightness(.95); }
.btn-ok { background: var(--ok); color: #fff; }
.btn-glass { background: rgba(255, 255, 255, .12); color: #fff; border-color: rgba(255, 255, 255, .28); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.btn-glass:hover:not(:disabled) { background: rgba(255, 255, 255, .2); }
.btn-sm { --bh: 36px; padding: 0 14px; font-size: 13.5px; border-radius: 11px; }
.btn-xs { --bh: 30px; padding: 0 10px; font-size: 12.5px; border-radius: 9px; }
.btn-lg { --bh: 56px; padding: 0 28px; font-size: 16px; border-radius: 16px; }
.btn-block { width: 100%; }
.btn-icon { --bh: 42px; width: var(--bh); padding: 0; border-radius: 50%; }
.btn.is-busy { pointer-events: none; }
.spin { width: 18px; height: 18px; border-radius: 50%; border: 2px solid currentColor; border-inline-end-color: transparent; animation: spin .7s linear infinite; display: inline-block; flex: none; }
@keyframes spin { to { transform: rotate(360deg); } }

.fld { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.fld > span, .fld-l { font-size: 13.5px; font-weight: 600; color: var(--ink-2); display: flex; align-items: center; gap: 6px; }
.fld > span em, .fld-l em { font-style: normal; font-weight: 400; color: var(--ink-3); font-size: 12px; }
.req::after { content: '*'; color: var(--err); margin-inline-start: 2px; }
.inp { width: 100%; min-height: 50px; padding: 12px 14px; border-radius: var(--r-md); border: 1px solid var(--line); background: var(--white); font-size: 16px; transition: border-color .2s, box-shadow .2s; appearance: none; -webkit-appearance: none; }
.inp:focus { outline: 0; border-color: var(--current); box-shadow: 0 0 0 4px rgba(18, 128, 140, .14); }
.inp::placeholder { color: #9aabb5; }
.inp.bad, .bad .inp { border-color: var(--err); box-shadow: 0 0 0 3px rgba(201, 60, 60, .1); }
textarea.inp { min-height: 96px; resize: vertical; line-height: 1.7; }
select.inp { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234b6271' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 14px center; padding-inline-end: 36px; }
[dir="ltr"] select.inp { background-position: right 14px center; }
.inp[type="date"], .inp[type="time"] { min-height: 50px; }
.err-msg { color: var(--err); font-size: 12.5px; min-height: 0; }
.chk { display: flex; gap: 12px; align-items: flex-start; cursor: pointer; padding: 12px 14px; border-radius: var(--r-md); border: 1px solid var(--line); background: var(--white); transition: border-color .2s, background .2s; }
.chk input { position: absolute; opacity: 0; pointer-events: none; }
.chk .box { flex: none; width: 22px; height: 22px; border-radius: 7px; border: 1.5px solid #a9bcc6; display: grid; place-items: center; margin-top: 2px; transition: all .2s; background: #fff; }
.chk .box::after { content: ''; width: 11px; height: 6px; border: 2px solid #fff; border-top: 0; border-inline-end: 0; transform: rotate(-45deg) translate(1px, -1px) scale(0); transition: transform .2s var(--ease-out); }
[dir="rtl"] .chk .box::after { border-inline-end: 2px solid #fff; border-inline-start: 0; }
.chk input:checked + .box { background: var(--current); border-color: var(--current); }
.chk input:checked + .box::after { transform: rotate(-45deg) translate(1px, -1px) scale(1); }
.chk:has(input:checked) { border-color: rgba(18, 128, 140, .45); background: #f4fbfb; }
.chk input:focus-visible + .box { outline: 2px solid var(--current); outline-offset: 2px; }
.switch { position: relative; width: 46px; height: 28px; flex: none; display: inline-block; }
.switch input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; z-index: 1; }
.switch span { position: absolute; inset: 0; border-radius: 99px; background: #c9d6dc; transition: background .2s; }
.switch span::after { content: ''; position: absolute; top: 3px; inset-inline-start: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .2); transition: transform .25s var(--ease-out); }
.switch input:checked + span { background: var(--current); }
.switch input:checked + span::after { transform: translateX(-18px); }
[dir="ltr"] .switch input:checked + span::after { transform: translateX(18px); }
.switch input:focus-visible + span { outline: 2px solid var(--current); outline-offset: 2px; }

.seg { display: inline-flex; padding: 4px; border-radius: 13px; background: var(--foam-2); gap: 2px; }
.seg button { padding: 7px 14px; border-radius: 10px; font-size: 13.5px; font-weight: 600; color: var(--ink-2); transition: background .2s, color .2s; }
.seg button.on { background: var(--white); color: var(--ink); box-shadow: 0 1px 3px rgba(3, 27, 43, .12); }

.chip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 99px; font-size: 12.5px; font-weight: 600; background: var(--foam-2); color: var(--ink-2); white-space: nowrap; line-height: 1.6; }
.chip .dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.chip-ok { background: var(--ok-bg); color: var(--ok); }
.chip-warn { background: var(--warn-bg); color: var(--warn); }
.chip-err { background: var(--err-bg); color: var(--err); }
.chip-info { background: var(--info-bg); color: var(--info); }
.chip-gold { background: #f6efdf; color: var(--sand-ink); }
.chip-dark { background: var(--deep); color: #fff; }

.toasts { position: fixed; inset-inline: 0; bottom: calc(24px + var(--toast-offset, 0px) + var(--safe-b)); display: flex; flex-direction: column; align-items: center; gap: 8px; z-index: 9999; pointer-events: none; padding: 0 16px; }
.toast { display: flex; align-items: center; gap: 10px; max-width: 480px; padding: 12px 16px; border-radius: 14px; background: var(--abyss); color: #fff; font-size: 14px; box-shadow: var(--sh-2); opacity: 0; transform: translateY(12px) scale(.98); transition: opacity .25s, transform .3s var(--ease-out); }
.toast.show { opacity: 1; transform: none; }
.toast i { font-size: 18px; flex: none; }
.toast-ok i { color: #7fe0a8; }
.toast-err i { color: #ff9d9d; }
.toast-warn i { color: #ffd08a; }
.toast-info i { color: var(--aqua); }

.mdl-wrap { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(3, 27, 43, .5); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); opacity: 0; transition: opacity .25s; }
.mdl-wrap.show { opacity: 1; }
.mdl { width: 100%; max-height: calc(100dvh - 40px); display: flex; flex-direction: column; background: var(--white); border-radius: 24px; box-shadow: var(--sh-2); transform: translateY(16px) scale(.98); transition: transform .35s var(--ease-out); overflow: hidden; }
.mdl-wrap.show .mdl { transform: none; }
.mdl-sm { max-width: 420px; } .mdl-md { max-width: 560px; } .mdl-lg { max-width: 820px; } .mdl-xl { max-width: 1100px; }
.mdl-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 22px 12px; }
.mdl-head h3 { font-size: 18px; font-weight: 700; }
.mdl-x { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; color: var(--ink-2); flex: none; transition: background .2s; }
.mdl-x:hover { background: var(--foam-2); }
.mdl-body { padding: 6px 22px 20px; overflow-y: auto; overscroll-behavior: contain; }
.mdl-foot { display: flex; gap: 10px; justify-content: flex-end; padding: 14px 22px calc(16px + var(--safe-b)); border-top: 1px solid var(--line-2); flex-wrap: wrap; }
.confirm-msg { font-size: 15px; color: var(--ink-2); }
@media (max-width: 640px) {
  .mdl-wrap { align-items: flex-end; padding: 0; }
  .mdl { max-width: none !important; border-radius: 24px 24px 0 0; max-height: 92dvh; transform: translateY(100%); }
  .mdl-head::before { content: ''; position: absolute; top: 8px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 4px; background: #d3dde1; }
  .mdl-head { position: relative; padding-top: 22px; }
  .mdl-foot .btn { flex: 1; }
}

.lb { position: fixed; inset: 0; z-index: 1100; background: rgba(2, 12, 20, .94); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .25s; }
.lb.show { opacity: 1; }
.lb-fig { margin: 0; max-width: min(1200px, 94vw); display: flex; flex-direction: column; gap: 14px; }
.lb-fig img { max-height: 76dvh; width: auto; margin: 0 auto; border-radius: 18px; opacity: 0; transform: scale(.98); transition: opacity .3s, transform .4s var(--ease-out); }
.lb-fig img.in { opacity: 1; transform: none; }
.lb-fig figcaption { color: #fff; text-align: center; padding: 0 16px; }
.lb-fig h4 { font-family: var(--f-display); font-size: 24px; font-weight: 600; }
.lb-fig p { color: rgba(255, 255, 255, .72); font-size: 14px; margin-top: 2px; }
.lb-count { display: block; color: rgba(255, 255, 255, .45); font-size: 12px; margin-top: 6px; }
.lb-x, .lb-nav { position: absolute; width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, .1); color: #fff; display: grid; place-items: center; font-size: 20px; transition: background .2s; }
.lb-x:hover, .lb-nav:hover { background: rgba(255, 255, 255, .2); }
.lb-x { top: calc(16px + var(--safe-t)); inset-inline-end: 16px; }
.lb-nav { top: 50%; margin-top: -24px; }
.lb-prev { inset-inline-start: 16px; } .lb-next { inset-inline-end: 16px; }
[dir="ltr"] .lb-nav i { transform: scaleX(-1); }
@media (max-width: 640px) { .lb-nav { top: auto; bottom: calc(24px + var(--safe-b)); margin: 0; } }

.stars { display: inline-flex; gap: 2px; color: var(--sand); font-size: 14px; }
.stars .off { color: #d5dde1; }
.empty { text-align: center; padding: 40px 16px; color: var(--ink-3); }
.empty i { font-size: 34px; display: block; margin-bottom: 8px; color: #b6c6cd; }
.skel { background: linear-gradient(90deg, var(--foam-2) 25%, #f6fafb 37%, var(--foam-2) 63%); background-size: 400% 100%; animation: skel 1.4s ease infinite; border-radius: 12px; }
@keyframes skel { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
.img-missing { background: linear-gradient(135deg, var(--deep), var(--lagoon)) !important; }
img[data-ref] { opacity: 0; transition: opacity .5s; }
img[data-ref].loaded { opacity: 1; }

.sigpad { position: relative; border: 1.5px dashed #b5c7cf; border-radius: var(--r-md); background: #fff; height: 190px; overflow: hidden; }
.sigpad canvas { width: 100%; height: 100%; display: block; cursor: crosshair; }
.sigpad .sig-ph { position: absolute; inset: 0; display: grid; place-items: center; color: #a3b5be; font-size: 14px; pointer-events: none; transition: opacity .2s; }
.sigpad .sig-line { position: absolute; inset-inline: 24px; bottom: 44px; border-bottom: 1px solid #e3ebee; pointer-events: none; }
.sigpad.has .sig-ph { opacity: 0; }
.sig-clear { position: absolute; top: 8px; inset-inline-end: 8px; z-index: 2; }

.upl { position: relative; display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: var(--r-md); border: 1.5px dashed #b5c7cf; background: #fff; cursor: pointer; transition: border-color .2s, background .2s; min-height: 76px; }
.upl:hover { border-color: var(--current); background: #f7fcfc; }
.upl input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.upl .upl-ic { width: 48px; height: 48px; border-radius: 14px; background: var(--aqua-soft); color: var(--lagoon); display: grid; place-items: center; font-size: 22px; flex: none; overflow: hidden; }
.upl .upl-ic img { width: 100%; height: 100%; object-fit: cover; }
.upl .upl-t { font-weight: 600; font-size: 14.5px; }
.upl .upl-s { font-size: 12.5px; color: var(--ink-3); }
.upl.has { border-style: solid; border-color: rgba(18, 128, 140, .4); }

.legend { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 13px; color: var(--ink-2); }
.avail-side .legend { color: rgba(255, 255, 255, .8); }
.legend span { display: inline-flex; align-items: center; gap: 7px; }
.legend i { width: 14px; height: 14px; border-radius: 5px; display: inline-block; }
.lg-av { background: #fff; box-shadow: inset 0 0 0 1.5px var(--line); }
.lg-bk { background: repeating-linear-gradient(135deg, #e6ecef 0 3px, #f6f8f9 3px 6px); }
.lg-of { background: #fff; box-shadow: inset 0 0 0 1.5px var(--line); position: relative; }
.lg-of::after { content: ''; position: absolute; top: 2px; inset-inline-end: 2px; width: 5px; height: 5px; border-radius: 50%; background: var(--sand); }
.lg-sel { background: var(--deep); }
.avail-side .lg-sel { background: var(--aqua); }
.cal { user-select: none; -webkit-user-select: none; }
.cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; gap: 8px; }
.cal-head b { font-weight: 700; font-size: 16px; }
.cal-nav { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: var(--foam); color: var(--ink); font-size: 16px; transition: background .2s; }
.cal-nav:hover:not(:disabled) { background: var(--foam-2); }
.cal-nav:disabled { opacity: .35; cursor: default; }
[dir="ltr"] .cal-nav i { transform: scaleX(-1); display: inline-block; }
.cal-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); row-gap: 3px; }
.cal-wd { text-align: center; font-size: 11.5px; color: var(--ink-3); padding: 6px 0 8px; font-weight: 500; }
.cal-d { position: relative; height: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; font-size: 15px; font-weight: 600; border-radius: 13px; color: var(--ink); transition: background .15s, color .15s; line-height: 1.15; }
.cal-d small { font-size: 9.5px; font-weight: 500; color: var(--ink-3); direction: ltr; letter-spacing: -.2px; }
button.cal-d:hover:not(:disabled):not(.sel-start):not(.sel-end) { background: var(--foam-2); }
.cal-d.blank { pointer-events: none; }
.cal-d.past, .cal-d.off { color: #c4cfd5; }
.cal-d.past small, .cal-d.off small { visibility: hidden; }
.cal-d.booked { color: #b5c3ca; background: repeating-linear-gradient(135deg, transparent 0 5px, rgba(3, 27, 43, .05) 5px 6.5px); }
.cal-d.booked span { text-decoration: line-through; text-decoration-color: #c9d4d9; }
.cal-d.booked small { visibility: hidden; }
.cal-d.offer::after { content: ''; position: absolute; top: 6px; inset-inline-end: 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--sand); }
.cal-d.offer small { color: var(--sand-ink); font-weight: 700; }
.cal-d.today span { border-bottom: 2px solid var(--current); }
.cal-d.in-range { background: var(--aqua-soft); border-radius: 0; color: var(--deep); }
.cal-d.sel-start, .cal-d.sel-end { background: var(--deep) !important; color: #fff; }
.cal-d.sel-start small, .cal-d.sel-end small { color: rgba(255, 255, 255, .72); }
.cal-d.sel-start.has-end { border-start-end-radius: 0; border-end-end-radius: 0; }
.cal-d.sel-end { border-start-start-radius: 0; border-end-start-radius: 0; }
.cal-d.sel-end.solo { border-radius: 13px; }
.cal-d:disabled { cursor: default; }
.cal-swipe { touch-action: pan-y; }
.cal-tip { font-size: 12.5px; color: var(--ink-3); margin-top: 10px; min-height: 20px; }
.prow { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; font-size: 14px; color: var(--ink-2); }
.prow b { color: var(--ink); font-weight: 600; white-space: nowrap; }
.prow.disc b { color: var(--ok); }
.prow.tot { border-top: 1px dashed var(--line); margin-top: 6px; padding-top: 12px; font-size: 15.5px; color: var(--ink); }
.prow.tot b { font-size: 18px; color: var(--deep); font-weight: 700; }
.prow.due { background: var(--foam); border-radius: 12px; padding: 10px 12px; margin-top: 8px; color: var(--ink); }
.prow.due b { color: var(--lagoon); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
[dir="rtl"] .inp[dir="ltr"] { text-align: right; }
[dir="rtl"] .inp[dir="ltr"]::placeholder { text-align: right; }
.cal-d.partial { background: linear-gradient(135deg, transparent 52%, rgba(232, 131, 42, .13) 52%); }
.lg-pt { background: linear-gradient(135deg, #fff 52%, rgba(232, 131, 42, .25) 52%); box-shadow: inset 0 0 0 1.5px var(--line); }
.pchips { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.pchip { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 12px 14px; border-radius: 16px; border: 1.5px solid var(--line); background: #fff; text-align: start; transition: border-color .2s, background .2s, box-shadow .2s; }
.pchip b { font-size: 14.5px; }
.pchip span { font-size: 13px; color: var(--ink-2); unicode-bidi: isolate; }
.pchip em { font-style: normal; font-size: 11.5px; color: var(--sand-ink); }
.pchip i.pp { font-style: normal; font-size: 13.5px; font-weight: 700; color: var(--deep); margin-top: 4px; }
.pchip i.pp s { font-weight: 500; color: var(--ink-3, #8a99a3); margin-inline-start: 6px; font-size: 12px; }
.pchip.on { border-color: var(--current); background: #f2fbfb; box-shadow: 0 0 0 3px rgba(18, 128, 140, .14); }
.pchip:disabled { opacity: .5; cursor: not-allowed; background: repeating-linear-gradient(135deg, #fff 0 6px, #f4f7f8 6px 12px); }
.pchip:disabled b::after { content: attr(data-off); margin-inline-start: 6px; font-size: 11px; font-weight: 600; color: var(--err); }
.pmethods { display: grid; gap: 10px; }
.pmethod { display: flex; align-items: center; gap: 12px; padding: 13px 14px; border-radius: 16px; border: 1.5px solid var(--line); background: #fff; text-align: start; transition: border-color .2s, background .2s, box-shadow .2s; }
.pmethod i { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-size: 18px; background: var(--aqua-soft); color: var(--lagoon); flex: none; }
.pmethod b { display: block; font-size: 14.5px; }
.pmethod span { font-size: 12.5px; color: var(--ink-3); }
.pmethod.on { border-color: var(--current); background: #f3fbfb; box-shadow: 0 0 0 3px rgba(18, 128, 140, .12); }
.pm-box { margin-top: 12px; padding: 14px; border-radius: 16px; background: var(--foam); }
.pm-box p { font-size: 14px; color: var(--ink-2); white-space: pre-line; }
.pm-val { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: #fff; border: 1px solid var(--line); }
.pm-val b { direction: ltr; unicode-bidi: isolate; font-size: 15px; letter-spacing: .3px; word-break: break-all; }