.nobera-booking,
.nobera-booking * { box-sizing: border-box; }

.nobera-booking {
    --nb-primary: #123e4a;
    --nb-accent: #c88f98;
    --nb-surface: #fbf7f3;
    --nb-text: #18343b;
    --nb-muted: #77858a;
    --nb-border: rgba(18, 62, 74, .12);
    --nb-white: #fff;
    width: 100%;
    max-width: 1180px;
    min-height: 710px;
    margin: 30px auto;
    display: grid;
    grid-template-columns: minmax(280px, 34%) minmax(0, 66%);
    overflow: hidden;
    border: 1px solid rgba(18, 62, 74, .10);
    border-radius: 34px;
    background: var(--nb-white);
    box-shadow: 0 32px 90px rgba(22, 45, 51, .14);
    color: var(--nb-text);
    font-family: inherit;
    isolation: isolate;
}

.nobera-booking button,
.nobera-booking input,
.nobera-booking textarea { font: inherit; }

.nobera-booking__brand {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 710px;
    padding: 44px 38px 32px;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 8%, rgba(255,255,255,.18), transparent 27%),
        radial-gradient(circle at 88% 72%, rgba(200,143,152,.30), transparent 34%),
        linear-gradient(155deg, var(--nb-primary) 0%, #0d3039 70%, #0a2830 100%);
    color: #fff;
}

.nobera-booking__brand::before,
.nobera-booking__brand::after {
    position: absolute;
    content: "";
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50%;
    pointer-events: none;
}

.nobera-booking__brand::before { width: 330px; height: 330px; left: -180px; bottom: -130px; }
.nobera-booking__brand::after { width: 220px; height: 220px; right: -120px; top: 140px; }

.nobera-brand-mark {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255,255,255,.19), rgba(255,255,255,.07));
    color: #f4d8db;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 18px 40px rgba(0,0,0,.16);
    backdrop-filter: blur(10px);
}

.nobera-brand-mark svg { width: 47px; height: 47px; }
.nobera-booking__brand-copy { position: relative; z-index: 1; margin-top: 56px; }
.nobera-kicker { display: inline-flex; align-items: center; gap: 8px; color: #e9bec4; font-size: 12px; font-weight: 800; letter-spacing: .2px; }
.nobera-kicker::before { width: 20px; height: 1px; content: ""; background: currentColor; }
.nobera-booking__brand-copy h2 { margin: 13px 0 12px; color: #fff; font-size: clamp(28px, 3.2vw, 43px); line-height: 1.3; font-weight: 950; letter-spacing: -.4px; }
.nobera-booking__brand-copy p { margin: 0; color: rgba(255,255,255,.70); font-size: 14px; line-height: 2; }

.nobera-brand-benefits { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 14px; margin-top: 45px; }
.nobera-brand-benefits > div { display: flex; align-items: center; gap: 12px; padding: 12px 13px; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: rgba(255,255,255,.055); }
.nobera-benefit-icon { display: grid; place-items: center; flex: 0 0 37px; width: 37px; height: 37px; border-radius: 12px; background: rgba(200,143,152,.19); color: #f1cbd0; font-size: 16px; font-weight: 900; }
.nobera-brand-benefits p { margin: 0; }
.nobera-brand-benefits strong,
.nobera-brand-benefits small { display: block; }
.nobera-brand-benefits strong { color: #fff; font-size: 13px; }
.nobera-brand-benefits small { margin-top: 4px; color: rgba(255,255,255,.55); font-size: 11px; line-height: 1.6; }

.nobera-brand-footer { position: relative; z-index: 1; display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 28px; color: rgba(255,255,255,.65); font-size: 12px; }
.nobera-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #8fd6b4; box-shadow: 0 0 0 5px rgba(143,214,180,.12); }

.nobera-booking__workspace { min-width: 0; padding: 28px 34px 30px; background: linear-gradient(180deg, #fff 0%, #fff 66%, var(--nb-surface) 140%); }
.nobera-workspace__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 23px; border-bottom: 1px solid var(--nb-border); }
.nobera-workspace__top > div:first-child span,
.nobera-workspace__top > div:first-child strong { display: block; }
.nobera-workspace__top > div:first-child span { color: var(--nb-muted); font-size: 11px; font-weight: 700; }
.nobera-workspace__top > div:first-child strong { margin-top: 4px; color: var(--nb-primary); font-size: 17px; font-weight: 900; }
.nobera-secure-badge { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid #d9eee2; border-radius: 999px; background: #f5fbf7; color: #3d7656; font-size: 11px; font-weight: 800; }
.nobera-secure-badge i { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #dff3e6; font-style: normal; }

.nobera-progress { display: grid; grid-template-columns: 1fr 42px 1fr 42px 1fr; align-items: center; gap: 5px; margin: 25px 0 29px; }
.nobera-progress > i { height: 1px; background: var(--nb-border); }
.nobera-progress__item { display: flex; align-items: center; min-width: 0; gap: 9px; opacity: .46; transition: opacity .2s ease; }
.nobera-progress__item > span { display: grid; place-items: center; flex: 0 0 33px; width: 33px; height: 33px; border: 1px solid var(--nb-border); border-radius: 12px; background: #fff; color: var(--nb-muted); font-size: 12px; font-weight: 900; transition: .2s ease; }
.nobera-progress__item p { min-width: 0; margin: 0; }
.nobera-progress__item strong,
.nobera-progress__item small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nobera-progress__item strong { color: var(--nb-text); font-size: 11px; }
.nobera-progress__item small { margin-top: 3px; color: var(--nb-muted); font-size: 9px; }
.nobera-progress__item.is-active,
.nobera-progress__item.is-complete { opacity: 1; }
.nobera-progress__item.is-active > span { border-color: var(--nb-primary); background: var(--nb-primary); color: #fff; box-shadow: 0 9px 20px rgba(18,62,74,.20); }
.nobera-progress__item.is-complete > span { border-color: rgba(200,143,152,.28); background: rgba(200,143,152,.14); color: var(--nb-accent); }

.nobera-step { animation: noberaStepIn .28s ease both; }
@keyframes noberaStepIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.nobera-step__heading { margin-bottom: 21px; }
.nobera-step__heading > span { color: var(--nb-accent); font-size: 10px; font-weight: 900; }
.nobera-step__heading h3 { margin: 5px 0 6px; color: var(--nb-primary); font-size: clamp(20px, 2.3vw, 27px); line-height: 1.45; font-weight: 950; }
.nobera-step__heading p { margin: 0; color: var(--nb-muted); font-size: 12px; line-height: 1.8; }

.nobera-service-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; max-height: 395px; padding: 2px 3px 8px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(18,62,74,.20) transparent; }
.nobera-service-card { position: relative; display: flex; align-items: flex-start; gap: 12px; min-height: 126px; padding: 17px 16px; overflow: hidden; border: 1px solid var(--nb-border); border-radius: 19px; background: #fff; cursor: pointer; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.nobera-service-card::after { position: absolute; right: 0; top: 0; width: 4px; height: 100%; content: ""; background: var(--service-color); opacity: .28; transition: opacity .2s ease, width .2s ease; }
.nobera-service-card:hover { transform: translateY(-2px); border-color: rgba(18,62,74,.20); box-shadow: 0 12px 28px rgba(27,46,50,.08); }
.nobera-service-card.is-selected { border-color: var(--nb-primary); box-shadow: 0 13px 30px rgba(18,62,74,.11); }
.nobera-service-card.is-selected::after { width: 5px; opacity: 1; }
.nobera-service-card input { position: absolute; opacity: 0; pointer-events: none; }
.nobera-service-card__icon { display: grid; place-items: center; flex: 0 0 43px; width: 43px; height: 43px; border-radius: 14px; background: color-mix(in srgb, var(--service-color) 14%, white); color: var(--service-color); }
.nobera-service-card__icon svg { width: 23px; height: 23px; }
.nobera-service-card__body { min-width: 0; flex: 1; }
.nobera-service-card__body > strong { display: block; padding-left: 22px; color: var(--nb-text); font-size: 14px; line-height: 1.6; font-weight: 900; }
.nobera-service-card__body > small { display: -webkit-box; min-height: 36px; margin-top: 5px; overflow: hidden; color: var(--nb-muted); font-size: 10px; line-height: 1.75; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.nobera-service-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.nobera-service-meta b { padding: 4px 7px; border-radius: 7px; background: var(--nb-surface); color: #617176; font-size: 9px; font-weight: 800; }
.nobera-service-card__check { position: absolute; top: 15px; left: 15px; display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid var(--nb-border); border-radius: 50%; background: #fff; color: transparent; font-size: 11px; font-weight: 900; transition: .2s ease; }
.nobera-service-card.is-selected .nobera-service-card__check { border-color: var(--nb-primary); background: var(--nb-primary); color: #fff; }

.nobera-time-layout { display: grid; grid-template-columns: minmax(210px, .72fr) minmax(0, 1.28fr); gap: 15px; }
.nobera-date-card,
.nobera-slot-card { border: 1px solid var(--nb-border); border-radius: 20px; background: #fff; }
.nobera-date-card { display: flex; flex-direction: column; min-height: 310px; padding: 23px; background: linear-gradient(160deg, #fff, var(--nb-surface)); }
.nobera-date-card__icon { display: grid; place-items: center; width: 49px; height: 49px; margin-bottom: 29px; border-radius: 16px; background: rgba(200,143,152,.14); color: var(--nb-accent); }
.nobera-date-card__icon svg { width: 25px; height: 25px; }
.nobera-date-card label { margin-bottom: 8px; color: var(--nb-primary); font-size: 12px; font-weight: 900; }
.nobera-date-card input { width: 100%; min-height: 51px; padding: 10px 12px; border: 1px solid var(--nb-border); border-radius: 13px; outline: none; background: #fff; color: var(--nb-text); direction: ltr; text-align: center; transition: .2s ease; }
.nobera-date-card input:focus { border-color: var(--nb-accent); box-shadow: 0 0 0 4px rgba(200,143,152,.12); }
.nobera-date-card small { margin-top: auto; padding-top: 20px; color: var(--nb-muted); font-size: 10px; line-height: 1.75; }

.nobera-slot-card { min-height: 310px; padding: 20px; }
.nobera-slot-card__title { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 15px; border-bottom: 1px solid var(--nb-border); }
.nobera-slot-card__title strong,
.nobera-slot-card__title small { display: block; }
.nobera-slot-card__title strong { color: var(--nb-primary); font-size: 13px; }
.nobera-slot-card__title small { margin-top: 4px; color: var(--nb-muted); font-size: 9px; }
.nobera-slot-card__title > span { padding: 6px 9px; border-radius: 8px; background: var(--nb-surface); color: var(--nb-muted); font-size: 9px; font-weight: 800; }
.nobera-slots { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); align-content: start; gap: 9px; min-height: 210px; padding-top: 15px; }
.nobera-slots__hint { grid-column: 1 / -1; align-self: center; padding: 26px 16px; border: 1px dashed var(--nb-border); border-radius: 14px; color: var(--nb-muted); text-align: center; font-size: 10px; line-height: 1.8; }
.nobera-slot { position: relative; display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 43px; padding: 8px; border: 1px solid var(--nb-border); border-radius: 12px; outline: none; background: #fff; color: var(--nb-text); cursor: pointer; font-size: 11px; font-weight: 900; transition: .18s ease; }
.nobera-slot i { width: 5px; height: 5px; border-radius: 50%; background: #82c9a5; }
.nobera-slot:hover { border-color: var(--nb-accent); transform: translateY(-1px); }
.nobera-slot.is-selected { border-color: var(--nb-primary); background: var(--nb-primary); color: #fff; box-shadow: 0 8px 18px rgba(18,62,74,.18); }
.nobera-slot.is-selected i { background: #fff; }
.nobera-slots.is-loading { opacity: .65; pointer-events: none; }

.nobera-final-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(225px, .75fr); gap: 17px; }
.nobera-customer-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.nobera-field:nth-child(4),
.nobera-consent { grid-column: 1 / -1; }
.nobera-field label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; color: var(--nb-text); font-size: 10px; font-weight: 900; }
.nobera-field label small { color: var(--nb-muted); font-size: 9px; font-weight: 500; }
.nobera-input-wrap { position: relative; }
.nobera-input-wrap > span { position: absolute; right: 12px; top: 50%; z-index: 1; color: var(--nb-accent); font-size: 13px; transform: translateY(-50%); }
.nobera-field input,
.nobera-field textarea { width: 100%; margin: 0; border: 1px solid var(--nb-border); border-radius: 13px; outline: none; background: #fff; color: var(--nb-text); transition: .2s ease; }
.nobera-field input { min-height: 47px; padding: 10px 34px 10px 12px; }
.nobera-field textarea { min-height: 82px; padding: 12px 13px; resize: vertical; }
.nobera-field input:focus,
.nobera-field textarea:focus { border-color: var(--nb-accent); box-shadow: 0 0 0 4px rgba(200,143,152,.10); }
.nobera-field input::placeholder,
.nobera-field textarea::placeholder { color: #a7b0b3; font-size: 10px; }
.nobera-consent { position: relative; display: grid; grid-template-columns: 22px minmax(0,1fr); align-items: center; gap: 10px; min-height: 54px; padding: 12px 14px; border: 1px solid var(--nb-border); border-radius: 14px; background: var(--nb-surface); color: var(--nb-muted); cursor: pointer; font-size: 10px; line-height: 1.9; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.nobera-consent:hover { border-color: rgba(18,62,74,.24); background: #fff; }
.nobera-consent:focus-within { border-color: var(--nb-accent); box-shadow: 0 0 0 4px rgba(200,143,152,.10); }
.nobera-consent__input { position: absolute!important; width: 1px!important; height: 1px!important; margin: 0!important; padding: 0!important; overflow: hidden!important; clip: rect(0 0 0 0)!important; clip-path: inset(50%)!important; white-space: nowrap!important; border: 0!important; opacity: 0!important; }
.nobera-consent__box { display: grid; place-items: center; width: 22px; height: 22px; border: 1.5px solid #b8c5c8; border-radius: 7px; background: #fff; color: transparent; box-shadow: inset 0 0 0 2px #fff; transition: .2s ease; }
.nobera-consent__box svg { width: 15px; height: 15px; }
.nobera-consent__text { min-width: 0; color: var(--nb-muted); }
.nobera-consent__input:checked + .nobera-consent__box { border-color: var(--nb-primary); background: var(--nb-primary); color: #fff; }
.nobera-consent__input:checked ~ .nobera-consent__text { color: var(--nb-text); }
.nobera-consent__input:focus-visible + .nobera-consent__box { outline: 3px solid rgba(200,143,152,.22); outline-offset: 2px; }

.nobera-booking-summary { align-self: start; padding: 18px; border: 1px solid rgba(18,62,74,.11); border-radius: 19px; background: linear-gradient(155deg, var(--nb-surface), #fff); }
.nobera-booking-summary__label { color: var(--nb-accent); font-size: 9px; font-weight: 900; }
.nobera-summary-service { display: flex; align-items: center; gap: 10px; margin: 11px 0 13px; padding: 11px; border-radius: 13px; background: #fff; box-shadow: 0 8px 20px rgba(26,45,49,.06); }
.nobera-summary-service__icon { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 11px; background: rgba(200,143,152,.14); color: var(--nb-accent); }
.nobera-summary-service p { min-width: 0; margin: 0; }
.nobera-summary-service small,
.nobera-summary-service strong { display: block; }
.nobera-summary-service small { color: var(--nb-muted); font-size: 8px; }
.nobera-summary-service strong { margin-top: 3px; overflow: hidden; color: var(--nb-primary); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.nobera-booking-summary dl { margin: 0; }
.nobera-booking-summary dl > div { display: flex; justify-content: space-between; gap: 10px; padding: 9px 1px; border-bottom: 1px dashed var(--nb-border); }
.nobera-booking-summary dt { color: var(--nb-muted); font-size: 9px; }
.nobera-booking-summary dd { margin: 0; color: var(--nb-text); font-size: 9px; font-weight: 900; text-align: left; }
.nobera-summary-note { margin: 13px 0 0; color: var(--nb-muted); font-size: 8px; line-height: 1.8; }

.nobera-booking__message { display: none; margin: 13px 0 0; padding: 11px 13px; border-radius: 12px; font-size: 10px; line-height: 1.8; }
.nobera-booking__message.is-error { display: block; border: 1px solid #efcece; background: #fff3f3; color: #9b4141; }
.nobera-booking__message.is-success { display: block; border: 1px solid #cce8d6; background: #f1faf4; color: #35704e; }

.nobera-form-footer { display: flex; align-items: center; gap: 11px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--nb-border); }
.nobera-form-footer__hint { flex: 1; color: var(--nb-muted); font-size: 9px; text-align: center; }
.nobera-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 45px; padding: 10px 18px; border-radius: 13px; cursor: pointer; font-size: 11px; font-weight: 900; transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease; }
.nobera-btn:hover { transform: translateY(-1px); }
.nobera-btn--primary { min-width: 142px; border: 0; background: var(--nb-primary); color: #fff; box-shadow: 0 11px 25px rgba(18,62,74,.18); }
.nobera-btn--ghost { border: 1px solid var(--nb-border); background: #fff; color: var(--nb-primary); }
.nobera-form-footer .nobera-btn[hidden] { display: none!important; }
.nobera-btn:disabled { border-color: #d9dfe1!important; background: #e9edef!important; color: #96a1a5!important; box-shadow: none!important; cursor: not-allowed; opacity: 1; transform: none; }
.nobera-btn.is-loading:disabled { background: var(--nb-primary)!important; color: #fff!important; cursor: wait; opacity: .7; }
.nobera-booking__submit b { font-size: 16px; font-weight: 400; }

.nobera-empty-state { display: grid; place-items: center; min-height: 610px; padding: 30px; text-align: center; }
.nobera-empty-state__icon { display: grid; place-items: center; width: 65px; height: 65px; border-radius: 21px; background: var(--nb-surface); color: var(--nb-accent); font-size: 30px; font-weight: 900; }
.nobera-empty-state h3 { margin: 18px 0 7px; color: var(--nb-primary); }
.nobera-empty-state p { margin: 0; color: var(--nb-muted); }

.nobera-success-card { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 645px; padding: 50px 30px; overflow: hidden; text-align: center; }
.nobera-success-card__glow { position: absolute; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, rgba(200,143,152,.18), transparent 67%); pointer-events: none; }
.nobera-success-card__icon { position: relative; display: grid; place-items: center; width: 84px; height: 84px; border-radius: 27px; background: linear-gradient(145deg, var(--nb-primary), #0c3039); color: #fff; box-shadow: 0 20px 45px rgba(18,62,74,.25); transform: rotate(-5deg); }
.nobera-success-card__icon span { font-size: 36px; transform: rotate(5deg); }
.nobera-success-card__eyebrow { position: relative; margin-top: 26px; color: var(--nb-accent); font-size: 10px; font-weight: 900; }
.nobera-success-card h3 { position: relative; margin: 8px 0 8px; color: var(--nb-primary); font-size: clamp(24px,3vw,34px); line-height: 1.5; }
.nobera-success-card > p { position: relative; max-width: 500px; margin: 0; color: var(--nb-muted); font-size: 12px; line-height: 1.9; }
.nobera-success-details { position: relative; display: grid; grid-template-columns: repeat(3,1fr); width: 100%; max-width: 620px; gap: 10px; margin-top: 27px; }
.nobera-success-details > div { padding: 14px 12px; border: 1px solid var(--nb-border); border-radius: 14px; background: #fff; }
.nobera-success-details small,
.nobera-success-details strong { display: block; }
.nobera-success-details small { color: var(--nb-muted); font-size: 9px; }
.nobera-success-details strong { margin-top: 5px; color: var(--nb-text); font-size: 11px; }
.nobera-tracking-code { position: relative; width: 100%; max-width: 420px; margin-top: 15px; padding: 16px; border: 1px dashed rgba(18,62,74,.23); border-radius: 15px; background: var(--nb-surface); }
.nobera-tracking-code span,
.nobera-tracking-code strong,
.nobera-tracking-code small { display: block; }
.nobera-tracking-code span { color: var(--nb-muted); font-size: 9px; }
.nobera-tracking-code strong { margin: 5px 0; color: var(--nb-primary); direction: ltr; font-size: 20px; letter-spacing: 1px; }
.nobera-tracking-code small { color: var(--nb-muted); font-size: 8px; }

@media (max-width: 980px) {
    .nobera-booking { grid-template-columns: 28% minmax(0,72%); }
    .nobera-booking__brand { padding: 35px 25px 28px; }
    .nobera-booking__brand-copy h2 { font-size: 30px; }
    .nobera-brand-benefits { margin-top: 32px; }
    .nobera-brand-benefits > div { padding: 10px; }
    .nobera-booking__workspace { padding: 25px 26px; }
    .nobera-progress__item small { display: none; }
}

@media (max-width: 760px) {
    .nobera-booking { display: block; min-height: 0; margin: 15px auto; border-radius: 25px; }
    .nobera-booking__brand { min-height: 0; padding: 25px 22px; }
    .nobera-brand-mark { width: 56px; height: 56px; border-radius: 17px; }
    .nobera-brand-mark svg { width: 37px; height: 37px; }
    .nobera-booking__brand-copy { margin-top: 25px; }
    .nobera-booking__brand-copy h2 { margin: 8px 0; font-size: 27px; }
    .nobera-booking__brand-copy p { font-size: 12px; }
    .nobera-brand-benefits { display: none; }
    .nobera-brand-footer { margin-top: 19px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.10); }
    .nobera-booking__workspace { padding: 21px 18px 23px; }
    .nobera-workspace__top { padding-bottom: 17px; }
    .nobera-progress { grid-template-columns: 1fr 22px 1fr 22px 1fr; margin: 20px 0 24px; }
    .nobera-progress__item { justify-content: center; }
    .nobera-progress__item p { display: none; }
    .nobera-progress__item > span { width: 35px; height: 35px; flex-basis: 35px; }
    .nobera-service-cards { grid-template-columns: 1fr; max-height: none; }
    .nobera-time-layout,
    .nobera-final-layout { grid-template-columns: 1fr; }
    .nobera-date-card { min-height: 230px; }
    .nobera-slot-card { min-height: 260px; }
    .nobera-customer-fields { grid-template-columns: 1fr; }
    .nobera-field:nth-child(4),
    .nobera-consent { grid-column: auto; }
    .nobera-booking-summary { order: -1; }
    .nobera-form-footer { flex-wrap: wrap; }
    .nobera-form-footer__hint { order: 3; flex-basis: 100%; }
    .nobera-btn { flex: 1; }
    .nobera-success-card { min-height: 520px; padding: 35px 18px; }
    .nobera-success-details { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
    .nobera-slots { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .nobera-service-card { padding: 15px 13px; }
    .nobera-service-card__icon { flex-basis: 39px; width: 39px; height: 39px; }
    .nobera-btn { min-width: 0; padding-inline: 12px; }
}

/* Persian date picker integration */
.nobera-date-picker-wrap{position:relative}.nobera-date-picker-wrap .nobera-jalali-input{width:100%;min-height:52px;border:1px solid rgba(18,62,74,.12);border-radius:14px;padding:0 16px 0 44px;font:inherit;color:var(--nb-primary);box-shadow:none}.nobera-date-picker-wrap>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--nb-accent);pointer-events:none}.nobera-date-picker-wrap .nobera-jalali-input:focus{outline:0;border-color:var(--nb-accent);box-shadow:0 0 0 4px rgba(200,143,152,.13)}

/* Nobera 0.4 payment experience */
.nobera-service-meta .nobera-service-deposit{background:rgba(200,143,152,.14);color:#9b626c}
.nobera-booking__submit{white-space:nowrap}
.nobera-booking__message.is-success{animation:noberaPaymentPulse .65s ease both}
@keyframes noberaPaymentPulse{0%{transform:translateY(4px);opacity:.25}100%{transform:translateY(0);opacity:1}}
@media(max-width:520px){.nobera-booking__submit{font-size:10px}}

/* Nobera 0.5 Persian typography */
.nobera-booking,
.nobera-booking input,
.nobera-booking textarea,
.nobera-booking select,
.nobera-booking button,
.nobera-booking label,
.nobera-booking span,
.nobera-booking strong,
.nobera-booking p,
.nobera-booking h1,
.nobera-booking h2,
.nobera-booking h3 {
    font-family:"Vazirmatn",Tahoma,Arial,sans-serif!important;
}

/* Nobera 0.6 — global font lock, customer account, and selectable themes */
.nobera-booking,
.nobera-booking *:not(svg):not(path),
.nobera-account,
.nobera-account *:not(svg):not(path) {
    font-family:"Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif!important;
    box-sizing:border-box;
}
.nobera-account-link {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:18px;
    padding:12px 18px;
    border-radius:13px;
    background:var(--nb-primary,#123e4a);
    color:#fff!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:800;
    box-shadow:0 12px 28px rgba(18,62,74,.18);
}

/* Theme: Minimal light */
.nobera-template--minimal {
    --nb-surface:#f7f9f9!important;
    border:1px solid #e4eaea;
    border-radius:18px;
    box-shadow:0 16px 50px rgba(20,50,57,.07);
}
.nobera-template--minimal .nobera-booking__brand {
    background:#fff;
    color:var(--nb-primary);
    border-left:1px solid #e7ecec;
}
.nobera-template--minimal .nobera-booking__brand::before,
.nobera-template--minimal .nobera-booking__brand::after { opacity:.25; }
.nobera-template--minimal .nobera-brand-mark { background:var(--nb-primary); color:#fff; }
.nobera-template--minimal .nobera-kicker,
.nobera-template--minimal .nobera-booking__brand-copy h2,
.nobera-template--minimal .nobera-brand-benefits strong,
.nobera-template--minimal .nobera-brand-footer { color:var(--nb-primary); }
.nobera-template--minimal .nobera-booking__brand-copy p,
.nobera-template--minimal .nobera-brand-benefits small { color:#718287; }
.nobera-template--minimal .nobera-brand-benefits > div { border-color:#e8eded; background:#f8fafa; }
.nobera-template--minimal .nobera-benefit-icon { background:#e7eeee; color:var(--nb-primary); }
.nobera-template--minimal .nobera-brand-footer { border-color:#e8eded; }

/* Theme: Rose gold */
.nobera-template--rose {
    --nb-primary:#70434c!important;
    --nb-accent:#c98f9b!important;
    --nb-surface:#fff4f5!important;
    border-color:#f1dfe2;
    box-shadow:0 28px 70px rgba(116,66,77,.14);
}
.nobera-template--rose .nobera-booking__brand {
    background:linear-gradient(145deg,#965d69 0%,#6e414b 100%);
}
.nobera-template--rose .nobera-brand-mark { background:linear-gradient(145deg,#e8bac2,#bf7f8c); }
.nobera-template--rose .nobera-service-card:has(input:checked) { box-shadow:0 12px 30px rgba(154,91,105,.14); }
.nobera-template--rose .nobera-btn--primary { background:linear-gradient(135deg,#8d5260,#6c3f49); }

/* Theme: Noir luxury */
.nobera-template--noir {
    --nb-primary:#e4c087!important;
    --nb-accent:#e4c087!important;
    --nb-surface:#1d2025!important;
    --nb-text:#f2f0eb;
    --nb-muted:#9ea1a6;
    --nb-border:#373b41;
    background:#1d2025;
    border-color:#35383d;
    box-shadow:0 32px 85px rgba(0,0,0,.3);
}
.nobera-template--noir .nobera-booking__brand { background:linear-gradient(145deg,#08090b,#17191d); }
.nobera-template--noir .nobera-brand-mark { background:#e4c087; color:#15171a; box-shadow:none; }
.nobera-template--noir .nobera-booking__workspace,
.nobera-template--noir .nobera-step,
.nobera-template--noir .nobera-customer-fields,
.nobera-template--noir .nobera-booking-summary,
.nobera-template--noir .nobera-date-card,
.nobera-template--noir .nobera-slot-card { background:#1d2025; color:#eee; }
.nobera-template--noir h2,
.nobera-template--noir h3,
.nobera-template--noir strong,
.nobera-template--noir label,
.nobera-template--noir dt,
.nobera-template--noir dd { color:#f2f0eb!important; }
.nobera-template--noir p,
.nobera-template--noir small,
.nobera-template--noir .nobera-step__heading p { color:#a7aaae!important; }
.nobera-template--noir .nobera-workspace__top,
.nobera-template--noir .nobera-progress,
.nobera-template--noir .nobera-form-footer { border-color:#34383e; }
.nobera-template--noir .nobera-service-card,
.nobera-template--noir .nobera-input-wrap,
.nobera-template--noir textarea,
.nobera-template--noir .nobera-date-picker-wrap input,
.nobera-template--noir .nobera-slots button,
.nobera-template--noir .nobera-booking-summary dl > div { border-color:#393d43; background:#25282d; color:#eee; }
.nobera-template--noir input,
.nobera-template--noir textarea { color:#eee!important; }
.nobera-template--noir .nobera-service-card:has(input:checked),
.nobera-template--noir .nobera-slot.is-selected { border-color:#e4c087; background:#2c2a25; }
.nobera-template--noir .nobera-btn--primary { background:#e4c087; color:#15171a; }
.nobera-template--noir .nobera-btn--ghost { color:#ddd; border-color:#41454b; }

/* Customer portal */
.nobera-account {
    --nb-account-primary:#123e4a;
    --nb-account-accent:#c88f98;
    --nb-account-border:#e6e9e8;
    --nb-account-muted:#78888c;
    width:min(1120px,100%);
    margin:24px auto;
    color:#183a42;
}
.nobera-account__notice { margin-bottom:15px; padding:13px 16px; border-radius:13px; font-size:12px; }
.nobera-account__notice.is-success { background:#eaf7ef; color:#247443; }
.nobera-account__notice.is-error { background:#fff0f0; color:#a23b3b; }
.nobera-account-login {
    display:grid;
    grid-template-columns:1.05fr .95fr;
    overflow:hidden;
    min-height:550px;
    border:1px solid var(--nb-account-border);
    border-radius:30px;
    background:#fff;
    box-shadow:0 30px 85px rgba(18,62,74,.12);
}
.nobera-account-login__visual {
    position:relative;
    overflow:hidden;
    padding:65px 55px;
    background:linear-gradient(145deg,#123e4a,#274f58);
    color:#fff;
}
.nobera-account-login__visual::before { content:""; position:absolute; width:320px; height:320px; left:-145px; bottom:-160px; border:1px solid rgba(255,255,255,.12); border-radius:50%; }
.nobera-account-login__visual > span { color:#efbec5; font-size:10px; font-weight:900; letter-spacing:.6px; }
.nobera-account-login__visual h2 { max-width:470px; margin:18px 0; color:#fff; font-size:clamp(28px,4vw,44px); line-height:1.55; }
.nobera-account-login__visual p { max-width:440px; color:rgba(255,255,255,.7); font-size:13px; line-height:2; }
.nobera-account-login__features { display:grid; gap:13px; margin-top:38px; }
.nobera-account-login__features span { color:rgba(255,255,255,.88); font-size:12px; }
.nobera-account-login__form { display:flex; flex-direction:column; justify-content:center; padding:55px; }
.nobera-account-kicker { color:var(--nb-account-accent); font-size:10px; font-weight:900; letter-spacing:2px; }
.nobera-account-login__form h3 { margin:9px 0 8px; color:#123e4a; font-size:27px; }
.nobera-account-login__form > p { margin:0 0 25px; color:var(--nb-account-muted); font-size:12px; }
.nobera-account-login__form label,
.nobera-profile-form label { display:grid; gap:7px; margin-bottom:14px; color:#284c54; font-size:11px; font-weight:700; }
.nobera-account-login__form input,
.nobera-profile-form input {
    width:100%;
    min-height:50px;
    padding:0 15px;
    border:1px solid var(--nb-account-border);
    border-radius:13px;
    background:#fbfcfc;
    box-shadow:none;
    font-size:12px;
}
.nobera-account-login__form input:focus,
.nobera-profile-form input:focus { outline:0; border-color:var(--nb-account-accent); box-shadow:0 0 0 4px rgba(200,143,152,.13); }
.nobera-account-login__form button,
.nobera-profile-form button { min-height:50px; border:0; border-radius:13px; background:#123e4a; color:#fff; cursor:pointer; font-size:12px; font-weight:800; }
.nobera-account-login__form small { margin-top:13px; color:#96a2a5; font-size:9px; line-height:1.8; }
.nobera-account-shell { overflow:hidden; border:1px solid var(--nb-account-border); border-radius:28px; background:#f7f9f9; box-shadow:0 25px 75px rgba(18,62,74,.1); }
.nobera-account-header { display:flex; align-items:center; gap:15px; padding:28px 30px; background:linear-gradient(135deg,#123e4a,#2a535c); color:#fff; }
.nobera-account-avatar { display:grid; place-items:center; width:58px; height:58px; flex:0 0 58px; border-radius:19px; background:rgba(255,255,255,.14); color:#fff; font-size:22px; font-weight:900; }
.nobera-account-header > div:nth-child(2) { min-width:0; }
.nobera-account-header span { color:#efbec5; font-size:9px; font-weight:800; }
.nobera-account-header h2 { margin:3px 0; color:#fff; font-size:22px; }
.nobera-account-header p { margin:0; color:rgba(255,255,255,.68); direction:ltr; text-align:right; font-size:11px; }
.nobera-account-header > a { margin-right:auto; padding:9px 13px; border:1px solid rgba(255,255,255,.2); border-radius:11px; color:#fff!important; text-decoration:none; font-size:10px; }
.nobera-account-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:20px 22px 0; }
.nobera-account-stats > div { padding:16px; border:1px solid var(--nb-account-border); border-radius:16px; background:#fff; }
.nobera-account-stats small,
.nobera-account-stats strong { display:block; }
.nobera-account-stats small { color:var(--nb-account-muted); font-size:9px; }
.nobera-account-stats strong { margin-top:7px; color:#123e4a; font-size:17px; }
.nobera-account-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:18px; padding:20px 22px 24px; }
.nobera-account-panel { padding:20px; border:1px solid var(--nb-account-border); border-radius:19px; background:#fff; }
.nobera-account-panel--history { grid-column:1/-1; }
.nobera-account-panel__title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:17px; }
.nobera-account-panel__title span { color:var(--nb-account-accent); font-size:9px; font-weight:900; }
.nobera-account-panel__title h3 { margin:3px 0 0; color:#123e4a; font-size:16px; }
.nobera-account-panel__title b { display:grid; place-items:center; min-width:32px; height:32px; border-radius:11px; background:#f1e5e7; color:#925f67; font-size:11px; }
.nobera-account-empty { padding:26px; border:1px dashed #dce3e2; border-radius:14px; color:#849397; text-align:center; font-size:11px; }
.nobera-account-appointments { display:grid; gap:10px; }
.nobera-account-appointment { display:flex; align-items:center; gap:13px; padding:13px; border:1px solid #e8eceb; border-radius:14px; background:#fbfcfc; }
.nobera-account-appointment__date { display:grid; place-items:center; width:54px; min-height:54px; flex:0 0 54px; border-radius:14px; background:#123e4a; color:#fff; text-align:center; }
.nobera-account-appointment__date strong { font-size:14px; }
.nobera-account-appointment__date small { color:rgba(255,255,255,.68); font-size:8px; }
.nobera-account-appointment__copy { min-width:0; flex:1; }
.nobera-account-appointment__copy strong,
.nobera-account-appointment__copy span,
.nobera-account-appointment__copy small { display:block; }
.nobera-account-appointment__copy strong { font-size:12px; }
.nobera-account-appointment__copy span { margin-top:4px; color:#73858a; font-size:9px; }
.nobera-account-appointment__copy small { margin-top:5px; color:#9b686f; font-size:8px; }
.nobera-profile-form { display:grid; grid-template-columns:1fr 1fr; gap:0 11px; }
.nobera-profile-form label:first-child,
.nobera-profile-form button { grid-column:1/-1; }
.nobera-account-table-wrap { overflow:auto; }
.nobera-account-table { width:100%; border-collapse:collapse; min-width:620px; }
.nobera-account-table th,
.nobera-account-table td { padding:11px 9px; border-bottom:1px solid #edf0ef; text-align:right; font-size:10px; }
.nobera-account-table th { color:#7b8b8f; font-weight:700; }
.nobera-account-table td { color:#294c54; }
.nobera-account-status { display:inline-flex; padding:5px 9px; border-radius:99px; background:#edf4f2; color:#416c61; font-size:8px; font-weight:800; }

@media(max-width:820px) {
    .nobera-account-login { grid-template-columns:1fr; }
    .nobera-account-login__visual { padding:40px 28px; }
    .nobera-account-login__form { padding:35px 28px; }
    .nobera-account-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .nobera-account-grid { grid-template-columns:1fr; }
    .nobera-account-panel--history { grid-column:auto; }
}
@media(max-width:520px) {
    .nobera-account { margin:12px auto; }
    .nobera-account-login,
    .nobera-account-shell { border-radius:20px; }
    .nobera-account-header { align-items:flex-start; padding:21px 17px; }
    .nobera-account-header > a { margin-right:0; margin-left:0; }
    .nobera-account-stats { gap:8px; padding:13px 13px 0; }
    .nobera-account-grid { gap:12px; padding:13px; }
    .nobera-profile-form { grid-template-columns:1fr; }
    .nobera-profile-form label:first-child,
    .nobera-profile-form button { grid-column:auto; }
}

/* Exact customer portal markup */
.nobera-account-history { margin:0 22px 24px; }
.nobera-account-appointments article {
    display:flex;
    align-items:center;
    gap:13px;
    padding:13px;
    border:1px solid #e8eceb;
    border-radius:14px;
    background:#fbfcfc;
}
.nobera-account-date {
    display:grid;
    place-items:center;
    width:72px;
    min-height:62px;
    flex:0 0 72px;
    padding:7px;
    border-radius:14px;
    background:#123e4a;
    color:#fff;
    text-align:center;
}
.nobera-account-date strong { font-size:17px; }
.nobera-account-date span { color:rgba(255,255,255,.68); font-size:7px; line-height:1.5; }
.nobera-account-appointments article > div:last-child { min-width:0; flex:1; }
.nobera-account-appointments article h4 { margin:0; color:#123e4a; font-size:12px; }
.nobera-account-appointments article p { margin:5px 0; color:#73858a; font-size:9px; }
.nobera-account-appointments article code { color:#9b686f; direction:ltr; font-size:8px; }
.nobera-profile-form .is-wide { grid-column:1/-1; }
.nobera-account-history__table { overflow:auto; }
.nobera-account-history__table table { width:100%; min-width:650px; border-collapse:collapse; }
.nobera-account-history__table th,
.nobera-account-history__table td { padding:11px 9px; border-bottom:1px solid #edf0ef; text-align:right; font-size:10px; }
.nobera-account-history__table th { color:#7b8b8f; font-weight:700; }
.nobera-account-history__table td { color:#294c54; }
.nobera-account-history__table td span { display:inline-flex; padding:5px 9px; border-radius:99px; background:#edf4f2; color:#416c61; font-size:8px; font-weight:800; }
.nobera-account-history__table code { direction:ltr; font-size:9px; }
@media(max-width:820px) { .nobera-account-history { margin:0 13px 13px; } }
@media(max-width:520px) { .nobera-profile-form .is-wide { grid-column:auto; } }

/* Flexible appointment duration */
.nobera-duration-choice{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px);align-items:center;gap:10px 18px;margin:18px 0 0;padding:16px 18px;border:1px solid rgba(200,143,152,.34);border-radius:16px;background:rgba(251,247,243,.82)}
.nobera-duration-choice[hidden]{display:none!important}.nobera-duration-choice div{display:flex;flex-direction:column;gap:3px}.nobera-duration-choice span{font-size:12px;color:#6f7d80}.nobera-duration-choice strong{font-size:14px;color:var(--nb-primary)}.nobera-duration-choice select{width:100%;min-height:45px;border:1px solid rgba(18,62,74,.16);border-radius:12px;background:#fff;padding:0 12px;font-family:inherit}.nobera-duration-choice small{grid-column:1/-1;color:#7b8587;line-height:1.8}
@media(max-width:640px){.nobera-duration-choice{grid-template-columns:1fr}.nobera-duration-choice small{grid-column:auto}}

/* Nobera 0.9 — branch and specialist selector */
.nobera-team-choice{margin-top:22px;padding:18px;border:1px solid color-mix(in srgb,var(--nb-primary) 15%,#fff);border-radius:22px;background:color-mix(in srgb,var(--nb-surface) 72%,#fff);box-shadow:0 10px 32px rgba(18,62,74,.05)}.nobera-team-choice__heading{display:grid;gap:4px;margin-bottom:14px}.nobera-team-choice__heading>span{color:var(--nb-accent);font-size:11px;font-weight:900;letter-spacing:.08em}.nobera-team-choice__heading strong{color:var(--nb-primary);font-size:16px}.nobera-team-choice__heading small{color:#748287;line-height:1.8}.nobera-branch-select{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:12px;align-items:center;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #e2eaec}.nobera-branch-select span{font-weight:800;color:var(--nb-primary)}.nobera-branch-select select{width:100%;border:1px solid #d7e1e3;border-radius:11px;padding:9px 12px;background:#fff;color:#264851}.nobera-staff-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nobera-staff-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 24px;gap:10px;align-items:center;padding:12px;border:1px solid #dfe8ea;border-radius:16px;background:#fff;cursor:pointer;transition:.2s ease}.nobera-staff-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--staff-color,var(--nb-accent)) 55%,#fff);box-shadow:0 10px 24px rgba(18,62,74,.08)}.nobera-staff-card input{position:absolute;opacity:0;pointer-events:none}.nobera-staff-card__avatar{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--staff-color,var(--nb-accent)) 20%,#fff);color:var(--nb-primary);font-weight:900;font-size:18px}.nobera-staff-card>span:nth-of-type(2){min-width:0}.nobera-staff-card strong,.nobera-staff-card small{display:block}.nobera-staff-card strong{color:var(--nb-primary);font-size:14px}.nobera-staff-card small{margin-top:4px;color:#77868b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nobera-staff-card>i{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #dbe5e7;color:transparent;font-style:normal}.nobera-staff-card.is-selected{border-color:var(--staff-color,var(--nb-accent));background:color-mix(in srgb,var(--staff-color,var(--nb-accent)) 7%,#fff)}.nobera-staff-card.is-selected>i{background:var(--staff-color,var(--nb-accent));border-color:var(--staff-color,var(--nb-accent));color:#fff}.nobera-staff-card.is-auto{--staff-color:var(--nb-primary)}.nobera-team-choice.has-no-staff .nobera-staff-card.is-auto small:after{content:' — تنها گزینه فعال';color:var(--nb-accent)}@media(max-width:640px){.nobera-staff-cards{grid-template-columns:1fr}.nobera-branch-select{grid-template-columns:1fr}.nobera-team-choice{padding:14px}}

/* Nobera 1.0 — verified mobile account and unified customer portal */
.nobera-booking-auth{grid-column:1/-1;border:1px solid rgba(18,62,74,.12);background:#f7fbfa;border-radius:18px;padding:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nobera-auth-request,.nobera-auth-code button{border:0;border-radius:12px;background:var(--nb-primary,#123e4a);color:#fff;padding:12px 18px;font:inherit;font-weight:800;cursor:pointer}.nobera-auth-code{display:flex;align-items:end;gap:10px;flex-wrap:wrap;width:100%}.nobera-auth-code label{display:grid;gap:7px;flex:1}.nobera-auth-code input{width:100%;letter-spacing:10px;text-align:center;direction:ltr;font-size:20px;border:1px solid rgba(18,62,74,.18);border-radius:12px;padding:10px}.nobera-booking-auth>p{margin:0;color:#607076;font-size:13px}.nobera-booking-auth>p.is-error{color:#a52f3c}.nobera-booking-auth>p.is-success{color:#18734b}.nobera-auth-verified{display:flex;align-items:center;gap:12px;width:100%}.nobera-auth-verified>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dff4e8;color:#18734b;font-weight:900}.nobera-auth-verified div{display:grid;gap:3px;flex:1}.nobera-auth-verified small{color:#6f7c80}.nobera-auth-verified a{color:var(--nb-primary,#123e4a);font-weight:800;text-decoration:none}.nobera-booking-auth.is-verified{background:#f1faf5;border-color:#c7ead5}
.nobera-account-v2{font-family:Vazirmatn,Tahoma,sans-serif;max-width:1500px;margin:0 auto}.nobera-portal{display:grid;grid-template-columns:310px minmax(0,1fr);gap:28px;align-items:start}.nobera-portal-sidebar{position:sticky;top:24px;background:#fff;border:1px solid #e9eeee;border-radius:28px;padding:20px;box-shadow:0 18px 50px rgba(18,62,74,.08)}.nobera-portal-profile{background:linear-gradient(135deg,#123e4a,#206573);border-radius:22px;padding:20px;color:#fff;display:flex;align-items:center;gap:13px}.nobera-portal-avatar{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:25px;font-weight:900}.nobera-portal-profile div:last-child{display:grid;gap:4px}.nobera-portal-profile strong{font-size:17px}.nobera-portal-profile span{opacity:.8;direction:ltr}.nobera-portal-book{display:block;text-align:center;margin:14px 0;background:#c88f98;color:#fff!important;border-radius:15px;padding:13px;text-decoration:none;font-weight:900}.nobera-portal-sidebar nav{display:grid}.nobera-portal-sidebar nav a{display:flex;align-items:center;gap:12px;color:#34474d;text-decoration:none;padding:14px 12px;border-bottom:1px solid #edf0f0;border-radius:13px;font-weight:650}.nobera-portal-sidebar nav a span{width:28px;height:28px;display:grid;place-items:center}.nobera-portal-sidebar nav a.is-active{background:#e4f4f3;color:#0f7277}.nobera-portal-sidebar nav a.is-logout{color:#d32f56;border-bottom:0;margin-top:5px}.nobera-portal-main{min-width:0}.nobera-portal-main>header{background:#fff;border:1px solid #e9eeee;border-radius:24px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.nobera-portal-main>header div{display:grid;gap:4px}.nobera-portal-main>header span{color:#c88f98;font-size:12px;font-weight:900;letter-spacing:1px}.nobera-portal-main>header h2{margin:0;color:#123e4a}.nobera-portal-main>header>a{background:#123e4a;color:#fff;text-decoration:none;padding:11px 17px;border-radius:13px;font-weight:800}.nobera-portal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.nobera-portal-stats>div{background:#fff;border:1px solid #e9eeee;border-radius:20px;padding:20px;display:grid;gap:8px}.nobera-portal-stats span{color:#758287;font-size:13px}.nobera-portal-stats strong{color:#123e4a;font-size:22px}.nobera-portal-card{background:#fff;border:1px solid #e9eeee;border-radius:24px;padding:24px;margin-bottom:20px}.nobera-card-title{display:flex;justify-content:space-between;margin-bottom:18px}.nobera-card-title div{display:grid;gap:4px}.nobera-card-title span{color:#c88f98;font-size:12px;font-weight:900}.nobera-card-title h3{margin:0;color:#123e4a}.nobera-quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nobera-quick-links a{background:#f4f8f7;border:1px solid #e5eeee;border-radius:15px;padding:16px;text-decoration:none;color:#123e4a;font-weight:800;text-align:center}.nobera-appointment-list{display:grid;gap:13px}.nobera-appointment-card{background:#fff;border:1px solid #e9eeee;border-radius:20px;padding:16px;display:flex;align-items:center;gap:16px}.nobera-account-date{min-width:105px;border-left:1px solid #edf0f0;display:grid;gap:4px}.nobera-account-date strong{font-size:26px;color:#123e4a}.nobera-account-date span{font-size:12px;color:#77868b}.nobera-appointment-card__body{display:grid;gap:5px}.nobera-appointment-card h4,.nobera-appointment-card p{margin:0}.nobera-appointment-card small{color:#708085}.nobera-appointment-card code{width:max-content}.nobera-record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.nobera-record-grid article{background:#fff;border:1px solid #e9eeee;border-radius:20px;padding:20px}.nobera-record-grid span,.nobera-record-grid small{color:#79878b}.nobera-record-grid h3{color:#123e4a}.nobera-care-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.nobera-care-columns>div{background:#f8faf9;border-radius:16px;padding:18px}.nobera-care-columns strong{color:#123e4a}.nobera-consent-item{background:#fff;border:1px solid #e9eeee;border-radius:18px;padding:4px 18px;margin-bottom:12px}.nobera-consent-item summary{cursor:pointer;display:flex;justify-content:space-between;padding:17px 0;font-weight:800;color:#123e4a}.nobera-consent-item summary small{color:#748287;font-weight:500}.nobera-notice-list{display:grid;gap:12px}.nobera-notice-list article{background:#fff;border:1px solid #e9eeee;border-radius:18px;padding:18px}.nobera-notice-list article>span{color:#c88f98;font-weight:900}.nobera-notice-list p{color:#33464c}.nobera-notice-list small{color:#7d898d}.nobera-account-embedded{font-family:Vazirmatn,Tahoma,sans-serif}.nobera-account-otp{display:grid;gap:9px;margin-top:10px}.nobera-account-otp input{letter-spacing:10px;text-align:center;direction:ltr}.nobera-account-login-message{margin-top:12px;font-weight:700}.nobera-account-login-message.is-error{color:#b53145}.nobera-account-login-message.is-success{color:#19734b}
.nobera-header-actions{display:flex;align-items:center;gap:12px;font-family:Vazirmatn,Tahoma,sans-serif}.nobera-header-book{display:inline-flex;align-items:center;gap:10px;background:#20b8b5;color:#fff!important;text-decoration:none;border-radius:18px;padding:14px 20px;font-weight:900}.nobera-header-account{position:relative}.nobera-header-account>button,.nobera-header-login{height:52px;border:1px solid #20b8b5;background:#fff;color:#0c9da0;border-radius:17px;padding:7px 13px;display:flex;align-items:center;gap:9px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.nobera-header-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#eef6f5;color:#123e4a}.nobera-header-dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:245px;background:#fff;border-radius:20px;padding:10px;box-shadow:0 18px 50px rgba(18,62,74,.16);border:1px solid #edf1f0;display:none;z-index:1000}.nobera-header-account.is-open .nobera-header-dropdown{display:grid}.nobera-header-dropdown a{padding:12px;color:#34474d;text-decoration:none;border-bottom:1px solid #eef1f1}.nobera-header-dropdown a:last-child{border:0}.nobera-header-dropdown a.is-logout{color:#d02c55}
@media(max-width:980px){.nobera-portal{grid-template-columns:1fr}.nobera-portal-sidebar{position:static}.nobera-portal-sidebar nav{grid-template-columns:repeat(2,1fr)}.nobera-portal-stats{grid-template-columns:repeat(2,1fr)}.nobera-record-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.nobera-portal-main>header{padding:18px}.nobera-portal-main>header>a{display:none}.nobera-portal-sidebar nav{grid-template-columns:1fr}.nobera-portal-stats,.nobera-quick-links,.nobera-record-grid,.nobera-care-columns{grid-template-columns:1fr}.nobera-appointment-card{align-items:flex-start}.nobera-account-date{min-width:85px}.nobera-header-actions{flex-wrap:wrap}.nobera-header-book,.nobera-header-account{flex:1}.nobera-header-account>button,.nobera-header-login{width:100%;justify-content:center}.nobera-header-dropdown{left:auto;right:0}}

/* ================================================================
 * Existing account bridge (Doctor Plus / WooCommerce)
 * ================================================================ */
.nobera-account-bridge{
    direction:rtl;display:flex;align-items:center;justify-content:space-between;gap:18px;
    padding:22px 24px;border:1px solid #dfe8e9;border-radius:20px;background:#fff;
    font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:#123e4a
}
.nobera-account-bridge a{display:inline-flex;padding:11px 18px;border-radius:12px;background:#1fb9b8;color:#fff;text-decoration:none;font-weight:800}

.woocommerce-MyAccount-navigation-link--nobera-appointments > a::before{
    content:"\f469"!important;font-family:dashicons!important;font-weight:400!important;
    font-style:normal!important;margin-left:9px!important;vertical-align:middle!important
}

.nobera-account-hub,
.nobera-account-hub *,
.nobera-account-dashboard-card,
.nobera-account-dashboard-card *{box-sizing:border-box;font-family:Vazirmatn,Tahoma,Arial,sans-serif}

.nobera-account-hub{width:100%;color:#173e48}
.nobera-account-hub__intro{margin-bottom:18px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#123e4a,#31515a);color:#fff}
.nobera-account-hub__intro span,.nobera-account-hub__head>div>span{display:block;margin-bottom:7px;color:#efbbc2;font-size:12px;font-weight:900;letter-spacing:1.7px}
.nobera-account-hub__intro h2,.nobera-account-hub__head h2{margin:0 0 7px;font-size:25px;line-height:1.5}
.nobera-account-hub__intro p,.nobera-account-hub__head p{margin:0;line-height:1.9;color:inherit;opacity:.82}
.nobera-account-hub .nobera-otp-account.is-embedded{display:block;max-width:650px;margin:0 auto;background:#fff;border:1px solid #e4eaea;border-radius:22px;box-shadow:0 15px 45px rgba(18,62,74,.08)}
.nobera-account-hub .nobera-otp-account.is-embedded .nobera-account-login__form{width:100%;padding:28px}

.nobera-account-hub__head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:24px 26px;border:1px solid #e3eaeb;border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(18,62,74,.06)}
.nobera-account-hub__head h2{color:#123e4a}
.nobera-account-hub__head p{color:#687c82}
.nobera-account-hub__book{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;background:#20b9b8;color:#fff!important;text-decoration:none!important;font-weight:900;box-shadow:0 12px 26px rgba(32,185,184,.2)}

.nobera-account-hub__tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 18px;padding:7px;border:1px solid #e4eaea;border-radius:18px;background:#f7f9f9;scrollbar-width:thin}
.nobera-account-hub__tabs a{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:43px;padding:0 15px;border-radius:12px;color:#4f6368!important;text-decoration:none!important;font-size:13px;font-weight:800;white-space:nowrap;transition:.2s ease}
.nobera-account-hub__tabs a span,.nobera-account-hub__tabs a i{font-style:normal}
.nobera-account-hub__tabs a:hover{background:#fff;color:#123e4a!important}
.nobera-account-hub__tabs a.is-active{background:#20b9b8;color:#fff!important;box-shadow:0 8px 18px rgba(32,185,184,.18)}
.nobera-account-hub__content{min-height:180px;padding:24px;border:1px solid #e4eaea;border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(18,62,74,.05)}

.nobera-account-dashboard-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0;padding:22px 24px;border:1px solid #dce9ea;border-radius:20px;background:linear-gradient(135deg,#f6fbfb,#edf8f8);color:#123e4a}
.nobera-account-dashboard-card span{display:block;margin-bottom:5px;color:#1da9aa;font-size:12px;font-weight:900;letter-spacing:.8px}
.nobera-account-dashboard-card h3{margin:0 0 5px;font-size:20px}
.nobera-account-dashboard-card p{margin:0;color:#60777d;line-height:1.8}
.nobera-account-dashboard-card a{flex:none;display:inline-flex;padding:11px 17px;border-radius:12px;background:#123e4a;color:#fff!important;text-decoration:none!important;font-weight:800}

@media(max-width:780px){
    .nobera-account-hub__head,.nobera-account-dashboard-card,.nobera-account-bridge{align-items:stretch;flex-direction:column}
    .nobera-account-hub__book,.nobera-account-dashboard-card a,.nobera-account-bridge a{width:100%;text-align:center;justify-content:center}
    .nobera-account-hub__content{padding:16px}
    .nobera-account-hub__head{padding:20px}
}

/* Nobera 1.1.5: final-step action clarity and theme-proof controls */
.nobera-booking .nobera-consent.has-error { border-color: #d76f7d; background: #fff6f7; }
.nobera-booking .nobera-form-footer .nobera-booking__submit:disabled:not(.is-loading) { min-width: 180px; }
@media (max-width: 640px) {
    .nobera-consent { grid-template-columns: 22px minmax(0,1fr); padding: 11px 12px; font-size: 9.5px; }
}


/* Nobera 1.1.6: high-contrast appointment date badge inside existing account dashboards */
.nobera-account-hub .nobera-appointment-card .nobera-account-date,
.woocommerce-MyAccount-content .nobera-appointment-card .nobera-account-date {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 3px !important;
    min-width: 96px !important;
    width: 96px !important;
    min-height: 94px !important;
    flex: 0 0 96px !important;
    padding: 12px 9px !important;
    border: 1px solid rgba(18,62,74,.16) !important;
    border-left: 1px solid rgba(18,62,74,.16) !important;
    border-radius: 18px !important;
    background: linear-gradient(160deg,#f4fbfa,#e8f5f3) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.72) !important;
    color: #123e4a !important;
    text-align: center !important;
    overflow: hidden !important;
}
.nobera-account-hub .nobera-appointment-card .nobera-account-date::before,
.woocommerce-MyAccount-content .nobera-appointment-card .nobera-account-date::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 5px !important;
    background: #20b9b8 !important;
}
.nobera-account-hub .nobera-appointment-card .nobera-account-date strong,
.woocommerce-MyAccount-content .nobera-appointment-card .nobera-account-date strong {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #123e4a !important;
    font-family: Vazirmatn,Tahoma,Arial,sans-serif !important;
    font-size: 29px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}
.nobera-account-hub .nobera-appointment-card .nobera-account-date span,
.woocommerce-MyAccount-content .nobera-appointment-card .nobera-account-date span {
    display: block !important;
    width: 100% !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #587078 !important;
    font-family: Vazirmatn,Tahoma,Arial,sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
    white-space: normal !important;
    text-shadow: none !important;
}
@media (max-width:640px){
    .nobera-account-hub .nobera-appointment-card .nobera-account-date,
    .woocommerce-MyAccount-content .nobera-appointment-card .nobera-account-date {
        min-width: 84px !important;
        width: 84px !important;
        min-height: 84px !important;
        flex-basis: 84px !important;
        padding: 10px 7px !important;
    }
    .nobera-account-hub .nobera-appointment-card .nobera-account-date strong,
    .woocommerce-MyAccount-content .nobera-appointment-card .nobera-account-date strong {
        font-size: 25px !important;
    }
}


/* Nobera 1.1.8: business cancellation and reschedule alerts */
.nobera-appointment-card.has-schedule-alert{border-color:#efc5ca;background:linear-gradient(135deg,#fff,#fff8f8)}
.nobera-schedule-alert{display:grid;gap:6px;margin:8px 0 4px;padding:12px 14px;border:1px solid #efc5ca;border-radius:14px;background:#fff1f3;color:#7f3440}
.nobera-schedule-alert strong{color:#9a3446;font-size:13px}
.nobera-schedule-alert span{color:#6f5157;font-size:12px;line-height:1.8}
.nobera-schedule-alert a{width:max-content;margin-top:3px;padding:8px 12px;border-radius:10px;background:#123e4a;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800}
.nobera-status.is-cancelled_by_business,.nobera-status.is-cancelled_by_customer{background:#fbe8eb;color:#a43d50}
.nobera-status.is-reschedule_required{background:#fff3d9;color:#8b6411}
.nobera-status.is-no_show{background:#eee9f7;color:#655080}