/* UR Pharmacy Booking & Chat — واجهة نظيفة ومتجاوبة (RTL) */
.urpb-wrap,.urpb-app,.urpb-chat{--p:#5b2a86;--p2:#3f1d61;--gold:#c9a15a;--bg:#fbf7f2;--card:#fff;--line:#eadfcf;--tx:#2a1b3d;--mut:#8a7d99;--ok:#2e8b57;--err:#b33;
	font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;color:var(--tx);direction:rtl;box-sizing:border-box}
.urpb-wrap *,.urpb-app *,.urpb-chat *{box-sizing:border-box}

/* ===== الحجز ===== */
.urpb-wrap{container-type:inline-size;width:100%;max-width:1120px;margin:28px auto;padding:0 6px;--line:#e7e0f0;--soft:#faf7fd;--shadow:0 1px 2px rgba(63,29,97,.04),0 12px 32px rgba(63,29,97,.06);font-family:inherit;color:var(--tx);line-height:1.8}
.urpb-wrap--narrow{max-width:520px}
.urpb-wrap--my{max-width:880px}
:where(.urpb-wrap) p,:where(.urpb-wrap) ul{margin:0;padding:0}
:where(.urpb-wrap) ul{list-style:none}
.urpb-app{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}

/* قائمة الخطوات */
.urpb-nav{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:6px;position:sticky;top:24px;box-shadow:var(--shadow)}
.urpb-nav__i{display:flex;align-items:center;gap:12px;background:none;border:0;padding:8px 6px;border-radius:14px;font:inherit;font-size:15px;color:var(--tx);cursor:default;text-align:right;transition:background .2s,color .2s}
.urpb-nav__ic{width:42px;height:42px;border-radius:12px;background:#f3ecfa;color:#b48be0;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.urpb-nav__ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.urpb-nav__i.is-done{cursor:pointer}
.urpb-nav__i.is-done .urpb-nav__ic{background:#e8d9f6;color:var(--p)}
.urpb-nav__i.is-done:hover{background:var(--soft)}
.urpb-nav__i.is-on{font-weight:700;color:var(--p2)}
.urpb-nav__i.is-on .urpb-nav__ic{background:var(--p2);color:#fff;box-shadow:0 8px 16px rgba(63,29,97,.28);transform:scale(1.05)}

/* البطاقة الرئيسية */
.urpb-main{background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px 40px;min-width:0;box-shadow:var(--shadow)}
.urpb-alert{background:#fdeaea;color:#7f1d1d;border:1px solid #f3c1c1;border-radius:14px;padding:12px 16px;margin-bottom:20px;font-size:14.5px}
.urpb-step{display:none}.urpb-step.is-active{display:block}
.urpb-step h2{text-align:right;color:var(--p2);font-size:24px;font-weight:700;margin:0 0 6px;line-height:1.5}
.urpb-sub{text-align:right;color:var(--mut);font-size:14px;margin:0 0 26px}
.urpb-muted{color:var(--mut);text-align:center;font-size:14px}
.urpb-pad{padding:32px 12px;grid-column:1/-1}
.urpb-note{background:var(--soft);border:1px solid var(--line);color:var(--p2);border-radius:14px;padding:12px 16px;font-size:13.5px;margin:22px 0 0}

/* الخدمات */
.urpb-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.urpb-card{position:relative;display:flex;align-items:center;gap:16px;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:18px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s}
.urpb-card input{position:absolute;opacity:0;pointer-events:none}
.urpb-card__icon{font-size:32px;width:72px;height:72px;border-radius:16px;background:#f3ecfa;display:flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;transition:background .3s}
.urpb-card__icon img{width:100%;height:100%;object-fit:cover;display:block}
.urpb-card__body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.urpb-card__body strong{font-size:17px;color:var(--p2);line-height:1.5}
.urpb-card__body small{color:var(--mut);font-size:13.5px;line-height:1.7}
.urpb-card__arrow{font-size:26px;color:var(--p);transition:transform .2s}
.urpb-card:hover{border-color:#cdb7e6;transform:translateY(-2px);box-shadow:0 10px 24px rgba(91,42,134,.1)}
.urpb-card:hover .urpb-card__arrow{transform:translateX(-4px)}
.urpb-card:active{transform:scale(.99)}
.urpb-card:has(input:checked){border-color:var(--p);background:var(--soft);box-shadow:0 10px 24px rgba(91,42,134,.14)}
.urpb-card:has(input:checked) .urpb-card__icon{background:#e8d9f6}
.urpb-card:has(input:focus-visible){outline:3px solid rgba(91,42,134,.28);outline-offset:2px}

/* الاشتراطات + الموافقة */
.urpb-terms{margin-top:26px;border:1px solid var(--line);background:var(--soft);border-radius:20px;padding:24px 26px;display:grid;gap:18px;animation:urpb-rise .4s ease both}
.urpb-terms[hidden],.urpb-terms__svc[hidden]{display:none}
.urpb-terms h3{margin:0 0 12px;font-size:16.5px;color:var(--p2);line-height:1.6}
.urpb-terms__svc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.urpb-terms ul{display:grid;gap:10px}
.urpb-terms li{position:relative;padding-inline-start:26px;font-size:14.5px;line-height:1.95;color:var(--tx)}
.urpb-terms li::before{content:"";position:absolute;inset-inline-start:2px;top:.78em;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.urpb-agree{display:flex;align-items:flex-start;gap:14px;cursor:pointer;font-size:15px;font-weight:600;color:var(--p2);padding:16px 18px;background:#fff;border:1.5px solid var(--line);border-radius:16px;transition:border-color .2s,background .2s;line-height:1.7}
.urpb-agree input{width:24px;height:24px;accent-color:var(--p);flex:0 0 auto;margin:2px 0 0;cursor:pointer}
.urpb-agree:has(input:checked){border-color:var(--ok);background:#f2faf6}
.urpb-agree.is-attn{border-color:var(--err);animation:urpb-shake .45s ease}

/* التاريخ والوقت */
.urpb-dt{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}
.urpb-cal{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}
.urpb-cal__head{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:62px;border-bottom:1px solid var(--line);font-size:17px;color:var(--p2)}
.urpb-cal__nav{width:44px;height:44px;padding:0;border:0;background:none;color:var(--p2);font-size:30px;line-height:1;cursor:pointer;border-radius:50%;transition:background .2s,opacity .2s}
.urpb-cal__nav:hover:not(:disabled){background:#f3ecfa}
.urpb-cal__nav:disabled{opacity:.25;cursor:default}
.urpb-cal__wd,.urpb-cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.urpb-cal__wd{border-bottom:1px solid var(--line);background:var(--soft)}
.urpb-cal__wd span{text-align:center;padding:12px 0;font-size:13.5px;color:var(--mut)}
.urpb-cd{height:62px;padding:0;border:0;border-top:1px solid var(--line);border-inline-start:1px solid var(--line);background:#fff;color:#9a6fc9;font:inherit;font-size:16.5px;cursor:pointer;transition:background .15s,color .15s;animation:urpb-fade .35s ease both}
.urpb-cd:nth-child(-n+7){border-top:0}
.urpb-cd:nth-child(7n+1){border-inline-start:0}
.urpb-cd:hover:not(:disabled){background:#f5edfc}
.urpb-cd:disabled{background:#f6f4f8;color:#d8cde6;cursor:not-allowed}
.urpb-cd.is-today:not(.is-active)::after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:currentColor;margin:3px auto 0}
.urpb-cd.is-active{background:var(--p2);color:#fff;animation:urpb-bounce .3s ease both}
.urpb-slotpanel{border:1px solid var(--line);border-radius:16px;padding:24px;min-height:260px}
.urpb-slotpanel h3{margin:0;color:var(--p);font-size:19px;text-align:right}
.urpb-datelabel{font-size:13.5px;color:var(--mut);margin:4px 0 0;text-align:right;min-height:22px}
.urpb-slots h4{margin:22px 0 12px;font-size:15.5px;color:var(--p2);text-align:right}
.urpb-slotgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.urpb-slot{min-height:54px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:15px;line-height:1.45;cursor:pointer;color:var(--tx);font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:border-color .15s,background .15s,color .15s,transform .15s;animation:urpb-pop .3s ease both;animation-delay:calc(var(--i,0)*30ms)}
.urpb-slot small{font-size:11.5px;color:var(--mut)}
.urpb-slot:not(.is-locked):hover{border-color:var(--p);transform:translateY(-2px)}
.urpb-slot.is-active{border-color:var(--p);background:var(--p);color:#fff;box-shadow:0 8px 16px rgba(91,42,134,.25)}
.urpb-slot.is-active small{color:#eadcf8}
.urpb-slot.is-locked{background:#f6f4f8;color:#b9afc5;cursor:not-allowed;text-decoration:line-through}

/* النموذج */
.urpb-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px}
.urpb-form--one{grid-template-columns:1fr}
.urpb-form label{display:grid;gap:8px;font-size:14.5px;font-weight:600;color:var(--p2);align-content:start;line-height:1.6}
.urpb-full{grid-column:1/-1}
.urpb-form input[type=text],.urpb-form input[type=tel],.urpb-form input[type=email],.urpb-form input[type=number],.urpb-form textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:16px;font-weight:400;color:var(--tx);transition:border-color .2s,box-shadow .2s}
.urpb-form input:focus,.urpb-form textarea:focus{outline:0;border-color:var(--p);box-shadow:0 0 0 3px rgba(91,42,134,.14)}
.urpb-form input[type=file]{background:#fff;border:1px dashed var(--gold);border-radius:12px;padding:14px;font-size:13.5px;font-weight:400;width:100%}
.urpb-filelist{list-style:none;margin:0;padding:0;font-size:13.5px;color:var(--mut)}
.urpb-hp{position:absolute!important;left:-9999px;opacity:0;height:0}

/* الدفع */
.urpb-pay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.urpb-bank{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.urpb-bank__row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
.urpb-bank__row span{color:var(--mut);min-width:96px}
.urpb-bank__row b{flex:1;word-break:break-all;text-align:left;font-weight:600}
.urpb-copy{border:1px solid var(--p);background:#fff;color:var(--p);border-radius:10px;padding:6px 12px;cursor:pointer;font-size:12.5px;font-family:inherit;transition:background .2s,color .2s}
.urpb-copy:hover{background:var(--p);color:#fff}
.urpb-bank__total{margin-top:14px;font-size:16px;color:var(--p2)}
.urpb-paycol{display:grid;gap:16px}
.urpb-review{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px 20px}
.urpb-review div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;font-size:14.5px;border-bottom:1px solid #f1ebf6}
.urpb-review div:last-child{border:0}
.urpb-review span{color:var(--mut)}
.urpb-review b{text-align:left}
.urpb-hint{margin:0;background:#fff4e0;color:#8a5a00;border-radius:12px;padding:11px 14px;font-size:13.5px}
.urpb-hint[hidden]{display:none}
.urpb-rcpt{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--ok);border-radius:16px;padding:10px 12px;animation:urpb-pop .3s ease both}
.urpb-rcpt[hidden]{display:none}
.urpb-rcpt img,.urpb-rcpt__pdf{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:0 0 auto;background:#f3ecfa}
.urpb-rcpt__pdf{display:flex;align-items:center;justify-content:center;color:var(--p);font-weight:700;font-size:13px}
.urpb-rcpt__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.urpb-rcpt__info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ok)}
.urpb-rcpt__info small{color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.urpb-rcpt__x{border:0;padding:0;background:#fdeaea;color:var(--err);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px}
.urpb-rcpt__load{color:var(--mut);font-size:13.5px;animation:urpb-blink 1s infinite}

/* نجاح */
.urpb-success{text-align:center;padding:20px 0}
.urpb-success h2{text-align:center}
.urpb-success p{margin:8px 0}
.urpb-check{position:relative;width:84px;height:84px;margin:10px auto 16px}
.urpb-check svg{width:100%;height:100%;overflow:visible}
.urpb-check__c{fill:var(--p);transform-origin:center;animation:urpb-bounce .5s cubic-bezier(.2,.9,.3,1.3) both}
.urpb-check__p{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:urpb-draw .45s .35s ease forwards}
.urpb-check::after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid var(--p);animation:urpb-ring 1.2s .3s ease-out 2 both}
.urpb-code{background:#f3ecfa;border-radius:14px;padding:10px 18px;display:inline-block;margin-top:8px}

/* الملخص والأزرار */
.urpb-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:34px;padding-top:24px}
.urpb-foot[hidden]{display:none}
.urpb-summary{display:flex;gap:12px;flex-wrap:wrap}
.urpb-summary div{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:9px 20px;display:flex;flex-direction:column;text-align:center}
.urpb-summary span{font-size:12.5px;color:var(--mut);line-height:1.5}
.urpb-summary b{font-size:17px;color:var(--p2);line-height:1.5}
.urpb-actions{display:flex;gap:12px}
.urpb-btn{flex:none;min-width:200px;background:var(--p);color:#fff;border:0;border-radius:14px;padding:15px 22px;font-size:16px;line-height:1.4;cursor:pointer;font-family:inherit;transition:background .2s,transform .15s,opacity .2s}
.urpb-btn:hover{background:var(--p2)}
.urpb-btn:active:not(:disabled){transform:scale(.97)}
.urpb-btn:disabled{opacity:.5;cursor:not-allowed}
.urpb-btn.is-loading:disabled{cursor:wait;opacity:.85}
.urpb-btn.is-loading::before{content:"";display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;margin-inline-end:8px;vertical-align:-2px;animation:urpb-spin .7s linear infinite}
.urpb-btn--ghost{background:#fff;color:var(--p);border:1px solid var(--gold);min-width:110px}
.urpb-btn--ghost:hover{background:#faf4ea}
.urpb-actions [hidden]{display:none}

/* ===== أنيميشن ===== */
.urpb-app .urpb-step.is-active{animation:urpb-fwd .38s ease both}
.urpb-app[data-dir=back] .urpb-step.is-active{animation-name:urpb-back}
.urpb-app .urpb-step.urpb-success.is-active{animation:urpb-rise .5s ease both}
.urpb-step.is-active .urpb-card{animation:urpb-rise .45s ease both}
.urpb-card:nth-child(2){animation-delay:.07s}.urpb-card:nth-child(3){animation-delay:.14s}.urpb-card:nth-child(4){animation-delay:.21s}.urpb-card:nth-child(n+5){animation-delay:.28s}
.urpb-alert{animation:urpb-rise .3s ease both}
.urpb-alert.is-shake{animation:urpb-shake .45s ease}
@keyframes urpb-fade{from{opacity:0}to{opacity:1}}

/* ===== تجاوب حسب عرض الحاوية (يعمل حتى لو الثيم ضيّق المحتوى) ===== */
/* 1) أقل من 1080: القائمة الجانبية تصير شريطاً أفقياً أعلى الصفحة */
@container (max-width:1079px){
	.urpb-app{grid-template-columns:minmax(0,1fr);gap:18px}
	.urpb-nav{flex-direction:row;position:static;padding:12px 14px;gap:8px}
	.urpb-nav__i{flex:1;justify-content:center;padding:8px 10px;min-width:0}
	.urpb-nav__i span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.urpb-main{padding:30px 28px}
}
/* 1.5) أقل من 900: التقويم فوق والمواعيد تحته (أوضح من عمودين ضيقين) */
@container (max-width:899px){
	.urpb-dt{grid-template-columns:minmax(0,1fr)}
	.urpb-slotgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}
/* 2) أقل من 760: كل شيء في عمود واحد */
@container (max-width:759px){
	.urpb-nav{padding:12px 8px}
	.urpb-nav__i{flex-direction:column;gap:6px;font-size:12px;padding:4px 2px;text-align:center;line-height:1.4}
	.urpb-nav__ic{width:40px;height:40px}
	.urpb-nav__i span:last-child{white-space:normal}
	.urpb-main{padding:24px 18px}
	.urpb-step h2{font-size:22px}
	.urpb-dt,.urpb-pay,.urpb-cards{grid-template-columns:minmax(0,1fr)}
	.urpb-cd{height:52px}
	.urpb-terms{padding:18px 16px}
	.urpb-terms__svc{padding:14px 16px}
	.urpb-foot{flex-direction:column;align-items:stretch;gap:14px;position:sticky;bottom:0;background:#fff;z-index:3;margin-top:26px;padding:14px 0 6px}
	.urpb-summary{justify-content:center}
	.urpb-summary div{flex:1}
	.urpb-actions .urpb-btn{flex:1;min-width:0}
	.urpb-actions .urpb-btn--ghost{flex:0 0 32%}
}
/* 3) أقل من 560: نماذج بعمود واحد ومساحات أصغر */
@container (max-width:559px){
	.urpb-form{grid-template-columns:minmax(0,1fr)}
	.urpb-slotpanel{padding:18px}
	.urpb-slotgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.urpb-cd{height:46px;font-size:15px}
	.urpb-cal__wd span{font-size:12px}
	.urpb-card{padding:14px;gap:12px}
	.urpb-card__icon{width:60px;height:60px}
	.urpb-bank__row{flex-wrap:wrap}.urpb-bank__row span{min-width:100%}
	.urpb-agree{padding:14px;font-size:14.5px}
}
@media (prefers-reduced-motion:reduce){
	.urpb-app *,.urpb-chat *,.urpb-app *::before,.urpb-chat *::before,.urpb-chat *::after,.urpb-app *::after{animation:none!important;transition:none!important}
	.urpb-check__p{stroke-dashoffset:0}
}

/* ===== طرق الدفع (بطاقة / تحويل بنكي) ===== */
.urpb-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px}
.urpb-method{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:16px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s}
.urpb-method input{position:absolute;opacity:0;pointer-events:none}
.urpb-method__i{font-size:28px;width:54px;height:54px;border-radius:14px;background:#f3ecfa;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background .3s}
.urpb-method__b{display:flex;flex-direction:column;gap:2px;min-width:0}
.urpb-method__b strong{font-size:16px;color:var(--p2)}
.urpb-method__b small{color:var(--mut);font-size:13px;line-height:1.7}
.urpb-method:hover{border-color:#cdb7e6;transform:translateY(-1px)}
.urpb-method:has(input:checked){border-color:var(--p);background:var(--soft);box-shadow:0 10px 24px rgba(91,42,134,.14)}
.urpb-method:has(input:checked) .urpb-method__i{background:#e8d9f6}
.urpb-method:has(input:focus-visible){outline:3px solid rgba(91,42,134,.28);outline-offset:2px}
.urpb-cardpay{display:flex;gap:18px;align-items:flex-start;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:22px;animation:urpb-rise .35s ease both}
.urpb-cardpay[hidden],#urpb-pay-bank[hidden]{display:none}
.urpb-cardpay__i{font-size:34px;line-height:1}
.urpb-cardpay strong{color:var(--p2);font-size:17px}
.urpb-cardpay p{margin:8px 0;font-size:14.5px;line-height:1.95;color:var(--tx)}
.urpb-cardpay .urpb-cardpay__s{color:var(--mut);font-size:13.5px}
#urpb-pay-bank{animation:urpb-rise .35s ease both}
#urpb-pay-card~.urpb-review,#urpb-pay-bank~.urpb-review{margin-top:20px}

/* شريط حالة بعد العودة من الدفع */
.urpb-banner{border-radius:16px;padding:14px 18px;margin-bottom:18px;font-size:14.5px;line-height:1.9;animation:urpb-rise .4s ease both}
.urpb-banner.is-ok{background:#e8f6ee;color:#1f6a43;border:1px solid #bfe3cf}
.urpb-banner.is-wait{background:#fff4e0;color:#8a5a00;border:1px solid #f1d9a8}
.urpb-banner.is-fail{background:#fdeaea;color:#8a2a2a;border:1px solid #f3c1c1}
.urpb-banner.is-info{background:#f3ecfa;color:#5b2a86;border:1px solid #d9c6ee}
.urpb-banner__a{display:inline-block;margin-inline-start:10px;font-weight:700;color:var(--p)!important;text-decoration:underline}
@container (max-width:559px){.urpb-banner__a{display:block;margin:6px 0 0}}

/* ===== الحسابات: دخول / تسجيل ===== */
.urpb-auth__card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px 28px;text-align:center;box-shadow:var(--shadow);animation:urpb-rise .4s ease both}
.urpb-auth__icon{font-size:38px;line-height:1;animation:urpb-float 3s ease-in-out infinite}
.urpb-auth h2{margin:10px 0 6px;color:var(--p2);font-size:22px;line-height:1.5}
.urpb-sub--c{text-align:center}
.urpb-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f3ecfa;border-radius:14px;padding:5px;margin:20px 0}
.urpb-tabs button{border:0;background:none;padding:11px;border-radius:10px;font:inherit;cursor:pointer;color:var(--p2);transition:background .2s,box-shadow .2s}
.urpb-tabs button.is-on{background:#fff;box-shadow:0 2px 8px rgba(91,42,134,.15);font-weight:700}
.urpb-auth form{text-align:right;animation:urpb-fade .3s ease both}
.urpb-auth form[hidden]{display:none}
.urpb-auth .urpb-btn{width:100%;min-width:0}
.urpb-auth input[type=password]{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:16px;color:var(--tx);transition:border-color .2s,box-shadow .2s}
.urpb-auth input[type=password]:focus{outline:0;border-color:var(--p);box-shadow:0 0 0 3px rgba(91,42,134,.14)}
.urpb-link{display:block;text-align:center;margin-top:4px;color:var(--p);font-size:14px}
.urpb-auth .urpb-alert{text-align:right}

/* ===== صفحة حجوزاتي ===== */
a.urpb-btn,a.urpb-btn:hover,a.urpb-btn:focus{color:#fff;text-decoration:none;display:inline-block;text-align:center}
a.urpb-btn--ghost,a.urpb-btn--ghost:hover{color:var(--p)}
.urpb-btn--sm{min-width:0;padding:11px 20px;font-size:14.5px}
.urpb-my__head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.urpb-my__head h2{margin:0;color:var(--p2);font-size:26px;line-height:1.4}
.urpb-my__head small{display:block;color:var(--mut);font-size:13.5px;margin-top:2px}
.urpb-my__tools{display:flex;gap:16px;align-items:center}
.urpb-link-out{color:var(--mut);font-size:13.5px;text-decoration:underline}
.urpb-my h3{color:var(--p2);font-size:18px;margin:30px 0 14px}
.urpb-bk{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px;margin-bottom:16px;box-shadow:var(--shadow);animation:urpb-rise .4s ease both;transition:box-shadow .2s,transform .2s}
.urpb-bk:hover{transform:translateY(-1px)}
.urpb-bk__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.urpb-bk__top strong{font-size:18px;color:var(--p2);line-height:1.5}
.urpb-bk__top small{display:block;color:var(--mut);font-size:12.5px;margin-top:2px;text-align:right}
.urpb-st{padding:6px 14px;border-radius:20px;font-size:13px;color:#fff;background:#999;white-space:nowrap}
.urpb-st.is-pending{background:#d98a00}.urpb-st.is-confirmed{background:#2e8b57}.urpb-st.is-cancelled{background:#b33}.urpb-st.is-paying{background:#2271b1}
.urpb-bk__rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:16px 0;background:var(--soft);border-radius:14px;padding:14px 16px}
.urpb-bk__rows div{display:flex;flex-direction:column;gap:2px}
.urpb-bk__rows span{font-size:12.5px;color:var(--mut)}
.urpb-bk__rows b{font-size:14.5px;color:var(--p2)}
.urpb-bk__note{margin:0;font-size:14px;border-radius:12px;padding:12px 14px;background:#f3ecfa;color:var(--p2);line-height:1.9}
.urpb-bk.is-pending .urpb-bk__note{background:#fff4e0;color:#8a5a00}
.urpb-bk.is-paying .urpb-bk__note{background:#e8f1fb;color:#1c4f82}
.urpb-bk.is-confirmed .urpb-bk__note{background:#e8f6ee;color:#1f6a43}
.urpb-bk.is-cancelled .urpb-bk__note{background:#fdeaea;color:#8a2a2a}
.urpb-bk.is-cancelled{opacity:.88}
.urpb-bk__act{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.urpb-room.is-open{animation:urpb-glow 1.8s infinite}
a.urpb-room.is-waiting,a.urpb-room.is-closed,a.urpb-room.is-waiting:hover,a.urpb-room.is-closed:hover{background:#fff;color:var(--p);border:1px solid var(--gold)}
.urpb-payretry{border:0;cursor:pointer;font-family:inherit}
.urpb-empty-my{text-align:center;padding:44px 16px;background:#fff;border:1px dashed var(--line);border-radius:20px;color:var(--mut)}
.urpb-empty-my__i{font-size:42px;animation:urpb-float 3s ease-in-out infinite}
.urpb-mytoast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#2a1b3d;color:#fff;padding:11px 20px;border-radius:24px;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.25);animation:urpb-toast .3s ease both;z-index:99999}
@keyframes urpb-glow{0%{box-shadow:0 0 0 0 rgba(91,42,134,.5)}100%{box-shadow:0 0 0 12px rgba(91,42,134,0)}}
@container (max-width:759px){
	.urpb-methods{grid-template-columns:minmax(0,1fr)}
	.urpb-auth__card{padding:26px 18px}
}
@container (max-width:559px){
	.urpb-cardpay{flex-direction:column;gap:8px;padding:18px}
	.urpb-bk{padding:16px}
	.urpb-bk__rows{grid-template-columns:repeat(2,minmax(0,1fr))}
	.urpb-bk__act .urpb-btn{flex:1}
	.urpb-my__head h2{font-size:22px}
}

/* ===== غرفة الدردشة ===== */
body.urpb-chat-body{margin:0;background:linear-gradient(160deg,#e6dbf3,#f6ede0);min-height:100vh}
.urpb-chat{max-width:680px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;
	background-color:var(--bg);
	background-image:radial-gradient(circle at 85% 12%,rgba(201,161,90,.14) 0 130px,transparent 131px),radial-gradient(circle at 8% 70%,rgba(91,42,134,.08) 0 170px,transparent 171px)}
@media (min-width:720px){.urpb-chat{height:calc(100dvh - 32px);margin:16px auto;border-radius:26px;box-shadow:0 18px 50px rgba(63,29,97,.22)}}

/* الرأس */
.urpb-chat__head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#6d34a3,#4a2170);color:#fff;flex:0 0 auto}
.urpb-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--p);display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700;flex:0 0 auto;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.urpb-dot{position:absolute;bottom:1px;inset-inline-start:1px;width:13px;height:13px;border-radius:50%;background:#aaa;border:2px solid #4a2170;transition:background .4s}
.urpb-chat.is-open .urpb-dot{background:#2ecc71;animation:urpb-pulse 1.8s infinite}
.urpb-chat__who{flex:1;display:flex;flex-direction:column;min-width:0}
.urpb-chat__who strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.urpb-chat__who small{color:#e4d6f3;font-size:12px}
.urpb-timer{font-size:13px;background:rgba(255,255,255,.18);color:#fff;padding:6px 12px;border-radius:20px;white-space:nowrap;font-variant-numeric:tabular-nums;transition:background .4s,color .4s}
.urpb-timer:empty{display:none}
.urpb-timer.is-low{background:#ffb74d;color:#4a2a00;animation:urpb-blink 1.2s infinite}

/* شريط الوقت المتبقي */
.urpb-bar{height:4px;background:rgba(91,42,134,.12);flex:0 0 auto;overflow:hidden}
.urpb-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#e6c88b);transform-origin:right center;transform:scaleX(1);transition:transform 1s linear,background .4s}
.urpb-bar.is-low i{background:#ff9800}
.urpb-chat__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 14px 4px;flex:0 0 auto}
.urpb-chat__meta span{background:#fff;border:1px solid var(--line);color:var(--p2);border-radius:20px;padding:4px 12px;font-size:12px}

/* الرسائل */
.urpb-msgs{flex:1;overflow-y:auto;padding:14px 14px 8px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth;overscroll-behavior:contain}
.urpb-empty{margin:auto;text-align:center;color:var(--mut);font-size:14px;max-width:260px;line-height:1.9}
.urpb-empty span{display:block;font-size:34px;animation:urpb-float 3s ease-in-out infinite}
.urpb-msg{max-width:82%;padding:9px 13px 7px;border-radius:18px;font-size:15px;line-height:1.7;word-wrap:break-word;box-shadow:0 1px 2px rgba(42,27,61,.08)}
.urpb-msg.is-new{animation:urpb-pop .32s cubic-bezier(.2,.9,.3,1.25) both}
.urpb-msg p{margin:0;white-space:pre-wrap}
.urpb-msg time{display:block;font-size:11px;margin-top:3px;opacity:.65}
.urpb-msg.is-mine{align-self:flex-start;background:linear-gradient(135deg,#7a3fb0,#5b2a86);color:#fff;border-end-start-radius:5px}
.urpb-msg.is-mine .urpb-fileLink{color:#fff}
.urpb-msg.is-theirs{align-self:flex-end;background:#fff;border:1px solid var(--line);border-end-end-radius:5px}
.urpb-msg img{max-width:100%;max-height:260px;border-radius:12px;display:block;margin-top:6px;transition:transform .2s}
.urpb-msg img:hover{transform:scale(1.02)}
.urpb-fileLink{color:var(--p);display:inline-block;margin-top:4px;word-break:break-all;text-decoration:none;background:rgba(255,255,255,.18);border-radius:10px;padding:4px 8px}
.urpb-msg.is-theirs .urpb-fileLink{background:#f3ebf9}

/* حالات الغرفة */
.urpb-state{display:none;margin:12px 14px;text-align:center;border-radius:18px;padding:18px 14px;font-size:14px;background:#fff;border:1px solid var(--line);flex-direction:column;align-items:center;gap:6px}
.urpb-state small{color:var(--mut)}
.urpb-state__icon{font-size:38px;line-height:1}
.urpb-float{animation:urpb-float 2.4s ease-in-out infinite}
.urpb-count{font-size:40px;font-weight:700;color:var(--p);font-variant-numeric:tabular-nums;letter-spacing:2px;margin:4px 0}
.urpb-state__icon--ok{width:56px;height:56px;border-radius:50%;background:var(--ok);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;animation:urpb-bounce .6s cubic-bezier(.2,.9,.3,1.4) both}
.urpb-chat.is-waiting #urpb-waiting{display:flex;flex:1;justify-content:center;margin-bottom:12px;animation:urpb-rise .5s ease both}
.urpb-chat.is-waiting .urpb-msgs{display:none}
.urpb-chat.is-closed #urpb-closed{display:flex;animation:urpb-rise .5s ease both}
.urpb-state .urpb-code{margin-top:6px}

.urpb-reviewbar{padding:0 14px 8px;display:none}
.urpb-chat.is-open .urpb-reviewbar,.urpb-chat.is-closed .urpb-reviewbar{display:block}
.urpb-reviewbar .urpb-btn{width:100%;flex:none;padding:10px;font-size:14px}

/* الكتابة */
.urpb-composer{display:flex;align-items:center;gap:6px;margin:0 12px 8px;background:#fff;border:1px solid var(--line);border-radius:32px;padding:6px 8px;box-shadow:0 2px 10px rgba(91,42,134,.08);transition:box-shadow .2s,border-color .2s;flex:0 0 auto}
.urpb-composer:focus-within{border-color:var(--p);box-shadow:0 0 0 3px rgba(91,42,134,.15)}
.urpb-chat:not(.is-open) .urpb-composer{display:none}
.urpb-chat.is-open .urpb-composer{animation:urpb-rise .45s ease both}
.urpb-composer input[type=text]{flex:1;border:0;outline:0;font:inherit;font-size:16px;padding:8px;background:transparent;min-width:0;color:var(--tx)}
.urpb-attach{font-size:20px;cursor:pointer;padding:4px 8px;border-radius:50%;transition:background .2s}
.urpb-attach:hover{background:#f3ebf9}
.urpb-send{width:44px;height:44px;border:0;border-radius:50%;background:linear-gradient(135deg,#7a3fb0,#5b2a86);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:transform .15s,opacity .2s}
.urpb-send svg{width:21px;height:21px;fill:#fff;transform:scaleX(-1)}
.urpb-send:hover:not(:disabled){transform:scale(1.08)}
.urpb-send:active:not(:disabled){transform:scale(.92)}
.urpb-send:disabled{opacity:.5;cursor:not-allowed}
.urpb-send.is-sending svg{display:none}
.urpb-send.is-sending::after{content:"";width:20px;height:20px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:urpb-spin .7s linear infinite}
.urpb-filechip{margin:0 14px 6px;background:#f3ebf9;color:var(--p2);border-radius:20px;padding:6px 12px;font-size:13px;cursor:pointer;animation:urpb-rise .25s ease both;align-self:flex-start;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.urpb-lockbar{display:none;margin:0 12px 12px;background:#efe9e0;color:#6b5f78;border-radius:14px;padding:9px;text-align:center;font-size:12px;flex:0 0 auto}
.urpb-chat.is-open .urpb-lockbar{display:block}
.urpb-toast{position:absolute;bottom:96px;left:50%;transform:translateX(-50%);background:#2a1b3d;color:#fff;padding:10px 18px;border-radius:22px;font-size:13px;max-width:90%;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.25);animation:urpb-toast .3s ease both;z-index:5}
.urpb-toast[hidden],.urpb-filechip[hidden]{display:none}

/* ===== أنيميشن مشترك ===== */
@keyframes urpb-pop{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
@keyframes urpb-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes urpb-toast{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes urpb-pulse{0%{box-shadow:0 0 0 0 rgba(46,204,113,.65)}100%{box-shadow:0 0 0 10px rgba(46,204,113,0)}}
@keyframes urpb-blink{50%{opacity:.65}}
@keyframes urpb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes urpb-bounce{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes urpb-spin{to{transform:rotate(360deg)}}
@keyframes urpb-shake{0%,100%{transform:none}20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
@keyframes urpb-fwd{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes urpb-back{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes urpb-dotpop{0%{transform:scale(.5)}60%{transform:scale(1.5)}100%{transform:scale(1.15)}}
@keyframes urpb-draw{to{stroke-dashoffset:0}}
@keyframes urpb-ring{from{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}