/* Black identity on light branded panels, without recoloring the photographic hero. */
.side-brand{background:#f7f6f2;border-radius:16px;margin:12px;padding:14px 7px!important}
.otp-sidebar-logo,.otp-login-logo,.footer-brand img{filter:brightness(0)}
.r37-shell{border:1px solid #dde7da;background:#fcfcf9;border-radius:22px;padding:24px;margin:20px 0;color:#324a3c;box-shadow:0 12px 35px rgba(21,42,26,.035)}
.r37-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.r37-head h2{font-family:Georgia,serif;font-size:clamp(24px,2.8vw,36px);margin:6px 0}.r37-head p{margin:0 0 15px;color:#718075}.r37-kicker{font-size:11px;letter-spacing:.22em;font-weight:800;color:#758970}
.r37-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.r37-toolbar label{flex:1;min-width:180px}.r37-shell input,.r37-shell select,.r37-shell textarea,.r37-modal input,.r37-modal textarea{display:block;width:100%;min-height:46px;border:1px solid #d7e2d2;border-radius:11px;padding:10px 12px;background:white;color:#263a30;box-sizing:border-box;margin-top:7px}.r37-shell button,.r37-modal button{padding:11px 17px;border-radius:11px;border:1px solid #b3c5b4;background:white;color:#314d3a;cursor:pointer}.r37-shell button:hover,.r37-modal button:hover{background:#eaf1e8}.r37-shell button:disabled{opacity:.5;cursor:default}
.r37-person{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid #e2e9dc;border-radius:16px;padding:16px;margin:10px 0;background:#fff}.r37-person strong{font-size:18px}.r37-person p{margin:5px 0;color:#748176}.r37-person small{display:block;color:#77867b}.r37-person-right{text-align:right}.r37-chip{display:inline-block;background:#e7efe5;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:700}.r37-chip[data-status="TIDAK_AKTIF"]{background:#fae8de;color:#a45939}.r37-chip[data-status="JARANG"]{background:#fff1ce;color:#75602f}.r37-person-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:9px}.r37-pages{display:flex;gap:8px;justify-content:flex-end}.r37-help{font-size:12px;color:#78867a;line-height:1.6}.r37-warning{background:#fff2e5;padding:12px;border-radius:12px;color:#7d5631}
.r37-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.r37-row label{flex:1;min-width:200px}.r37-attendee{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid #dfebdf;margin:8px 0;border-radius:12px}.r37-attendee small{display:block;color:#728074;margin-top:4px}
.r37-modal{border:0;border-radius:20px;max-width:550px;width:calc(100% - 24px);max-height:90vh;overflow:auto;padding:0;background:#fafbf7;color:#2d4434;box-shadow:0 25px 95px #0004}.r37-modal::backdrop{background:#182d25a8}.r37-modal header{padding:21px 26px;border-bottom:1px solid #dce5d9;position:relative}.r37-modal header span{letter-spacing:.18em;font-size:11px;color:#758671}.r37-modal header h2{font-family:Georgia,serif;margin:7px 45px 0 0;font-size:27px}.r37-modal header button{position:absolute;right:15px;top:16px;border-radius:50%;font-size:23px}.r37-dialog-body{padding:22px 26px}.r37-dialog-body label{display:block;margin-bottom:14px;font-weight:600}.r37-dialog-body button[type="submit"]{width:100%;background:#405b49;color:white}.r37-buttons{display:flex;gap:10px;flex-wrap:wrap}.r37-check{display:flex;align-items:center;gap:9px;margin:10px 0}.r37-check input{width:auto;min-height:auto;margin:0}
@media(max-width:690px){.r37-shell{padding:16px}.r37-person{align-items:flex-start;flex-direction:column}.r37-person-right{text-align:left;width:100%}.r37-person-actions{justify-content:flex-start}.r37-head h2{font-size:27px}}
/* Owner-approved black brand mark on the site's light presentation surfaces. */
img[src="/static/brand-one-time.png"]{filter:brightness(0)}
/* R38 single CRM. Original R27 detail stays available via R38 History/Edit and APIs. */
#portalBody:has(#r37CrmPanel) .r27-top-card:has(#r27CustomerList){display:none!important}
.r38-crm .r37-toolbar{display:grid;grid-template-columns:minmax(140px,.75fr) minmax(175px,.9fr) minmax(180px,1.5fr);align-items:end}
.r38-crm .r37-person-actions{flex-wrap:wrap;align-items:center}.r38-crm .r37-person{align-items:flex-start}
.r38-crm .r37-person-right{min-width:240px}.r38-programs{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.r38-programs span{font-size:11px;padding:5px 9px;border:1px solid #e1e9e0;border-radius:99px;color:#567360}
.r38-primary,.r37-modal button.r38-primary{background:#395843!important;color:#fff!important;border-color:#395843!important;font-weight:700}
.r38-count{font-size:12px;color:#657969;text-align:right}.r37-modal .r37-attendee p{white-space:pre-wrap;overflow-wrap:anywhere}
/* Uniform black logo on bright brand surfaces, not on photographs or class imagery. */
.side-brand img,.otp-sidebar-logo,.otp-login-logo,.footer-brand img,header img[src*="brand-one-time"],nav img[src*="brand-one-time"],img[src$="/brand-one-time.png"]{filter:brightness(0)!important}
.side-brand{background:#faf9f6!important;border:1px solid #e7e4dc!important}
/* Instagram-like stories: bubble remains circular; full view is uncropped and portrait safe. */
#studioStories img,.story-bubbles img{width:68px!important;height:68px!important;aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important;object-position:center!important;flex:none!important}
#r12Overlay .r12-dialog{max-height:min(94dvh,990px);overflow:auto}
#r12Overlay #r12Content img,#r12Overlay #r12Content video,#r12Content img,#r12Content video{max-width:100%!important;max-height:calc(94dvh - 110px)!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:center!important;border-radius:12px;display:block;margin-inline:auto}
#r12Content [style*="background-image"]{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
/* Keep published/bookable choices visibly distinct from options without any qualifying coach/class. */
#scheduleCards [data-r38-availability="available"]{background:#eaf4e9!important;border-color:#88af8e!important;color:#214b31!important;opacity:1!important}
#scheduleCards [data-r38-availability="unavailable"]{background:#f1f1ef!important;border-color:#e1e2de!important;color:#98a097!important;opacity:.7!important;cursor:not-allowed!important}
#scheduleCards [data-r38-availability="unavailable"]::after{content:'Tidak tersedia';display:block;font-size:10px;letter-spacing:0;color:#889188;margin-top:3px}
#scheduleCards [data-r38-availability="limited"]{background:#fbf1d8!important;border-color:#d9bc77!important;color:#806323!important}
@media(max-width:790px){.r38-crm .r37-toolbar{grid-template-columns:1fr}.r38-crm .r37-person-right{min-width:0}.r38-count{text-align:left}.r37-person-actions{justify-content:flex-start}}

.side-brand svg [fill]:not([fill='none']),.side-brand svg path:not([fill='none']){fill:#121a14!important}
.side-brand svg [stroke]:not([stroke='none']){stroke:#121a14!important}