/* Space — membership & property management UI. Arabic-first, RTL. Colours, radii, shadow and type come from the theme design system (assets/tokens.css). */
:root{--sm-g9:var(--space-color-primary-dark,#53204A);--sm-g7:var(--space-color-primary,#A63D92);--sm-g6:#8E3380;--sm-g1:var(--space-color-primary-soft,#F6ECF4);--sm-gold:var(--space-color-accent-accessible,#CA1F30);--sm-gold1:var(--space-color-warm-soft,#FFF1ED);--sm-beige:var(--space-gray-100,#F7F5F6);--sm-ink:var(--space-color-text,#30272F);--sm-mut:var(--space-color-text-muted,#6D606A);--sm-line:var(--space-color-border,#DCD3D9);--sm-err:var(--space-danger,#A51D35);--sm-err1:var(--space-danger-soft,#FCECF0);--sm-warn:var(--space-warning,#765000);--sm-warn1:var(--space-warning-soft,#FFF3D6);--sm-r:var(--space-radius,1rem);--sm-shadow:0 1px 2px rgb(83 32 74 / 4%),0 6px 24px rgb(83 32 74 / 5%)}
.sre-i{flex:none;vertical-align:-3px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sre-dir-btn.is-busy,.sre-pact.is-busy{opacity:.6;pointer-events:none;position:relative}
.sre-dir-btn.is-busy::after{content:"";width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;margin-inline-start:.4rem;animation:sre-spin .7s linear infinite;vertical-align:-2px}
@keyframes sre-spin{to{transform:rotate(360deg)}}
.sre-btn-block{width:100%;justify-content:center}
.sre-btn-lg{padding:.8rem 1.6rem;font-size:1.02rem}
.sre-btn-ghost-danger{color:var(--sm-err)!important;border-color:#F2C9D3!important;background:#fff!important}
.sre-btn-danger{background:var(--sm-err)!important;border-color:var(--sm-err)!important}
.sre-link,.sre-link-danger{background:none;border:0;padding:0;font:inherit;color:var(--sm-g7);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sre-link-danger{color:var(--sm-err)}
.sre-dir-btn:focus-visible,.sre-link:focus-visible,.sre-chipbtn:focus-visible,.sre-pact:focus-visible,.sre-m__nav a:focus-visible{outline:3px solid var(--space-color-primary,#A63D92);outline-offset:2px}

/* chips */
.sre-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;padding:.15rem .6rem;border-radius:999px;background:var(--space-gray-100,#F7F5F6);color:var(--sm-mut);font-weight:600;white-space:nowrap}
.sre-chip--ok{background:var(--space-success-soft,#EAF5EE);color:var(--space-success,#246B43)}.sre-chip--warn{background:var(--sm-warn1);color:var(--sm-warn)}.sre-chip--err{background:var(--sm-err1);color:var(--sm-err)}.sre-chip--gold{background:var(--sm-gold1);color:var(--space-red-text,#BA1D2C)}

/* ---------- auth ---------- */
.sre-auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:0;max-width:980px;margin:1.5rem auto;background:#fff;border:1px solid var(--sm-line);border-radius:22px;overflow:hidden;box-shadow:var(--sm-shadow)}
.sre-auth .sre-acc-card{border:0;border-radius:0;margin:0;max-width:none;padding:2rem}
.sre-auth__side{background:radial-gradient(600px 300px at 0 0,#C25AAE 0,transparent 60%),linear-gradient(160deg,var(--sm-g9),var(--sm-g7));color:#F6E7F3;padding:2.5rem 2rem;display:flex;flex-direction:column;justify-content:center}
.sre-auth__side h2{color:#fff;font-size:1.6rem;margin:.3rem 0 .6rem}.sre-auth__side p{line-height:1.9;margin:0 0 1rem}
.sre-auth__side ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.sre-auth__side li::before{content:"✓";color:var(--sm-gold);margin-inline-end:.5rem;font-weight:700}
.sre-auth__row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.9rem}
section.sre-auth{display:block;max-width:520px}
.sre-pass,.sre-phone{display:flex;align-items:stretch;border:1px solid var(--space-input-border,#8C7B88);border-radius:10px;background:#fff;overflow:hidden}
.sre-pass:focus-within,.sre-phone:focus-within{border-color:var(--sm-g7);box-shadow:0 0 0 3px var(--space-color-primary-soft,#F6ECF4)}
.sre-acc-form .sre-pass input,.sre-acc-form .sre-phone input{border:0!important;border-radius:0!important;flex:1;min-width:0;box-shadow:none!important}
.sre-pass__toggle{background:none;border:0;padding:0 .75rem;color:var(--sm-mut);cursor:pointer}
.sre-phone>span{display:flex;align-items:center;padding:0 .75rem;background:var(--sm-beige);color:var(--sm-mut);border-inline-end:1px solid var(--sm-line);font-family:Inter,Arial,sans-serif;direction:ltr}
.sre-field-err{color:var(--sm-err);font-size:.8rem;min-height:0}
.sre-field-err:empty{display:none}
[aria-invalid=true]{border-color:var(--sm-err)!important}
.sre-plan-pick{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.sre-plan-pick legend{font-size:.92rem;color:var(--sm-mut);margin-bottom:.35rem}
.sre-plan-opt{position:relative;border:1px solid var(--sm-line);border-radius:12px;padding:.65rem .7rem;cursor:pointer;background:#fff;flex-direction:row!important;gap:.5rem!important;align-items:flex-start}
.sre-plan-opt:has(input:checked){border-color:var(--sm-g7);background:var(--sm-g1)}
.sre-plan-opt.is-off{opacity:.55;cursor:not-allowed}
.sre-plan-opt strong{display:block;color:var(--sm-ink);font-size:.92rem}.sre-plan-opt small{font-size:.75rem;color:var(--sm-mut)}
.sre-sales-fields{border:1px dashed var(--space-peach-400,#FF978A);background:var(--sm-gold1);border-radius:12px;padding:1rem}
.sre-sales-fields legend{font-size:.85rem;color:var(--space-red-text,#BA1D2C);padding:0 .4rem}
.sre-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}

/* ---------- membership plans ---------- */
.sre-plans-head{text-align:center;max-width:720px;margin:1.5rem auto 1rem}.sre-plans-head h1{font-size:clamp(1.6rem,3.5vw,2.3rem);margin:.2rem 0 .5rem}
.sre-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;max-width:1080px;margin:1rem auto 2rem}
.sre-plan{position:relative;background:#fff;border:1px solid var(--sm-line);border-radius:20px;padding:1.6rem 1.4rem;display:flex;flex-direction:column;box-shadow:var(--sm-shadow)}
.sre-plan--featured{border-color:var(--sm-g7);box-shadow:0 0 0 1px var(--sm-g7),var(--sm-shadow)}
.sre-plan__ribbon{position:absolute;top:-12px;inset-inline-start:1.2rem;background:var(--sm-g7);color:#fff;font-size:.72rem;padding:.2rem .7rem;border-radius:999px}
.sre-plan__icon{width:46px;height:46px;border-radius:14px;background:var(--sm-g1);color:var(--sm-g7);display:grid;place-items:center}.sre-plan__icon .sre-i{width:22px;height:22px}
.sre-plan__icon--gold{background:var(--sm-gold1);color:var(--sm-gold)}
.sre-plan h2{margin:.9rem 0 .1rem;font-size:1.3rem}.sre-plan__price{font-weight:700;color:var(--sm-g7);margin:.1rem 0 .4rem}
.sre-plan__list{list-style:none;padding:0;margin:.6rem 0 1rem;display:grid;gap:.5rem;flex:1}.sre-plan__list li{display:flex;gap:.5rem;line-height:1.6}.sre-plan__list .sre-i{color:var(--sm-g6);margin-top:3px}
.sre-plan__note{font-size:.8rem;color:var(--sm-mut);background:var(--sm-beige);border-radius:10px;padding:.5rem .7rem}
.sre-plan__cta{margin-top:auto}.sre-plan__cta .sre-dir-btn{width:100%;justify-content:center}

/* ---------- dialogs ---------- */
.sre-dialog{border:0;border-radius:20px;padding:0;max-width:min(640px,calc(100vw - 32px));width:100%;box-shadow:0 20px 60px rgba(0,0,0,.18);color:var(--sm-ink);direction:rtl;font-family:var(--space-font-ar,Cairo,Tahoma,sans-serif)}
.sre-dialog::backdrop{background:rgb(48 39 47 / 45%);backdrop-filter:blur(2px)}
.sre-dialog form{padding:1.3rem 1.4rem;margin:0}.sre-dialog header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sre-dialog h2{margin:0;font-size:1.2rem}
.sre-dialog footer{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}
.sre-x{background:none;border:0;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--sm-mut);padding:.2rem .5rem}
.sre-confirm{max-width:420px}.sre-confirm p{font-size:1.02rem;line-height:1.8;margin:0 0 1rem}
.sre-form-msg{margin:0;font-size:.9rem}.sre-form-msg.is-ok{color:var(--sm-g7)}.sre-form-msg.is-err{color:var(--sm-err)}

/* ---------- toast ---------- */
.sre-toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,30px);background:var(--sm-ink);color:#fff;padding:.7rem 1.1rem;border-radius:12px;font-size:.92rem;opacity:0;pointer-events:none;transition:.25s ease;z-index:100000;max-width:calc(100vw - 32px);direction:rtl;font-family:var(--space-font-ar,Cairo,Tahoma,sans-serif)}
.sre-toast.is-on{opacity:1;transform:translate(-50%,0)}.sre-toast--ok{background:var(--sm-g7)}.sre-toast--err{background:var(--sm-err)}

/* ---------- property page actions ---------- */
.sre-pactions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.sre-pact{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--sm-line);background:#fff;color:var(--sm-ink);border-radius:999px;padding:.5rem .95rem;font:inherit;font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s}
.sre-pact:hover{border-color:var(--sm-g7)}
.sre-pact.is-on{background:var(--sm-g1);border-color:var(--sm-g7);color:var(--sm-g7)}.sre-pfav.is-on .sre-i{fill:currentColor}
.sre-pact--solid{background:var(--sm-g7);border-color:var(--sm-g7);color:#fff}.sre-pact--solid:hover{background:var(--sm-g9)}
.sp6-favorite.sre-pfav{cursor:pointer;opacity:1}.sp6-favorite.sre-pfav.is-on{color:var(--space-color-accent-accessible,#CA1F30)}
.sre-save-search{position:fixed;bottom:20px;inset-inline-start:20px;z-index:9000;display:inline-flex;align-items:center;gap:.4rem;background:var(--sm-g7);color:#fff!important;border:0;border-radius:999px;padding:.7rem 1.1rem;font:inherit;font-size:.92rem;box-shadow:0 8px 24px rgb(83 32 74 / 25%);cursor:pointer;text-decoration:none;font-family:var(--space-font-ar,Cairo,Tahoma,sans-serif)}

/* ---------- dashboard shell ---------- */
.sre-m{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1.5rem;align-items:start;padding:1rem 0 2rem}
.sre-m__side{position:sticky;top:90px;background:#fff;border:1px solid var(--sm-line);border-radius:20px;padding:1rem;box-shadow:var(--sm-shadow)}
.sre-m__me{display:flex;gap:.7rem;align-items:center;padding:.3rem .3rem 1rem;border-bottom:1px solid var(--sm-line);margin-bottom:.6rem}
.sre-m__me strong{display:block;font-size:.98rem;margin-bottom:.2rem}.sre-m__me .sre-chip{margin-inline-end:.25rem}
.sre-avatar{width:46px;height:46px;border-radius:50%;background:var(--sm-g1);color:var(--sm-g7);display:grid;place-items:center;font-weight:700;overflow:hidden;flex:none;border:2px solid #fff;box-shadow:0 0 0 1px var(--sm-line)}
.sre-avatar img{width:100%;height:100%;object-fit:cover}.sre-avatar--lg{width:96px;height:96px;font-size:1.8rem}.sre-avatar--sm{width:32px;height:32px;font-size:.8rem}
.sre-avatar.is-busy{opacity:.5}
.sre-m__nav{display:flex;flex-direction:column;gap:2px}
.sre-m__nav a{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;border-radius:12px;color:var(--sm-ink)!important;text-decoration:none;font-size:.93rem}
.sre-m__nav a:hover{background:var(--sm-beige)}.sre-m__nav a[aria-current]{background:var(--sm-g1);color:var(--sm-g7)!important;font-weight:700}
.sre-m__nav .sre-i{color:var(--sm-mut)}.sre-m__nav a[aria-current] .sre-i{color:var(--sm-g7)}
.sre-m__navhead{font-size:.72rem;letter-spacing:.06em;color:var(--sm-mut);margin:.8rem .7rem .2rem}
.sre-m__logout{margin-top:.4rem;border-top:1px solid var(--sm-line);border-radius:0!important;padding-top:.8rem!important}
.sre-count{margin-inline-start:auto;background:var(--sm-gold);color:#fff;font-size:.72rem;border-radius:999px;padding:0 .45rem;min-width:20px;text-align:center}
.sre-m__head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.sre-m__head h1{margin:.1rem 0 0;font-size:clamp(1.4rem,3vw,1.9rem)}
.sre-banner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;background:var(--sm-g1);border:1px solid #EAD3E5;border-radius:14px;padding:.75rem 1rem;margin:0 0 1rem;line-height:1.7}
.sre-banner p{margin:0}.sre-banner--warn{background:var(--sm-warn1);border-color:#F0DCA6;color:var(--space-warning,#765000)}
.sre-card,.sre-block{background:#fff;border:1px solid var(--sm-line);border-radius:var(--sm-r);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--sm-shadow)}
.sre-block{background:transparent;border:0;box-shadow:none;padding:0}
.sre-card h2,.sre-block h2{font-size:1.1rem;margin:0 0 .8rem}.sre-block h2 small{color:var(--sm-mut);font-weight:400}
.sre-block__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem}.sre-block__head h2{margin:0}
.sre-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}
.sre-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem;margin-bottom:1rem}
.sre-stat{background:#fff;border:1px solid var(--sm-line);border-radius:var(--sm-r);padding:1rem;display:flex;flex-direction:column;gap:.2rem;text-decoration:none;color:var(--sm-ink)!important;box-shadow:var(--sm-shadow);transition:border-color .15s}
a.sre-stat:hover{border-color:var(--sm-g7)}
.sre-stat__i{width:34px;height:34px;border-radius:10px;background:var(--sm-gold1);color:var(--sm-gold);display:grid;place-items:center;margin-bottom:.3rem}
.sre-stat b{font-size:1.6rem;line-height:1.1;font-family:Inter,Arial,sans-serif}.sre-stat span:last-child{color:var(--sm-mut);font-size:.85rem}
.sre-feed,.sre-notes,.sre-rows,.sre-reviews,.sre-listings,.sre-inq{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.sre-feed li{display:flex;gap:.7rem;align-items:flex-start;padding:.55rem 0;border-bottom:1px solid #F1ECEF}.sre-feed li:last-child{border:0}
.sre-feed li>span{color:var(--sm-mut)}.sre-feed li.is-new>span{color:var(--sm-gold)}.sre-feed small{display:block;color:var(--sm-mut);font-size:.78rem}
.sre-quick{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.8rem}
.sre-quick a{display:flex;gap:.5rem;align-items:center;padding:.7rem;border:1px solid var(--sm-line);border-radius:12px;text-decoration:none;color:var(--sm-ink)!important;font-size:.9rem;background:var(--sm-beige)}
.sre-quick a:hover{border-color:var(--sm-g7)}
.sre-empty{text-align:center;background:#fff;border:1px dashed var(--space-gray-300,#DCD3D9);border-radius:var(--sm-r);padding:2rem 1rem}
.sre-empty>span{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--sm-beige);color:var(--sm-gold)}
.sre-empty h3{margin:.7rem 0 .3rem;font-size:1.05rem}.sre-empty p{color:var(--sm-mut);margin:0 0 1rem}
.sre-actions,.sre-row-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.sre-note{background:var(--sm-warn1);border-radius:10px;padding:.55rem .8rem;color:var(--space-warning,#765000);margin:.4rem 0;display:flex;gap:.4rem;align-items:flex-start;line-height:1.7}
.sre-pills{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.8rem}
.sre-pills a{padding:.35rem .8rem;border-radius:999px;border:1px solid var(--sm-line);text-decoration:none;font-size:.85rem;color:var(--sm-ink)!important;background:#fff}
.sre-pills a[aria-current]{background:var(--sm-g7);border-color:var(--sm-g7);color:#fff!important}

/* profile */
.sre-photo{display:flex;gap:1rem;align-items:center;margin-bottom:.5rem}.sre-photo p{margin:.2rem 0 .5rem}
.sre-upload-btn{cursor:pointer;display:inline-flex}

/* property cards (favourites) */
.sre-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),400px));justify-content:start;gap:1.1rem;align-items:stretch}
.sre-pcard{background:#fff;border:1px solid var(--sm-line);border-radius:var(--sm-r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sm-shadow);min-width:0}
.sre-pcard__img{display:block;flex:none;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--sm-beige);color:var(--sm-mut)}
.sre-pcard__img img{display:block;width:100%;height:100%;object-fit:cover}
.sre-pcard__img span{display:grid;place-items:center;width:100%;height:100%}
.sre-pcard__body{display:flex;flex-direction:column;gap:.35rem;padding:.9rem;flex:1 1 auto;min-width:0}
.sre-pcard__loc{margin:0;font-size:.8rem;line-height:1.3;color:var(--sm-mut);min-height:1.3em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sre-pcard h3{margin:0;font-size:1rem;line-height:1.5;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sre-pcard h3 a{color:var(--sm-ink);text-decoration:none}
.sre-pcard__price{margin:0;font-weight:700;line-height:1.5;color:var(--sm-g7);min-height:1.5em}
.sre-pcard__facts{list-style:none;padding:0;margin:0;display:flex;gap:.4rem;flex-wrap:wrap;align-content:flex-start;min-height:1.9rem}
.sre-pcard__facts li{font-size:.78rem;line-height:1.5;background:var(--sm-beige);border-radius:8px;padding:.15rem .5rem;height:fit-content}
.sre-pcard__code{margin:0;font-size:.8rem;color:var(--sm-mut)}
.sre-pcard__actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:auto;padding-top:.5rem}
.sre-pcard__actions .sre-dir-btn{font-size:.82rem;padding:.4rem .7rem}
.sre-pcmp.is-on{background:var(--sm-g1)!important;border-color:var(--sm-g7)!important;color:var(--sm-g7)!important}
.sre-rows li{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--sm-line);border-radius:12px;padding:.7rem .9rem}.sre-rows li small{color:var(--sm-mut);flex:1}

/* compare */
.sre-cmp-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.7rem}
.sre-cmp-wrap{overflow-x:auto;background:#fff;border:1px solid var(--sm-line);border-radius:var(--sm-r);box-shadow:var(--sm-shadow)}
.sre-cmp{width:100%;border-collapse:collapse;min-width:640px}
.sre-cmp th,.sre-cmp td{padding:.65rem .8rem;border-bottom:1px solid #F1ECEF;text-align:start;vertical-align:top;font-size:.9rem}
.sre-cmp thead th{background:var(--sm-beige);vertical-align:bottom}
.sre-cmp tbody th{color:var(--sm-mut);font-weight:600;white-space:nowrap;width:150px;position:sticky;inset-inline-start:0;background:#fff}
.sre-cmp__head{display:flex;flex-direction:column;gap:.3rem}.sre-cmp__head img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.sre-cmp__head a{font-weight:700;color:var(--sm-ink);text-decoration:none;line-height:1.4}.sre-cmp__head small{color:var(--sm-mut)}
.sre-cmp tr.is-diff td{background:var(--space-color-warm-soft,#FFF1ED)}.sre-diff-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sm-gold);vertical-align:middle}
.sre-cmp.only-diff tr.is-same{display:none}

/* reviews */
.sre-reviews li,.sre-listing,.sre-inq li,.sre-notes li{background:#fff;border:1px solid var(--sm-line);border-radius:var(--sm-r);padding:1rem;box-shadow:var(--sm-shadow)}
.sre-reviews__top{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.sre-reviews__top a{color:var(--sm-ink);text-decoration:none}
.sre-stars{color:#C58B00;letter-spacing:1px}.sre-stars span{color:var(--space-gray-300,#DCD3D9)}

/* my listings */
.sre-listing{display:flex;gap:1rem;align-items:flex-start}
.sre-listing__img{width:110px;aspect-ratio:4/3;border-radius:12px;background:var(--sm-beige);display:grid;place-items:center;color:var(--sm-mut);overflow:hidden;flex:none}.sre-listing__img img{width:100%;height:100%;object-fit:cover}
.sre-listing__body{flex:1;min-width:0}.sre-listing__top{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.sre-listing p{margin:.3rem 0}

/* sales table */
.sre-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem}
.sre-filters select,.sre-filters input,.sre-inline select{font:inherit;border:1px solid var(--space-input-border,#8C7B88);border-radius:10px;padding:.5rem .6rem;background:#fff}
.sre-search{display:flex;align-items:center;gap:.4rem;border:1px solid var(--space-input-border,#8C7B88);border-radius:10px;padding:0 .6rem;background:#fff;flex:1;min-width:200px}.sre-search input{border:0!important;flex:1;padding:.5rem 0!important;outline:0}
.sre-table-wrap{background:#fff;border:1px solid var(--sm-line);border-radius:var(--sm-r);box-shadow:var(--sm-shadow);overflow:visible}
.sre-ptable{width:100%;border-collapse:collapse;font-size:.87rem}
.sre-ptable th{background:var(--sm-beige);color:var(--sm-mut);font-weight:600;text-align:start;padding:.65rem .6rem;white-space:nowrap}
.sre-ptable td{padding:.6rem;border-top:1px solid #F1ECEF;vertical-align:middle}
.sre-ptable td small{display:block;color:var(--sm-mut)}
.sre-ptable__p{display:flex;gap:.6rem;align-items:center;min-width:180px}.sre-ptable__img{width:58px;height:44px;border-radius:8px;overflow:hidden;background:var(--sm-beige);display:grid;place-items:center;flex:none}.sre-ptable__img img{width:100%;height:100%;object-fit:cover}
.sre-ptable__agent{display:flex;gap:.45rem;align-items:center}
.sre-menu{position:relative}.sre-menu summary{list-style:none;cursor:pointer;padding:.3rem .7rem!important}.sre-menu summary::-webkit-details-marker{display:none}
.sre-menu>div{position:absolute;inset-inline-end:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--sm-line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.12);padding:.35rem;z-index:30;min-width:190px;display:flex;flex-direction:column}
.sre-menu>div a,.sre-menu>div button{display:flex;gap:.5rem;align-items:center;padding:.5rem .6rem;border-radius:8px;background:none;border:0;font:inherit;font-size:.88rem;color:var(--sm-ink);text-decoration:none;cursor:pointer;text-align:start}
.sre-menu>div a:hover,.sre-menu>div button:hover{background:var(--sm-beige)}.sre-menu>div .is-danger{color:var(--sm-err)}
.sre-menu__note{font-size:.8rem;color:var(--sm-mut);padding:.4rem .6rem}
.sre-pager{display:flex;gap:.3rem;justify-content:center;margin:1rem 0}.sre-pager a{min-width:36px;text-align:center;padding:.35rem;border:1px solid var(--sm-line);border-radius:10px;text-decoration:none;background:#fff}.sre-pager a[aria-current]{background:var(--sm-g7);color:#fff;border-color:var(--sm-g7)}
.sre-inq li.is-new,.sre-notes li.is-new{border-inline-start:4px solid var(--sm-gold)}
.sre-inq__top{display:flex;justify-content:space-between;gap:1rem}.sre-inq p{margin:.3rem 0}
.sre-inline{display:inline-flex;gap:.4rem;align-items:center;font-size:.85rem;color:var(--sm-mut)}
.sre-notes li{display:flex;gap:.8rem;align-items:flex-start}.sre-notes li>div{flex:1}.sre-notes p{margin:.25rem 0}.sre-notes small{color:var(--sm-mut)}
.sre-notes__i{color:var(--sm-gold)}
.sre-bars{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.sre-bars li{display:grid;grid-template-columns:1fr 1.2fr;gap:.8rem;align-items:center;font-size:.88rem}
.sre-bars b{display:block;background:linear-gradient(90deg,var(--sm-g7),var(--sm-g6));width:var(--w);min-width:28px;color:#fff;border-radius:999px;padding:.1rem .6rem;font-size:.78rem}

/* ---------- wizard ---------- */
.sre-wizard{background:#fff;border:1px solid var(--sm-line);border-radius:22px;padding:1.4rem;box-shadow:var(--sm-shadow)}
.sre-wz__head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.sre-wz__head h2{margin:0;font-size:1.35rem}.sre-wz__head p{margin:.2rem 0 0}
.sre-wz__save{font-size:.82rem;color:var(--sm-g7)}
.sre-stepper{list-style:none;padding:0;margin:1.2rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;counter-reset:s}
.sre-stepper li{position:relative}.sre-stepper li:not(:last-child)::after{content:"";position:absolute;top:18px;inset-inline-start:calc(50% + 22px);inset-inline-end:calc(-50% + 22px);height:2px;background:var(--sm-line)}
.sre-stepper li.is-done::after{background:var(--sm-g7)}
.sre-stepper button{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:none;border:0;width:100%;font:inherit;cursor:pointer;color:var(--sm-mut);font-size:.85rem;padding:0}
.sre-stepper b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--sm-line);color:var(--sm-mut);position:relative;z-index:1;font-family:Inter,Arial,sans-serif}
.sre-stepper .is-current b{border-color:var(--sm-g7);color:var(--sm-g7);box-shadow:0 0 0 4px var(--sm-g1)}.sre-stepper .is-current button{color:var(--sm-ink);font-weight:700}
.sre-stepper .is-done b{background:var(--sm-g7);border-color:var(--sm-g7);color:#fff}
.sre-wz__body{min-height:240px;min-width:0}
.sre-wz__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.4rem;align-items:start}.sre-wz__layout:has(> :only-child){grid-template-columns:1fr}
.sre-wz__aside{position:sticky;top:100px}.sre-wz__aside-h{font-weight:700;margin:0 0 .5rem}.sre-wz__aside-h small{display:block;font-weight:400;color:var(--sm-mut);font-size:.78rem}
.sre-qcard{border:1px solid var(--sm-line);border-radius:16px;overflow:hidden;background:#fff}.sre-qcard__img{position:relative;aspect-ratio:4/3;background:var(--sm-beige);display:grid;place-items:center;color:var(--sm-mut);font-size:.85rem}.sre-qcard__img img{width:100%;height:100%;object-fit:cover}
.sre-qcard__img b{position:absolute;bottom:8px;inset-inline-start:8px;background:rgba(0,0,0,.55);color:#fff;font-size:.72rem;padding:.1rem .5rem;border-radius:999px}
.sre-qcard__body{padding:.8rem}.sre-qcard h4{margin:0 0 .2rem;font-size:1rem;line-height:1.5}.sre-qcard p{margin:.2rem 0;font-size:.85rem}.sre-qcard__price{font-weight:700;color:var(--sm-g7);font-size:1.05rem!important}
.sre-qcard ul{list-style:none;padding:0;margin:.4rem 0;display:flex;flex-wrap:wrap;gap:.3rem}.sre-qcard li{background:var(--sm-beige);border-radius:8px;padding:.1rem .5rem;font-size:.78rem}
.sre-wz__sub{font-size:1rem;margin:1.2rem 0 .6rem;padding-top:.8rem;border-top:1px solid #F1ECEF}.sre-wz__sub:first-child{border:0;margin-top:0;padding-top:0}
.sre-wgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem 1rem}
.sre-wf{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--sm-mut)}.sre-wf>span{font-weight:600;color:var(--sm-ink)}
.sre-wf.is-wide,.sre-wgrid .is-wide{grid-column:1/-1}
.sre-wf select,.sre-filters select,.sre-inline select{height:auto!important;min-height:44px;line-height:1.5!important;padding-block:.55rem!important}
.sre-wf input,.sre-wf select,.sre-wf textarea{font:inherit;border:1px solid var(--space-input-border,#8C7B88);border-radius:10px;padding:.6rem .7rem;color:var(--sm-ink);background:#fff;width:100%}
.sre-wf input:focus,.sre-wf select:focus,.sre-wf textarea:focus{outline:0;border-color:var(--sm-g7);box-shadow:0 0 0 3px var(--space-color-primary-soft,#F6ECF4)}
.sre-wf__auto{background:var(--sm-beige);border-radius:10px;padding:.6rem .7rem;color:var(--sm-mut)}
.sre-chips{display:flex;gap:.4rem;flex-wrap:wrap}
.sre-chipbtn{border:1px solid var(--sm-line);background:#fff;border-radius:999px;padding:.45rem .9rem;font:inherit;font-size:.88rem;cursor:pointer;color:var(--sm-ink);transition:.15s}
.sre-chipbtn:hover{border-color:var(--sm-g6)}.sre-chipbtn.is-on{background:var(--sm-g7);border-color:var(--sm-g7);color:#fff}
.sre-toggles{display:flex;gap:.6rem;flex-wrap:wrap}
.sre-toggle{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--sm-line);background:#fff;border-radius:999px;padding:.45rem .9rem .45rem .5rem;font:inherit;font-size:.88rem;cursor:pointer}
.sre-toggle__dot{width:34px;height:20px;border-radius:999px;background:var(--space-gray-300,#DCD3D9);position:relative;transition:.15s}.sre-toggle__dot::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.15s}
.sre-toggle.is-on{border-color:var(--sm-g7)}.sre-toggle.is-on .sre-toggle__dot{background:var(--sm-g7)}.sre-toggle.is-on .sre-toggle__dot::after{inset-inline-start:17px}
.sre-wz__foot{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:1.4rem;padding-top:1rem;border-top:1px solid #F1ECEF}.sre-wz__foot>div{display:flex;gap:.5rem}
.sre-drop{border:2px dashed #D9B8D2;border-radius:18px;background:var(--sm-beige);padding:2rem 1rem;text-align:center;display:flex;flex-direction:column;gap:.35rem;align-items:center;cursor:pointer;transition:.15s}
.sre-drop:hover,.sre-drop.is-over,.sre-drop:focus-visible{border-color:var(--sm-g7);background:var(--sm-g1);outline:0}
.sre-drop__i{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--sm-g7);display:grid;place-items:center;font-size:1.3rem}.sre-drop span:last-of-type{color:var(--sm-mut);font-size:.85rem}
.sre-upq{display:grid;gap:.4rem;margin:.7rem 0}.sre-upq__row{display:flex;gap:.7rem;align-items:center;font-size:.85rem}.sre-upq__row progress{flex:1;accent-color:var(--sm-g7)}.sre-upq__row.is-err{color:var(--sm-err)}
.sre-imgs{list-style:none;padding:0;margin:.6rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.8rem}
.sre-img{background:#fff;border:1px solid var(--sm-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;cursor:grab}
.sre-img.is-cover{border-color:var(--sm-gold);box-shadow:0 0 0 1px var(--sm-gold)}.sre-img.is-drag{opacity:.4}.sre-img.is-target{outline:2px dashed var(--sm-g7)}
.sre-img__pic{position:relative;aspect-ratio:4/3;background:var(--sm-beige)}.sre-img__pic img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.sre-img__badge{position:absolute;top:8px;inset-inline-start:8px;background:var(--sm-gold);color:#fff;font-size:.72rem;padding:.1rem .5rem;border-radius:999px}
.sre-img__alt{border:0;border-top:1px solid #F1ECEF;padding:.45rem .6rem;font:inherit;font-size:.82rem}
.sre-img__tools{display:flex;flex-wrap:wrap;gap:2px;padding:.35rem;border-top:1px solid #F1ECEF}
.sre-img__tools button{background:none;border:0;font:inherit;font-size:.78rem;padding:.3rem .45rem;border-radius:6px;cursor:pointer;color:var(--sm-ink)}.sre-img__tools button:hover{background:var(--sm-beige)}.sre-img__tools .is-danger{color:var(--sm-err);margin-inline-start:auto}
.sre-editor{max-width:min(900px,calc(100vw - 32px))}.sre-editor>header,.sre-editor>footer,.sre-editor>p{padding:0 1.2rem}.sre-editor>header{padding-top:1rem}.sre-editor>footer{padding-bottom:1rem;justify-content:space-between}.sre-editor>footer div{display:flex;gap:.4rem;flex-wrap:wrap}
.sre-editor__stage{position:relative;margin:.8rem 1.2rem;background:#2A2229;border-radius:12px;display:grid;place-items:center;max-height:60vh;overflow:hidden}
.sre-editor canvas{max-width:100%;max-height:60vh;touch-action:none;cursor:crosshair;display:block}
.sre-editor__sel{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.45);pointer-events:none}
.sre-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.2rem;background:var(--sm-beige);border-radius:18px;padding:1rem}
.sre-preview__img{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#fff;display:grid;place-items:center}.sre-preview__img img{width:100%;height:100%;object-fit:cover}
.sre-preview__count{position:absolute;bottom:8px;inset-inline-end:8px;background:rgba(0,0,0,.6);color:#fff;border-radius:999px;font-size:.75rem;padding:.1rem .6rem}
.sre-preview h3{margin:.1rem 0 .6rem;font-size:1.2rem}.sre-preview dl{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .8rem;margin:0}.sre-preview dl div{background:#fff;border-radius:10px;padding:.4rem .6rem}
.sre-preview dt{font-size:.75rem;color:var(--sm-mut)}.sre-preview dd{margin:0;font-weight:600;font-size:.9rem}.sre-preview__desc{white-space:pre-line;line-height:1.8;margin:.8rem 0 0}
.sre-preview__thumbs{display:flex;gap:.4rem;overflow-x:auto;margin:.7rem 0}.sre-preview__thumbs img{width:84px;height:64px;object-fit:cover;border-radius:8px;flex:none}
.sre-wz__final{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;margin-top:1rem}
.sre-done{text-align:center;padding:2rem 1rem}.sre-done__i{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--sm-g7);color:#fff;font-size:1.8rem}
.sre-done h2{font-size:1.3rem;margin:1rem auto .5rem;max-width:520px;line-height:1.6}.sre-done .sre-row-actions{justify-content:center;margin-top:1rem}
.sre-loading{color:var(--sm-mut);text-align:center;padding:2rem}
.sre-dir-suggest{margin-top:1.5rem}

/* ---------- responsive ---------- */
@media (max-width:1024px){.sre-wz__layout{grid-template-columns:1fr}.sre-wz__aside{position:static;order:-1;display:none}.sre-m{grid-template-columns:220px minmax(0,1fr)}.sre-wgrid{grid-template-columns:1fr 1fr}.sre-plans{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
 .sre-m{grid-template-columns:1fr;gap:.8rem}
 .sre-m__side{position:static;padding:.6rem}
 .sre-m__me{padding:.2rem .2rem .6rem}
 .sre-m__nav{flex-direction:row;overflow-x:auto;gap:.3rem;scrollbar-width:thin;padding-bottom:.2rem}
 .sre-m__nav a{white-space:nowrap;border:1px solid var(--sm-line);padding:.45rem .7rem;font-size:.85rem}
 .sre-m__navhead{display:none}.sre-m__logout{border-top:0!important;margin:0;padding-top:.45rem!important}
 .sre-cols{grid-template-columns:1fr}
 .sre-auth{grid-template-columns:1fr}.sre-auth__side{display:none}
 .sre-plans{grid-template-columns:1fr}
 .sre-preview{grid-template-columns:1fr}
 .sre-table-wrap{background:transparent;border:0;box-shadow:none}
 .sre-ptable thead{display:none}.sre-ptable,.sre-ptable tbody,.sre-ptable tr,.sre-ptable td{display:block;width:100%}
 .sre-ptable tr{background:#fff;border:1px solid var(--sm-line);border-radius:var(--sm-r);margin-bottom:.7rem;padding:.6rem;box-shadow:var(--sm-shadow);position:relative}
 .sre-ptable td{border:0;padding:.3rem .2rem;display:flex;justify-content:space-between;gap:1rem}
 .sre-ptable td::before{content:attr(data-label);color:var(--sm-mut);font-size:.8rem}
 .sre-ptable td:first-child::before{display:none}.sre-ptable td:first-child{border-bottom:1px solid #F1ECEF;padding-bottom:.6rem;margin-bottom:.3rem}
 .sre-ptable__act{position:absolute;top:.5rem;inset-inline-end:.5rem;width:auto!important}
}
@media (max-width:640px){
 .sre-wgrid,.sre-grid2{grid-template-columns:1fr}
 .sre-plan-pick{grid-template-columns:1fr}
 .sre-stepper span{display:none}.sre-stepper{margin:.8rem 0}
 .sre-wizard{padding:1rem;border-radius:16px}
 .sre-wz__foot{flex-direction:column-reverse;align-items:stretch}.sre-wz__foot>div{flex-direction:column}.sre-wz__foot .sre-dir-btn{justify-content:center}
 .sre-listing{flex-direction:column}.sre-listing__img{width:100%}
 .sre-quick{grid-template-columns:1fr}
 .sre-imgs{grid-template-columns:1fr 1fr}
 .sre-preview dl{grid-template-columns:1fr}
 .sre-auth .sre-acc-card{padding:1.2rem}
 .sre-save-search{bottom:14px;inset-inline-start:14px;font-size:.85rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- base form/button styles for pages outside the directory stylesheet (property pages) ---------- */
.sre-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sre-dialog .sre-acc-form{display:flex;flex-direction:column;gap:.8rem}
.sre-dialog label{display:flex;flex-direction:column;gap:.3rem;font-size:.92rem;color:var(--sm-mut);margin:0}
.sre-dialog label.sre-acc-check{flex-direction:row;align-items:flex-start;gap:.5rem;color:var(--sm-ink);line-height:1.7}
.sre-dialog input:not([type=checkbox]):not([type=radio]),.sre-dialog select,.sre-dialog textarea{font:inherit;border:1px solid var(--space-input-border,#8C7B88);border-radius:10px;padding:.6rem .7rem;color:var(--sm-ink);background:#fff;width:100%;box-sizing:border-box;margin:0}
.sre-dialog .sre-phone input{border:0!important}
.sre-dialog .sre-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.sre-dialog .sre-dir-muted{color:var(--sm-mut);margin:0}
.sre-dialog .sre-dir-btn,.sre-pactions~* .sre-dir-btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--sm-line);background:#fff;color:var(--sm-ink);border-radius:999px;padding:.55rem 1.1rem;font:inherit;font-size:.92rem;cursor:pointer;text-decoration:none}
.sre-dialog .sre-dir-btn--solid{background:var(--sm-g7);border-color:var(--sm-g7);color:#fff}
.sre-dialog .sre-dir-btn--solid:hover{background:var(--sm-g9)}
@media (max-width:640px){.sre-dialog .sre-grid2{grid-template-columns:1fr}}

.sre-filters{align-items:center}.sre-filters>select,.sre-filters>button{width:auto!important;flex:0 0 auto}.sre-filters .sre-search{flex:1 1 260px;width:auto!important}
.sre-ptable td[data-label="الكود"] bdi{white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:.8rem}
.sre-agent{display:flex;gap:.9rem;align-items:center;margin-bottom:.8rem}.sre-agent strong{display:block;font-size:1.05rem}.sre-agent small{color:var(--sm-mut)}
.sre-agent-facts{list-style:none;margin:0 0 .8rem;padding:0;display:grid;gap:.45rem;font-size:.9rem}.sre-agent-facts li{display:flex;gap:.5rem;align-items:center}.sre-agent-facts .sre-i{color:var(--sm-gold)}
.sre-cols--3{grid-template-columns:1fr 1.3fr 1fr}
@media (max-width:1100px){.sre-cols--3{grid-template-columns:1fr}}
.sre-m>*{min-width:0}.sre-m__side,.sre-m__nav{max-width:100%;min-width:0}
.sre-wizard,.sre-wz__layout>*{min-width:0}

/* ===== Alignment with the Space Real Estate design system ===== */
:root{--sm-cta:var(--space-color-accent-accessible,#CA1F30);--sm-cta-h:var(--space-color-accent-hover,#BA1D2C);--sm-shadow:var(--space-shadow,0 8px 30px rgb(83 32 74 / 7%));--sm-rs:var(--space-radius-sm,.5rem)}
.sre-m :where(h1,h2,h3),.sre-plans-head h1,.sre-plan h2,.sre-auth :where(h1),.sre-wizard :where(h2,h3,h4),.sre-dialog h2{color:var(--space-color-primary-dark,#53204A)}
.sre-auth__side h2{color:#fff}
/* inputs: theme .space-field spec */
.sre-wf input,.sre-wf select,.sre-wf textarea,.sre-filters select,.sre-filters input,.sre-inline select,.sre-dialog input:not([type=checkbox]):not([type=radio]),.sre-dialog select,.sre-dialog textarea{border-color:var(--space-input-border,#8C7B88);border-radius:var(--sm-rs);min-height:48px}
.sre-wf textarea,.sre-dialog textarea{min-height:0}
.sre-wf input:hover,.sre-wf select:hover,.sre-wf textarea:hover{border-color:var(--sm-g7)}
.sre-wf input:focus,.sre-wf select:focus,.sre-wf textarea:focus,.sre-dialog input:focus,.sre-dialog textarea:focus{border-color:var(--sm-g7);box-shadow:none;outline:3px solid var(--sm-g1);outline-offset:1px}
.sre-pass,.sre-phone,.sre-search{border-color:var(--space-input-border,#8C7B88);border-radius:var(--sm-rs);min-height:48px}
.sre-pass:focus-within,.sre-phone:focus-within{border-color:var(--sm-g7);box-shadow:0 0 0 3px var(--sm-g1)}
/* primary CTA = theme accent (red), secondary = purple — as in the site header and filters */
.sre-dialog .sre-dir-btn,.sre-pactions~* .sre-dir-btn{border-radius:var(--sm-rs);min-height:44px;font-weight:650;border-color:var(--sm-g7);color:var(--sm-g7)}
.sre-dialog .sre-dir-btn--solid,.sre-save-search{background:var(--sm-cta)!important;border-color:var(--sm-cta)!important;color:#fff!important}
.sre-dialog .sre-dir-btn--solid:hover,.sre-save-search:hover{background:var(--sm-cta-h)!important}
.sre-save-search{border-radius:var(--sm-rs);box-shadow:var(--sm-shadow)}
/* property page actions match the existing contact tiles (.sp6-contact-actions) */
.sre-pact{border-radius:9px;min-height:44px;color:var(--space-purple-900,#53204A);border-color:var(--space-color-border,#DCD3D9)}
.sre-pact:hover{background:var(--space-purple-soft,#F6ECF4);border-color:var(--space-purple-700,#A63D92)}
.sre-pact--solid{background:var(--space-purple-700,#A63D92);border-color:var(--space-purple-700,#A63D92);color:#fff}
.sre-pact--solid:hover{background:var(--space-purple-900,#53204A);color:#fff}
.sp6-favorite.sre-pfav{cursor:pointer!important}.sp6-favorite.sre-pfav.is-on{color:var(--space-red-500,#CA1F30)!important}
/* cards, plans, wizard */
.sre-plan,.sre-wizard,.sre-auth,.sre-m__side,.sre-dialog{border-radius:var(--space-radius-lg,1.75rem)}
.sre-plan--featured{border-color:var(--sm-g7);box-shadow:0 0 0 1px var(--sm-g7),var(--sm-shadow)}
.sre-plan__cta .sre-dir-btn{min-height:48px}
.sre-plan-opt{border-radius:var(--sm-rs)}
.sre-chipbtn,.sre-toggle{min-height:40px}
.sre-stat b{color:var(--space-color-primary-dark,#53204A)}
.sre-count{background:var(--sm-cta)}
.sre-toast--ok{background:var(--space-color-primary-dark,#53204A)}
.sre-auth__side .sre-dir-eyebrow{color:#F6E7F3!important;opacity:.85}
.sre-auth__side li::before{color:var(--space-peach-400,#FF978A)}
.sre-plan-opt input,.sre-acc-form input[type=radio],.sre-acc-form input[type=checkbox]{accent-color:var(--space-color-primary,#A63D92)}

.sre-hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0;left:auto!important;right:auto!important}
/* Desktop: collapsible account sidebar (toggle hidden on phones and tablets). */
.sre-m__toggle{display:none;align-items:center;gap:.4rem;margin:0 0 .6rem auto;border:1px solid var(--sm-line);background:#fff;color:var(--sm-ink);border-radius:999px;padding:.35rem .8rem;font:inherit;font-size:.8rem;cursor:pointer}
.sre-m__toggle:focus-visible{outline:3px solid var(--sm-g7);outline-offset:2px}
@media (min-width:901px){
 .sre-m.has-toggle .sre-m__toggle{display:inline-flex}
 .sre-m.is-collapsed{grid-template-columns:78px minmax(0,1fr)}
 .sre-m.is-collapsed .sre-m__toggle-label,.sre-m.is-collapsed .sre-m__nav span,.sre-m.is-collapsed .sre-m__me>div,.sre-m.is-collapsed .sre-m__navhead,.sre-m.is-collapsed .sre-count{display:none}
 .sre-m.is-collapsed .sre-m__side{padding:.6rem .4rem}
 .sre-m.is-collapsed .sre-m__me{justify-content:center;padding:.3rem 0 .6rem}
 .sre-m.is-collapsed .sre-m__nav a{justify-content:center;padding:.6rem .4rem}
 .sre-m.is-collapsed .sre-m__toggle{width:100%;justify-content:center;padding:.35rem}
}
/* Round 2: mobile bottom bar + grouped More sheet; sidebar stays on desktop. */
.sre-membership-line{margin:.1rem 0 .9rem;font-size:.9rem}
.sre-membership-line a{color:var(--sm-g7);font-weight:700}
.sre-pills--scroll{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;max-width:100%}
.sre-m__bottom{display:none}
@media (max-width:900px){
 .sre-m__side{display:none}
 .sre-m{padding-bottom:6.5rem}
 .sre-m__bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset-inline:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--sm-line);box-shadow:0 -6px 18px rgba(0,0,0,.06);padding:.3rem .4rem calc(.3rem + env(safe-area-inset-bottom,0px))}
 .sre-m__bottom>a,.sre-m__bottom summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:52px;color:var(--sm-ink);text-decoration:none;font-size:.72rem;border-radius:12px;list-style:none;cursor:pointer}
 .sre-m__bottom summary::-webkit-details-marker{display:none}
 .sre-m__bottom [aria-current]{color:var(--sm-g7);font-weight:700;background:var(--sm-g1)}
 .sre-m__more[open] .sre-m__sheet{position:fixed;inset-inline:10px;bottom:80px;max-height:66vh;overflow-y:auto;background:#fff;border:1px solid var(--sm-line);border-radius:18px;padding:.6rem;box-shadow:var(--sm-shadow);z-index:61}
 .sre-m__sheet a{display:flex;align-items:center;gap:.6rem;min-height:48px;padding:.5rem .7rem;border-radius:12px;color:var(--sm-ink);text-decoration:none}
 .sre-m__sheet a[aria-current]{background:var(--sm-g1);color:var(--sm-g7);font-weight:700}
 .sre-m__sheet .sre-m__navhead{margin:.7rem .7rem .2rem}
}
@media (min-width:901px){ .sre-m__bottom{display:none!important} }
/* Round 4: account dashboard uses a wide centred shell on large desktops (scoped to the account page). */
.sre-acc .sre-dir-shell{max-width:1480px}
/* Round 4: below 900px the sidebar is hidden, so the account grid is a single full-width column. */
@media (max-width:900px){.sre-m{grid-template-columns:minmax(0,1fr)}}


/* membership plans: footnote is outside the grid now; ribbon stays inside its card */
.sre-plans-footnote{max-width:1080px;margin:1.25rem auto 2rem;text-align:center}
.sre-plans--four .sre-plan{overflow:hidden;padding-top:1.9rem}
.sre-plans--four .sre-plan__ribbon{position:absolute;top:0;inset-inline-start:auto;inset-inline-end:1rem;margin:0;padding:.3rem .75rem;border-radius:0 0 10px 10px;white-space:nowrap}
.sre-plans--four .sre-plan h2{min-height:1.7em;margin:.9rem 0 .1rem}
.sre-plans--four .sre-plan__price{min-height:1.7em}

/* skip link: hidden until keyboard focus, so it no longer widens the page (accessible) */
.skip-link.screen-reader-text:not(:focus){position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.skip-link.screen-reader-text:focus{position:fixed!important;top:8px!important;left:8px!important;width:auto!important;height:auto!important;clip-path:none!important;z-index:100000;background:#fff;padding:.6rem 1rem;border-radius:8px;color:#53204A}

/* site header at 1280–1366px: let the navigation shrink so the header actions stay inside the viewport */
@media (min-width:1025px) and (max-width:1440px){.space-navigation{min-width:0;flex:1 1 0}.space-header-actions{flex-shrink:1;min-width:0}}

/* owner overview (Super Admin): site-wide KPIs, secondary counts, action center */
.sre-owner__h{font-size:1.05rem;margin:0 0 .6rem;color:var(--space-color-primary-dark,#53204A)}
.sre-stats--secondary{margin-top:.6rem}
.sre-stat--mini{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .8rem}
.sre-stat--mini b{font-size:1.1rem}
.sre-stat--mini span{font-size:.78rem;color:var(--sm-mut)}
.sre-stat.is-pending{opacity:.7;cursor:default;pointer-events:none}
.sre-stat.is-pending small{display:block;font-size:.72rem;color:var(--sm-mut)}
.sre-owner-split{margin:1.4rem 0 .4rem;border-top:1px solid var(--sm-line);padding-top:.8rem;font-weight:700;color:var(--sm-mut);font-size:.9rem}
.sre-action{margin-top:.8rem}
.sre-action__list li a{display:flex;flex-direction:column;gap:.1rem;text-decoration:none;color:var(--sm-ink)}
.sre-action__list li small{color:var(--sm-mut);font-size:.75rem}
.sre-action__note{font-size:.8rem;margin:.6rem 0 0}

/* Visitors: favourites/comparison saved on this device */
.sre-guest-tray{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:996;background:var(--sm-ink,#1E2A24);color:#fff;border:0;border-radius:999px;padding:.55rem 1.1rem;font:inherit;font-size:.88rem;box-shadow:0 8px 24px rgba(0,0,0,.18);cursor:pointer;max-width:calc(100vw - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sre-guest-tray[hidden]{display:none}
@media (max-width:900px){.sre-guest-tray{bottom:calc(86px + env(safe-area-inset-bottom,0px))}}
.sre-guest-dialog{width:min(760px,calc(100vw - 24px))}
.sre-guest-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.6rem}
.sre-guest-list li{display:grid;grid-template-columns:auto 1fr auto;gap:.2rem .7rem;align-items:center;border:1px solid var(--sm-line,#e5e5e5);border-radius:12px;padding:.5rem}
.sre-guest-list li img{grid-row:span 2;width:72px;height:72px;object-fit:cover;border-radius:9px}
.sre-guest-list li a{font-weight:600;min-width:0}
.sre-guest-list li small{grid-column:2;color:#5E6B64}
.sre-guest-list li .sre-link-danger{grid-column:3;grid-row:1 / span 2}
.sre-guest-list li:not(:has(img)){grid-template-columns:1fr auto}
.sre-guest-cmp{overflow-x:auto;margin-bottom:1rem}
.sre-guest-cmp .sre-cmp{min-width:520px}
.sre-inq-kind{border:0;padding:0;margin:0 0 .4rem;display:flex;gap:1.2rem;flex-wrap:wrap}
.sre-inq-kind legend{font-weight:600;margin-bottom:.3rem}
.sre-guest-dialog>.sre-acc-form{padding:1.3rem 1.4rem}
.sre-dialog .sre-inq-kind label{flex-direction:row;align-items:center;gap:.4rem;color:var(--sm-ink)}

/* ================================================================ Membership tiers — CLASSIC · GOLD · DIAMOND · PREMIER
   Private-banking restraint: neutral surfaces, one accent per tier, no gradients or glow. Classes are keyed on the
   public tier (classic/gold/diamond/premier), never on the internal plan id. */
.sre-tiers{--t-ink:#1E2A24;--t-mut:#5E6B64;--t-line:#E6E2E4;--t-surf:#fff;--t-acc:#8A8F98;--t-acc-soft:#F3F4F5;
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1180px;margin:1rem auto 2rem;align-items:stretch}
.sre-tier{position:relative;display:flex;flex-direction:column;gap:.9rem;background:var(--t-surf);color:var(--t-ink);border:1px solid var(--t-line);border-top:3px solid var(--t-acc);border-radius:18px;padding:1.5rem 1.25rem 1.25rem;box-shadow:0 1px 2px rgba(20,20,30,.04);min-width:0}
.sre-tier--classic{--t-acc:#9AA0A8;--t-acc-soft:#F4F5F6}
.sre-tier--gold{--t-acc:#B8945A;--t-acc-soft:#FAF5EC}
.sre-tier--diamond{--t-acc:#7C93AB;--t-acc-soft:#F1F5F9}
.sre-tier--premier{--t-surf:#211A33;--t-ink:#F4EFE6;--t-mut:#C9C1D3;--t-line:#2F2745;--t-acc:#C9A961;--t-acc-soft:rgba(201,169,97,.12);border-color:#211A33;border-top-color:#C9A961;box-shadow:0 10px 28px rgba(33,26,51,.18)}
.sre-tier__ribbon{position:absolute;top:0;inset-inline-end:1rem;background:var(--t-acc);color:#211A33;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:.28rem .7rem;border-radius:0 0 8px 8px}
.sre-tier__head{display:flex;gap:.8rem;align-items:center}
.sre-tier__mark{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--t-acc-soft);color:var(--t-acc);border:1px solid color-mix(in srgb,var(--t-acc) 35%,transparent)}
.sre-tier__mark .sre-i{width:21px;height:21px}
.sre-tier__code{margin:0;font-size:.74rem;letter-spacing:.16em;font-weight:600;color:var(--t-acc);font-family:Georgia,"Times New Roman",serif}
.sre-tiers .sre-tier h2{margin:.1rem 0 0;font-size:1.25rem;line-height:1.3;color:var(--t-ink);min-height:0}
.sre-tier__tag{margin:.15rem 0 0;font-size:.8rem;color:var(--t-mut)}
.sre-tier__price{margin:0;display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap;color:var(--t-ink);min-height:0}
.sre-tier__price strong{font-size:1.9rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.sre-tier__price span{font-size:.85rem;color:var(--t-mut)}
.sre-tier__facts{margin:0;display:grid;gap:0;border-block:1px solid var(--t-line)}
.sre-tier__facts div{display:flex;justify-content:space-between;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--t-line);font-size:.88rem}
.sre-tier__facts div:last-child{border-bottom:0}
.sre-tier__facts dt{color:var(--t-mut)}.sre-tier__facts dd{margin:0;font-weight:600;color:var(--t-ink)}
.sre-tiers .sre-plan__list{margin:0;gap:.45rem;font-size:.9rem}
.sre-tiers .sre-plan__list li{color:var(--t-ink)}
.sre-tiers .sre-plan__list .sre-i{color:var(--t-acc)}
.sre-tier__current{margin:0;display:flex;gap:.4rem;align-items:center;font-size:.85rem;font-weight:600;color:var(--t-acc)}
.sre-tier.is-current{outline:2px solid var(--t-acc);outline-offset:2px}
.sre-tier .sre-plan__cta{margin-top:auto}
.sre-tier--premier .sre-plan__cta .sre-dir-btn--solid{background:#C9A961;border-color:#C9A961;color:#211A33}
.sre-tier--premier .sre-plan__cta .sre-dir-btn--solid:hover{background:#D6BC80}
.sre-tier--premier .sre-chip{background:rgba(255,255,255,.08);color:#F4EFE6;border-color:#3A3154}
@media (max-width:1100px){.sre-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.sre-tiers{grid-template-columns:1fr;gap:12px}.sre-tier{padding:1.3rem 1rem 1rem}}

/* Public membership badge (cards, dashboards). Same palette; never used for Elite/Featured section labels. */
.sre-tier-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;padding:.18rem .55rem;border-radius:999px;border:1px solid;line-height:1.5;white-space:nowrap}
.sre-tier-badge--classic{color:#6B7178;border-color:#D5D8DC;background:#F6F7F8}
.sre-tier-badge--gold{color:#8A6A36;border-color:#E3D2B0;background:#FBF6EC}
.sre-tier-badge--diamond{color:#506A84;border-color:#C9D6E3;background:#F2F6FA}
.sre-tier-badge--premier{color:#E7D3A3;border-color:#211A33;background:#211A33}
.sre-tier--premier{--cta:#C9A961;--cta-h:#D6BC80}.sre-tier--premier .sre-plan__cta .sre-dir-btn--solid{color:#211A33!important;border-color:#C9A961!important}

/* ---- Tier cards: shared five-row grid (2026-10 alignment refinement). Every card spans the same rows
   (head · price · facts · benefits · footer) through CSS subgrid, so each section starts on the same line in all
   cards of a row; inside each section the type scale and line-heights are fixed. */
.sre-tiers{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:0;align-items:stretch}
.sre-tiers>.sre-tier{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;gap:0;padding:2.25rem 1.25rem 1.25rem;margin:0 0 16px;border-width:1px;border-top-width:3px}
.sre-tier__head{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:.8rem;align-items:center;padding-bottom:1.1rem}
.sre-tier__names{min-width:0;display:grid;row-gap:.15rem}
.sre-tiers .sre-tier__code{margin:0;font-size:.72rem;line-height:1.2;letter-spacing:.16em}
.sre-tiers .sre-tier h2{margin:0;font-size:1.3rem;line-height:1.3;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sre-tiers .sre-tier__tag{margin:0;font-size:.8rem;line-height:1.35;color:var(--t-mut)}
.sre-tiers .sre-tier__price{display:flex;align-items:baseline;flex-wrap:nowrap;gap:.35rem;margin:0;padding:0 0 1.1rem;white-space:nowrap;min-height:0}
.sre-tiers .sre-tier__price strong{font-size:2rem;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;color:var(--t-ink)}
.sre-tier__cur{font-size:.95rem;line-height:1;font-weight:600;color:var(--t-ink)}
.sre-tier__per{font-size:.82rem;line-height:1;color:var(--t-mut)}
.sre-tiers .sre-tier__facts{margin:0 0 1.1rem;align-self:start}
.sre-tiers .sre-tier__facts div{min-height:2.5rem;align-items:center;padding:0;line-height:1.3}
.sre-tiers .sre-plan__list{margin:0;padding:0 0 1.1rem;align-content:start;gap:.5rem;font-size:.88rem}
.sre-tiers .sre-plan__list li{line-height:1.55;min-height:1.55em;align-items:flex-start}
.sre-tier__foot{align-self:end;display:grid;row-gap:.6rem}
.sre-tiers .sre-tier__current{margin:0}
.sre-tiers .sre-plan__cta{margin:0}
.sre-tiers .sre-plan__cta .sre-dir-btn{min-height:48px}
@media (max-width:1100px){.sre-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.sre-tiers{grid-template-columns:1fr}.sre-tiers>.sre-tier{padding:2.1rem 1rem 1rem;margin-bottom:12px}}

/* Notifications list: never wider than the phone screen (the grid column sized itself to the longest row). */
.sre-notes{grid-template-columns:minmax(0,1fr)}.sre-notes li>div{min-width:0;overflow-wrap:anywhere}
@media (max-width:600px){.sre-notes li{flex-wrap:wrap}.sre-notes li>div{flex:1 1 calc(100% - 2.6rem)}}
/* Wide data tables inside narrow cards scroll sideways instead of widening the page. */
.sre-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}