@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--bg:#fbf8f3;--surface:#fffdfb;--surface2:#f5efe8;--text:#291f18;--muted:#988d82;--line:#ece5dd;--brand:#8b572e;--brand2:#c69454;--danger:#ab3a2f;--ok:#49824e;--shadow:0 4px 18px rgba(85,56,34,.055)}
body{font-family:Tajawal,Arial,sans-serif;background:#e8d8c2;color:var(--text)}
body.dark{--bg:#171513;--surface:#211d19;--surface2:#2b251f;--text:#f7efe4;--muted:#b6a896;--line:#3c332b;--brand:#d49a55;background:#14110f}
.app{max-width:430px;background:var(--bg);box-shadow:0 0 45px #5a382625}
.top{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--surface) 97%,transparent);border:0;padding:10px 15px 6px;backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.logo{height:42px}.brand{font:700 31px Amiri,serif;color:#74451f;line-height:1;letter-spacing:-1px}.brand small{display:none}
.brand:after{content:'♞';font:24px Arial,sans-serif;color:#7d4b26;margin-right:5px}
.iconbtn{background:transparent;border:0;border-radius:6px;color:var(--text);width:32px;height:32px;font-size:22px}
.screen{padding:10px 15px 20px}.screen h2{font-size:19px;font-weight:700;margin:0}.toolbar{height:39px;margin:0 0 8px}.toolbar .iconbtn:first-child{order:3}.toolbar h2{flex:1;text-align:center}
.hero{display:none}.filters{margin:0 0 11px;gap:8px}.filterfield{min-width:0}.filterfield label{display:block;font-size:11px;font-weight:700;margin:0 3px 3px}.filters select{height:40px;padding:7px 10px;border:0;border-radius:8px;background:#f1efed;color:#999;font-size:12px}
.regionField{position:relative}.filters .regionButton{width:100%;height:40px;padding:7px 10px;border:0;border-radius:8px;background:#f1efed;color:#6b5543;font:inherit;font-size:12px;text-align:right;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.regionMenu{position:absolute;z-index:25;top:100%;right:0;left:0;max-height:290px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #3b2a1e30;padding:5px}.regionMenu[hidden]{display:none}.regionMenu label{display:flex;align-items:center;gap:8px;margin:0;padding:8px 5px;font-size:12px;cursor:pointer}.regionMenu input{width:auto;accent-color:var(--brand)}.regionMenu .clearRegions{width:100%;padding:9px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--brand);font:inherit;text-align:right;cursor:pointer}.filters select:disabled{opacity:.65}
.pickerBackdrop{position:fixed;inset:0;width:100%;height:100%;border:0;background:transparent;z-index:41;cursor:default}.pickerBackdrop[hidden]{display:none}.filters.pickerOpen{position:relative;z-index:42}.cityField{position:relative}.filters .regionButton:disabled{opacity:.65;cursor:default}.cityField .regionMenu button{display:block;width:100%;padding:9px 7px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:12px;text-align:right;cursor:pointer}.cityField .regionMenu button:last-child{border-bottom:0}
.cats{gap:3px;padding:1px 0 8px;justify-content:space-between}.cat{min-width:45px;padding:0;background:none;border:0;border-radius:0;font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:3px}.cat .camel-spot{width:37px;height:37px;border-radius:50%;background:#f1e9dc;overflow:hidden;display:block}.cat .camel-spot img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.cat.on{color:var(--brand);background:none;border:0}.cat.on .camel-spot{outline:2px solid #ad7943;outline-offset:1px}
.sectiontitle{margin:6px 0 7px}.sectiontitle b{font-size:17px}.sectiontitle small{color:var(--brand);font-size:11px}.grid{gap:10px}.card{border:1px solid #d9cec2;border-radius:11px;box-shadow:0 3px 12px rgba(65,43,28,.09);background:var(--surface);overflow:hidden}.card .imgwrap{margin:0;background:var(--surface2);border-bottom:1px solid #e6ddd4}.card img,.card video{height:145px!important;border-radius:0!important;object-position:center 40%;display:block}.cardbody{padding:8px 9px 9px;text-align:right;min-height:72px}.card h3{font-size:12px;margin:0 0 3px}.meta{font-size:10px;color:#a69b91}.price{font-size:13px;color:#8d351f;margin-top:4px}.fav{background:rgba(30,24,20,.36);color:#fff;text-shadow:0 1px 3px #333;font-size:22px;width:29px;height:29px;top:7px;left:7px;padding:0;border-radius:50%;backdrop-filter:blur(3px)}body.dark .card{border-color:#4a4037;box-shadow:0 4px 14px rgba(0,0,0,.22)}body.dark .card .imgwrap{border-bottom-color:#40372f}
.bottom{width:min(430px,100%);height:62px;border-top:1px solid #eee8e1;background:#fffdfbee;box-shadow:0 -5px 16px #5b43300a}.nav{font:500 10px Tajawal,Arial;color:#999;gap:0;align-content:center}.nav span{font:22px Arial;line-height:25px}.nav.on{color:#8c592d}
.row{border:0;border-radius:9px;padding:7px;gap:10px;box-shadow:0 2px 9px #6c50300a}.row img{width:78px;height:70px;border-radius:5px}.list{gap:8px}.row .grow b{font-size:13px}.badge{border-radius:5px}.actions{gap:6px}.primary{background:linear-gradient(90deg,#9b6838,#633b20);border-radius:6px;padding:10px 15px;font:700 13px Tajawal;color:white}.ghost,.dangerbtn{border-radius:6px;font:700 13px Tajawal}.detailHero img{height:255px;border-radius:7px}.thumbs{justify-content:space-between}.thumbs img{width:19%;height:52px;border-radius:5px}.info{border:0;border-radius:7px;box-shadow:none}.info .line{padding:7px 10px;background:var(--surface2);margin:2px 0;border:0;border-radius:4px;font-size:12px}.info .line b{font-weight:600}.locknote{border-radius:6px;text-align:center;background:#f4eee8}.steps{margin:15px 0 23px;position:relative}.steps:before{content:'';position:absolute;left:10%;right:10%;top:14px;height:2px;background:#e4dfda}.step{position:relative}.step b{width:27px;height:27px}.upload{border-radius:7px;border:1px dashed #bfa78c;padding:30px 12px}.mediaPreview div{background:#e8ded1;overflow:hidden}.mediaPreview img{width:100%;height:100%;object-fit:cover}.form{gap:9px}.form label{font-size:12px;font-weight:700}select,input,textarea{border-radius:6px;border-color:#e4ded8;font-family:inherit}.profile{border:0;background:transparent;box-shadow:none}.profile h2{color:white}.profile .muted{color:#d8d0c8}.profile .avatar{border:2px solid white;width:90px;height:90px}.screen#profile{min-height:calc(100vh - 118px);background:linear-gradient(160deg,#1e1c1a,#131313);color:#fff;padding-top:14px}.settings{gap:0}.setting{background:transparent;color:#eee;border:0;border-bottom:1px solid #363330;border-radius:0;padding:13px 4px;font:13px Tajawal;text-align:right}.settings .dangerbtn{margin-top:17px!important;width:100%;background:#3a2421;border-color:#8b3c35}.toggle.on{background:#bf8e45}
#favorites .row .iconbtn{color:#a64a2b}#messages>input{background:#f1eeea;border:0}#messages .row{min-height:66px}#myads .row{align-items:start}#myads .row img{width:85px;height:82px}#myads .actions button{padding:4px 7px;font-size:11px}#myads .toolbar .primary{display:none}
.modalbox{border-radius:12px}.chatbubble{border-radius:10px}.toast{font-family:inherit}
@media(min-width:700px){body{padding:25px 0;background:linear-gradient(#f6eadc,#e5d3bd)}.app{min-height:850px;border-radius:15px;overflow:hidden}.bottom{bottom:0}}
.addTile{width:100%;height:38px;background:transparent;border:1px dashed #ba9d7c;border-radius:5px;color:#87572e;font:700 13px Tajawal;margin:3px 0 12px}.statusTabs{display:flex;gap:6px;margin-bottom:10px}.statusTabs button{flex:1;border:0;background:transparent;padding:6px;color:#6d6258;font:600 12px Tajawal;border-radius:5px}.statusTabs button.on{background:#9f723f;color:white}
.brand{display:block;width:122px;height:43px;background:url('assets/brand.png') center/contain no-repeat;font-size:0}.brand:after{display:none}
.detailTitle{font-size:17px!important;margin:10px 0 1px!important}.detailActions{display:flex;gap:7px;margin:10px 0}.detailActions button{flex:1}.darkAction{background:#684027}.description{font-size:12px;line-height:1.6;color:var(--muted);margin:6px 0 14px}#detail>h3{font-size:14px;margin:10px 0 5px}.comments{font-size:12px}.comment{border-radius:6px;padding:9px}.chatAvatar{border-radius:50%!important;width:42px!important;height:42px!important}.profileInitial{display:grid;place-items:center;margin:auto;background:#796454;color:white;font:700 38px Amiri}#profile .settings{margin-top:16px}
#add>h3{font-size:14px;margin:17px 0 10px}.mediaUpload{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;cursor:pointer}.mediaUpload .uploadIcon{font:36px Arial;color:#ae8a61;margin-bottom:9px}.mediaUpload small{color:var(--muted);font-size:11px;margin-top:5px}.mediaPreview{grid-template-columns:repeat(3,1fr)}.mediaPreview div{position:relative}.mediaPreview button{position:absolute;top:2px;right:2px;border:0;border-radius:50%;background:#222;color:white;width:20px;height:20px}.wizardActions{display:flex;gap:8px;margin-top:24px}.wizardActions .primary{flex:1}.pledge{text-align:center;margin-top:35px}.pledgeIcon{background:#f2e9db;color:#7c4d2b;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:38px}.pledge h2{margin:15px 0}.pledge p{text-align:right;line-height:1.8;font-size:14px}.pledge .agree{display:flex;gap:8px;background:#f5eddf;padding:10px;margin:20px 0;border-radius:5px;text-align:right;font-size:12px}.agree input{width:auto}.pledge .primary,.pledge .ghost{width:100%;margin:4px 0}.searchAds{margin-bottom:10px}
.locationPickerOpen{overflow:hidden}.locationOverlay{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:rgba(31,25,21,.34)}.locationOverlay[hidden]{display:none}.locationPanel{box-sizing:border-box;display:flex;flex-direction:column;width:min(100%,430px);height:min(79dvh,760px);max-height:calc(100dvh - 18px);padding:18px 16px 20px;border-radius:22px 22px 0 0;background:var(--surface);box-shadow:0 -12px 35px #291d1533;color:var(--text)}.locationHeader{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:46px}.locationHeader h2{font-size:20px;text-align:center;margin:0}.locationClose{justify-self:start;border:0;border-radius:50%;width:40px;height:40px;background:var(--surface2);color:var(--brand);font:32px Arial;line-height:35px;cursor:pointer}.locationClear{justify-self:end;border:0;border-radius:22px;background:var(--surface2);color:var(--brand);font:600 13px Tajawal;padding:11px 13px;text-decoration:underline;cursor:pointer}.locationSearch{box-sizing:border-box;width:100%;height:44px;margin:12px 0 10px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font:15px Tajawal;text-align:right;outline-color:var(--brand)}.locationSearch::placeholder{color:#b6b0a9}.locationRows{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 7px 0 2px}.locationRow{box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:54px;padding:11px 4px;border-bottom:1px solid var(--line);font:500 16px Tajawal;cursor:pointer}.locationRow[hidden]{display:none}.locationRow input{appearance:none;flex:none;width:21px;height:21px;margin:0;border:2px solid var(--brand);border-radius:50%;background:var(--surface);cursor:pointer}.locationRow input:checked{border-color:var(--brand);background:var(--brand);box-shadow:inset 0 0 0 4px var(--surface)}.locationFooter{padding-top:13px;background:var(--surface)}.locationFooter button{width:100%;height:46px;border:0;border-radius:9px;background:var(--brand);color:#fff;font:700 17px Tajawal;cursor:pointer}
.adTitleField{display:flex;flex-direction:column;gap:8px;margin:18px 0 20px}.adTitleField label{font-size:14px;font-weight:700}.adTitleField input{width:100%;height:43px;box-sizing:border-box;padding:9px 12px;background:var(--surface);color:var(--text);font-size:14px}

/* Registration */
#registerModal .modalbox{max-height:92dvh;overflow:auto}#registerModal .form label{display:grid;gap:6px;font-size:12px;font-weight:700}.passwordField{position:relative}.passwordField input{padding-left:44px}.passwordToggle{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:36px;height:34px;border:0;background:transparent;color:var(--brand);font-size:20px;cursor:pointer}.formError{min-height:18px;color:var(--danger);font-size:12px;line-height:1.5}.formError:empty{display:none}#registerUsername{text-align:left}


/* Swipeable ad media gallery */
.galleryHero{position:relative;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:zoom-in;background:#0e0d0c;border-radius:7px}
.galleryMainContent{width:100%;height:255px;background:#0e0d0c}
.galleryMainContent>img,.galleryMainContent>video{display:block;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:7px!important;background:#000}
.galleryExpand{position:absolute;top:10px;left:10px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:rgba(20,17,14,.72);color:#fff;font:22px Arial;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(5px)}
.galleryCounter{position:absolute;right:10px;bottom:10px;z-index:3;min-width:48px;padding:5px 9px;border-radius:999px;background:rgba(20,17,14,.72);color:#fff;font:600 11px Tajawal;text-align:center;direction:ltr;backdrop-filter:blur(5px)}
.galleryThumbs{display:flex!important;justify-content:flex-start!important;gap:7px!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:8px 1px 3px;scrollbar-width:none}
.galleryThumbs::-webkit-scrollbar{display:none}
.galleryThumbs img,.galleryThumbs video{flex:0 0 68px!important;width:68px!important;height:58px!important;object-fit:cover!important;border:2px solid transparent!important;border-radius:8px!important;opacity:.72;scroll-snap-align:start;transition:opacity .15s,border-color .15s,transform .15s;background:#000}
.galleryThumbs .galleryThumbActive{opacity:1!important;border-color:var(--brand)!important;transform:scale(.97)}
.mediaLightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.96);align-items:center;justify-content:center;touch-action:none}
.mediaLightbox.show{display:flex}
.mediaLightboxStage{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.mediaLightboxStage>img,.mediaLightboxStage>video{display:block;width:100%!important;height:100%!important;max-width:100vw!important;max-height:100dvh!important;object-fit:contain!important;border-radius:0!important;background:#000!important}
.mediaLightboxClose{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;z-index:10001;width:44px;height:44px;border:0;border-radius:50%;background:rgba(40,40,40,.78);color:#fff;font:34px Arial;line-height:40px;cursor:pointer}
.mediaLightboxCounter{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:10001;padding:6px 12px;border-radius:999px;background:rgba(40,40,40,.78);color:#fff;font:600 12px Tajawal;direction:ltr}
body.mediaLightboxOpen{overflow:hidden;overscroll-behavior:none}
@media(max-width:390px){.galleryMainContent{height:240px}.galleryThumbs img,.galleryThumbs video{flex-basis:62px!important;width:62px!important;height:54px!important}}


/* Compact home discovery controls */
#home .filters{display:block!important;position:sticky;top:58px;z-index:82;margin:0 -15px 12px!important;padding:8px 15px;background:color-mix(in srgb,var(--bg) 97%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent);box-shadow:0 5px 12px rgba(67,45,29,.035)}
.homeSearchWrap{position:relative;margin-bottom:10px}
.homeSearchWrap input{box-sizing:border-box;width:100%;height:42px;padding:8px 39px 8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:500 12px Tajawal;text-align:right;outline:none}
.homeSearchWrap input:focus{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 16%,transparent)}
.homeSearchWrap input::placeholder{color:var(--muted)}
.homeSearchIcon{position:absolute;right:13px;top:50%;transform:translateY(-50%);z-index:2;color:var(--text);font:21px Arial;pointer-events:none}
.compactFilterBar{display:flex;direction:rtl;align-items:center;gap:8px;width:100%;min-height:42px}
.compactLocationButton{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:9px;width:auto!important;min-width:104px;max-width:148px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:700 12px Tajawal;white-space:nowrap;overflow:hidden;cursor:pointer}
.compactLocationButton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compactLocationButton b{flex:none;color:var(--muted);font:16px Arial}
.compactLocationButton[hidden]{display:none!important}
.compactFilterSpacer{flex:1 1 24px;min-width:20px}
.advancedFilterButton{position:relative;flex:0 0 42px;width:42px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--brand);font:24px Arial;display:grid;place-items:center;cursor:pointer}
.advancedFilterButton.active{background:var(--brand);border-color:var(--brand);color:#fff}
.advancedFilterButton.active:after{content:'';position:absolute;top:5px;left:5px;width:7px;height:7px;border-radius:50%;background:#fff}
#home .cats{display:none!important}
#home .sectiontitle{margin-top:13px}
.locationRow input{border-radius:5px!important}
.locationRow input:checked{box-shadow:none!important;position:relative}
.locationAllRow{font-weight:800}
.advancedFilterOverlay{position:fixed;inset:0;z-index:110;display:flex;align-items:flex-end;justify-content:center;background:rgba(31,25,21,.42)}
.advancedFilterOverlay[hidden]{display:none}
.advancedFilterPanel{box-sizing:border-box;width:min(100%,430px);padding:18px 16px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:var(--surface);color:var(--text);box-shadow:0 -12px 35px #291d1533}
.advancedFilterHeader{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:46px;margin-bottom:12px}
.advancedFilterHeader h2{font-size:20px;text-align:center;margin:0}
.advancedFilterBody{display:grid;gap:14px}
.advancedFilterBody>label{display:grid;gap:7px;font:700 13px Tajawal}
.advancedFilterBody select,.advancedFilterBody input{box-sizing:border-box;width:100%;height:44px;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface2);color:var(--text);font:500 13px Tajawal}
.priceRangeFields{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.priceRangeFields label{display:grid;gap:7px;font:700 13px Tajawal}
.dark .homeSearchWrap input,.dark .compactLocationButton,.dark .advancedFilterButton{background:var(--surface);border-color:var(--line);color:var(--text)}
.dark .advancedFilterBody select,.dark .advancedFilterBody input{background:var(--surface2);color:var(--text);border-color:var(--line)}
@media(max-width:360px){.compactLocationButton{min-width:92px;max-width:126px;padding:0 9px}.compactFilterBar{gap:6px}.compactFilterSpacer{min-width:8px}}


/* Direct profile editing */
#profile .profile{position:relative}
#profile .profile .profileEditable{cursor:pointer;transition:transform .15s,filter .15s}
#profile .profile .profileEditable:active{transform:scale(.97);filter:brightness(.9)}
#profile .profile .profileEditableName{display:inline-block;cursor:pointer;border-bottom:1px dashed transparent;transition:border-color .15s}
#profile .profile .profileEditableName:active{border-bottom-color:var(--brand)}
#profile .settings .setting{width:100%;font-family:inherit}
.profilePhotoActions{display:grid;gap:10px}
.profilePhotoActions .primary,.profilePhotoActions .ghost{width:100%}
.profilePhotoViewer{position:fixed;inset:0;z-index:10020;background:rgba(0,0,0,.96);display:grid;place-items:center;padding:20px}
.profilePhotoViewer[hidden]{display:none}
.profilePhotoViewer img{max-width:100%;max-height:88dvh;object-fit:contain;border-radius:12px}
.profilePhotoViewer>button{position:absolute;top:max(18px,env(safe-area-inset-top));right:18px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(50,50,50,.8);color:#fff;font:32px Arial;cursor:pointer}
#profileNameModal .form,#phoneChangeModal .form{gap:10px}
#profileNameModal label{display:grid;gap:7px;font:700 12px Tajawal}
.phoneChangeNote{margin:0 0 2px;color:var(--muted);font-size:13px;line-height:1.7}
.phoneTransferWarning{border:1px solid #9b5f35;background:#3a261d;color:#f4e8dd;border-radius:10px;padding:12px;line-height:1.65;font-size:12px}
.phoneTransferWarning.neutral{border-color:var(--line);background:var(--surface2);color:var(--text)}
.phoneTransferWarning b{display:block;color:#e6a46b;font-size:14px;margin-bottom:4px}
.phoneTransferWarning p{margin:4px 0}
.phoneTransferWarning label{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:700}
.phoneTransferWarning input{width:20px;height:20px;accent-color:var(--brand)}


/* Profile — design 2 */
#profile.screen{min-height:calc(100vh - 62px);padding:0 14px 24px;background:#f7f2ea;color:#34271d}
#profile .profile{position:relative;margin:0 -14px;padding:14px 14px 10px;text-align:center;border:0;border-radius:0;background:linear-gradient(180deg,#fffdf9 0%,#f8efe2 100%);box-shadow:none;overflow:hidden}
.profileSecondLogo{position:relative;z-index:2;display:flex;justify-content:center;height:52px;margin-bottom:8px}
.profileSecondLogo img{width:126px;height:48px;object-fit:contain}
.profileSecondDunes{position:absolute;left:-10%;right:-10%;top:50px;height:118px;opacity:.78;background:
radial-gradient(120% 70% at 24% 100%,#ead9c4 0 34%,transparent 35%),
radial-gradient(110% 70% at 72% 104%,#f0dfcb 0 36%,transparent 37%),
linear-gradient(180deg,transparent 0 38%,#f6eadc 39% 100%);pointer-events:none}
.profileSecondGear{position:absolute;top:16px;left:14px;z-index:4;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.8);color:#5b4636;font:18px Arial;cursor:pointer}
.profileSecondAvatarWrap{position:relative;z-index:3;width:98px;height:98px;margin:4px auto 8px;cursor:pointer}
#profile .profile .avatar{width:98px;height:98px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 1px #8d7159,0 5px 16px rgba(81,54,33,.13);background:#eee}
.profileCameraBadge{position:absolute;right:2px;bottom:2px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#31261f;color:white;border:2px solid white;font:15px Arial}
#profile .profile h2{position:relative;z-index:3;display:inline-flex;align-items:center;gap:6px;margin:0 0 3px!important;color:#291f18;font-size:20px;font-weight:800}
.profileEditMark{font:14px Arial;color:#8f6b4d}
#profile .profile .muted{position:relative;z-index:3;color:#887b70;font-size:12px}
.profileSecondStats{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);margin:16px auto 0;max-width:375px;border:1px solid #eee4da;border-radius:12px;background:rgba(255,255,255,.93);box-shadow:0 4px 14px rgba(72,48,31,.05);overflow:hidden}
.profileSecondStats button{position:relative;padding:12px 4px 10px;border:0;background:transparent;color:#3e3127;font-family:Tajawal;cursor:pointer}
.profileSecondStats button+button:before{content:'';position:absolute;right:0;top:14px;bottom:14px;width:1px;background:#eee5dc}
.profileSecondStats b{display:block;font-size:18px;color:#3b2b20;line-height:1.1}
.profileSecondStats span{display:block;margin-top:5px;font-size:10px;color:#8d8177}
.profileSecondEmpty{position:relative;z-index:3;padding:22px 0 14px}
.profileGuestAvatar{width:82px;height:82px;margin:auto auto 10px;border-radius:50%;display:grid;place-items:center;background:#efe4d6;color:#8c6546;font-size:34px}
.profileSecondEmpty h2{margin:0!important}
.profileSecondEmpty p{margin:6px 0 0;color:#8d8177;font-size:12px}

#profile .settings{display:grid;gap:10px;margin:12px 0 0}
.profileSecondCard{overflow:hidden;border:1px solid #e9dfd5;border-radius:12px;background:#fff;box-shadow:0 3px 14px rgba(67,43,27,.045)}
.profileSecondRow{box-sizing:border-box;width:100%;min-height:48px;padding:0 12px;border:0;border-bottom:1px solid #eee6de;background:#fff;color:#392d24;display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:8px;text-align:right;font:600 12px Tajawal;cursor:pointer}
.profileSecondRow:last-child{border-bottom:0}
.profileSecondRow:hover{background:#fffaf5}
.profileRowIcon{display:grid;place-items:center;color:#8b572e;font:18px Arial}
.profileRowText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profileRowArrow{color:#a5988c;font:20px Arial;text-align:left}
.profileRowMuted{opacity:.2}
.profileSecondRow .toggle{justify-self:end;transform:scale(.82);transform-origin:center left}
.profileAccountCard{margin-top:0}
.profileSecondLogout{width:100%;height:44px;margin-top:2px;border:1px solid #e99a93;border-radius:10px;background:#fff8f7;color:#cf3c32;font:800 13px Tajawal;cursor:pointer}

body.dark #profile.screen{background:#171513;color:#f7efe4}
body.dark #profile .profile{background:linear-gradient(180deg,#211d19 0%,#1b1815 100%)}
body.dark .profileSecondDunes{opacity:.22;filter:saturate(.5)}
body.dark .profileSecondGear{background:#2c2621;color:#e6d6c5}
body.dark #profile .profile h2{color:#f7efe4}
body.dark #profile .profile .muted{color:#b6a896}
body.dark .profileSecondStats{background:#211d19;border-color:#3c332b}
body.dark .profileSecondStats button{color:#f4eadf}
body.dark .profileSecondStats button+button:before{background:#3c332b}
body.dark .profileSecondStats b{color:#fff5e9}
body.dark .profileSecondStats span{color:#b6a896}
body.dark .profileSecondCard{background:#211d19;border-color:#3c332b}
body.dark .profileSecondRow{background:#211d19;color:#f7efe4;border-bottom-color:#3c332b}
body.dark .profileSecondRow:hover{background:#28221d}
body.dark .profileSecondLogout{background:#2a1d1c;border-color:#7d3e39;color:#ff786d}
@media(max-width:360px){.profileSecondStats{margin-top:13px}.profileSecondStats b{font-size:16px}.profileSecondRow{padding:0 9px}}


/* Circular avatar cropper + commission calculator */
.avatarCropModal .avatarCropBox{width:min(390px,100%);padding-bottom:16px}
.avatarCropHint{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.6;text-align:center}
.avatarCropStage{position:relative;width:280px;height:280px;max-width:82vw;max-height:82vw;margin:0 auto 14px;overflow:hidden;background:#111;touch-action:none;user-select:none;-webkit-user-select:none}
.avatarCropStage img{position:absolute;left:0;top:0;max-width:none!important;max-height:none!important;transform-origin:0 0;will-change:transform;width:auto;height:auto;pointer-events:none}
.avatarCropMask{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 999px rgba(0,0,0,.62);border:3px solid rgba(255,255,255,.96);pointer-events:none}
.avatarZoomLabel{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;font:700 12px Tajawal;margin:4px 2px 14px}
.avatarZoomLabel input{padding:0;border:0;background:transparent;accent-color:var(--brand)}
.avatarCropActions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.avatarCropActions button{width:100%}
.profilePhotoViewerCircle{width:min(78vw,360px);height:min(78vw,360px);border-radius:50%;overflow:hidden;background:#111;border:3px solid rgba(255,255,255,.95);box-shadow:0 10px 35px rgba(0,0,0,.35)}
.profilePhotoViewerCircle img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border-radius:0!important}
.commissionCalculator{gap:11px!important}
.commissionCalculator h3{margin:0;font-size:17px}
.commissionCalculator label{display:grid;gap:7px;font:700 12px Tajawal}
.commissionCalculator input{height:44px;background:var(--surface2)}
.commissionCalculator .primary{width:100%}
.commissionCalcResult{margin-top:2px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface2)}
.commissionCalcResult[hidden]{display:none}
.commissionCalcResult>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px}
.commissionCalcResult>div:last-child{border-bottom:0}
.commissionCalcResult span{color:var(--muted)}
.commissionCalcResult b{font-size:13px;color:var(--text)}
.commissionCalcResult .commissionTotal{background:color-mix(in srgb,var(--brand) 9%,var(--surface))}
.commissionCalcResult .commissionTotal b{color:var(--brand);font-size:16px}
@media(max-width:340px){.avatarCropStage{width:250px;height:250px}.avatarCropState{--size:250px}}


/* Icon language — profile design 2 */
.uiSvgIcon{display:block;width:22px;height:22px;pointer-events:none}
.iconbtn .uiSvgIcon{width:21px;height:21px;margin:auto}
.profileSecondGear{display:grid;place-items:center}
.profileSecondGear .uiSvgIcon{width:19px;height:19px}
.profileCameraBadge .uiSvgIcon{width:16px;height:16px}
.profileEditMark{display:inline-flex;align-items:center;justify-content:center}
.profileEditMark .uiSvgIcon{width:15px;height:15px}
.profileRowIcon{width:38px;height:38px;border-radius:12px;background:#f7ead9;color:#8a582d;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(139,87,46,.05)}
.profileRowIcon .uiSvgIcon{width:21px;height:21px;stroke-width:1.9}
.profileSecondRow{grid-template-columns:42px 1fr 18px;min-height:56px;padding:0 12px}
.profileSecondRow .profileRowText{font-size:13px;font-weight:700}
.profileSecondStats button{display:grid;grid-template-columns:auto;justify-items:center;align-content:center;gap:2px;padding:11px 4px 10px}
.profileStatIcon{width:39px;height:39px;border-radius:50%;display:grid!important;place-items:center!important;margin:0 0 3px!important;background:#f8ecdc;color:#8a582d}
.profileStatIcon .uiSvgIcon{width:21px;height:21px}
.profileSecondStats b{font-size:17px;line-height:1;margin-top:0}
.profileSecondStats button>span:last-child{margin-top:2px}
.profileSecondLogout{display:flex;align-items:center;justify-content:center;gap:9px}
.profileSecondLogout .uiSvgIcon{width:21px;height:21px}
.bottom .nav{position:relative;padding-top:4px}
.bottom .nav span{width:42px;height:32px;border-radius:17px;display:grid;place-items:center;transition:.18s;background:transparent}
.bottom .nav span .uiSvgIcon{width:23px;height:23px;stroke-width:1.75}
.bottom .nav.on span{background:#f7ead9;color:#8a582d}
.bottom .nav.on:after{content:'';position:absolute;bottom:2px;width:24px;height:3px;border-radius:99px;background:#8a582d}
body.dark .profileRowIcon{background:#332a22;color:#d8a56d;box-shadow:inset 0 0 0 1px #493a2d}
body.dark .profileStatIcon{background:#332a22;color:#d8a56d}
body.dark .bottom .nav.on span{background:#332a22;color:#d8a56d}
body.dark .bottom .nav.on:after{background:#d8a56d}
@media(max-width:360px){.profileRowIcon{width:35px;height:35px;border-radius:10px}.profileSecondRow{grid-template-columns:39px 1fr 16px;padding:0 9px}.profileStatIcon{width:36px;height:36px}}


/* Dedicated avatar crop overlay */
.avatarCropOverlay{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(12,10,9,.94);overscroll-behavior:none}
.avatarCropOverlay[hidden]{display:none!important}
body.avatarCropping{overflow:hidden;touch-action:none}
.avatarCropBox{box-sizing:border-box;width:min(400px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:16px;border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 18px 60px rgba(0,0,0,.45)}
.avatarCropTop{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px}
.avatarCropTop h3{margin:0;text-align:center;font-size:18px}
.avatarCropClose{width:38px;height:38px;border:0;border-radius:50%;background:var(--surface2);color:var(--text);font:28px Arial;cursor:pointer}
.avatarCropHint{margin:10px auto 14px;max-width:320px;color:var(--muted);font-size:12px;line-height:1.7;text-align:center}
.avatarCropStage{position:relative;width:min(310px,82vw);aspect-ratio:1/1;height:auto;max-width:100%;margin:0 auto 16px;overflow:hidden;background:#111;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:12px}
.avatarCropStage img{position:absolute;left:0;top:0;max-width:none!important;max-height:none!important;transform-origin:0 0;will-change:transform;width:auto;height:auto;pointer-events:none}
.avatarCropShade{position:absolute;inset:0;background:transparent;pointer-events:none}
.avatarCropCircle{position:absolute;inset:5%;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px rgba(181,124,70,.9),0 0 0 999px rgba(0,0,0,.48);pointer-events:none;overflow:hidden}
.avatarCropCircle:before{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.cropGuideV,.cropGuideH{position:absolute;background:rgba(255,255,255,.28)}
.cropGuideV{top:0;bottom:0;left:50%;width:1px}
.cropGuideH{left:0;right:0;top:50%;height:1px}
.avatarZoomLabel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font:700 11px Tajawal;margin:0 2px 14px}
.avatarZoomLabel input{padding:0;border:0;background:transparent;accent-color:var(--brand)}
.avatarCropActions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px}
.avatarCropActions button{width:100%;min-height:43px}
body.dark .avatarCropBox{background:#211d19}
@media(max-width:350px){.avatarCropOverlay{padding:8px}.avatarCropBox{padding:12px}.avatarCropStage{width:min(280px,84vw)}}


/* Inline avatar crop inside photo chooser */
#profilePhotoModal .profilePhotoModalBox{width:min(390px,100%);max-height:92dvh;overflow:auto}
#profilePhotoCropView[hidden],#profilePhotoMenuView[hidden]{display:none!important}
#profilePhotoCropView{animation:profileCropIn .16s ease-out}
#profilePhotoModal .inlineAvatarCropStage{width:min(300px,78vw);margin:0 auto 14px}
#profilePhotoModal .avatarCropActions{margin-top:2px}
#profilePhotoModal .avatarCropActions .primary{font-weight:800}
@keyframes profileCropIn{from{opacity:.55;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@media(max-width:360px){#profilePhotoModal .inlineAvatarCropStage{width:min(270px,76vw)}}


/* Avatar crop directly inside profile page */
.profileInlineCropEditor{position:relative;z-index:4;margin:6px auto 4px;max-width:360px;padding:10px 12px 4px}
.profileInlineCropEditor h3{margin:0 0 5px;font-size:16px;color:var(--text)}
.profileInlineCropEditor p{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.6}
#profile .profilePageCropStage{width:min(300px,76vw);margin:0 auto 13px;border-radius:12px}
#profile .profileInlineCropEditor .avatarZoomLabel{margin:0 2px 12px}
#profile .profileInlineCropEditor .avatarCropActions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}
#profile .profileInlineCropEditor .avatarCropActions button{min-height:42px}
body.dark .profileInlineCropEditor h3{color:#f7efe4}
@media(max-width:360px){#profile .profilePageCropStage{width:min(270px,74vw)}}


/* Avatar editing happens in the profile avatar itself */
#profile .profileCropAvatarWrap{width:126px;height:126px;margin:4px auto 8px;position:relative;z-index:5}
#profile .avatarCircleCropStage{width:126px!important;height:126px!important;aspect-ratio:1/1;margin:0!important;border-radius:50%!important;overflow:hidden!important;background:#111;border:3px solid #fff;box-shadow:0 0 0 2px #a97545,0 5px 16px rgba(81,54,33,.16);touch-action:none}
#profile .avatarCircleCropStage img{position:absolute;left:0;top:0;max-width:none!important;max-height:none!important;transform-origin:0 0;will-change:transform;pointer-events:none}
#profile .avatarCircleCropStage .cropGuideV,#profile .avatarCircleCropStage .cropGuideH{position:absolute;z-index:4;background:rgba(255,255,255,.35);pointer-events:none}
#profile .avatarCircleCropStage .cropGuideV{top:0;bottom:0;left:50%;width:1px}
#profile .avatarCircleCropStage .cropGuideH{left:0;right:0;top:50%;height:1px}
#profile .profileAvatarInlineControls{position:relative;z-index:5;width:min(280px,82%);margin:9px auto 2px}
#profile .profileAvatarInlineControls .avatarZoomLabel{margin:0 0 8px;grid-template-columns:18px 1fr 18px}
#profile .profileAvatarInlineControls .avatarCropActions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#profile .profileAvatarInlineControls .avatarCropActions button{min-height:36px;padding:8px 10px;font-size:12px}
#profile .profileAvatarInlineControls+.profileSecondStats{margin-top:12px}
body.dark #profile .avatarCircleCropStage{border-color:#f5eadf;box-shadow:0 0 0 2px #c28d58,0 5px 18px rgba(0,0,0,.35)}
@media(max-width:360px){#profile .profileCropAvatarWrap,#profile .avatarCircleCropStage{width:116px!important;height:116px!important}}


/* Pinch-only avatar crop controls */
.avatarCropGestureHint{margin:-4px 0 12px;text-align:center;color:var(--muted);font:600 11px Tajawal;line-height:1.5}
#avatarCropOverlay .avatarCropActions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px}
#avatarCropOverlay .avatarCropActions button{min-height:44px}
#avatarCropOverlay .avatarCropStage{touch-action:none;-webkit-user-select:none;user-select:none}
#avatarCropOverlay .avatarCropStage img{-webkit-user-drag:none}


/* Professional icon system across Nawader */
.buttonWithIcon{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.buttonWithIcon .uiSvgIcon{width:18px;height:18px;flex:none}
.metaWithIcon,.detailMeta,.sellerLine,.headingWithIcon,.locknoteIcon{display:flex;align-items:center;gap:6px}
.metaWithIcon .uiSvgIcon,.detailMeta .uiSvgIcon,.sellerLine .uiSvgIcon{width:14px;height:14px;flex:none;color:var(--brand)}
.headingWithIcon{font-size:14px!important}
.headingWithIcon .uiSvgIcon{width:18px;height:18px;color:var(--brand)}
.locknoteIcon{justify-content:center}
.locknoteIcon .uiSvgIcon{width:17px;height:17px;color:var(--brand)}
.homeSearchIcon{display:grid;place-items:center;width:22px;height:22px}
.homeSearchIcon .uiSvgIcon{width:19px;height:19px}
.compactLocationButton b{display:grid;place-items:center}
.compactLocationButton b .uiSvgIcon{width:15px;height:15px}
.advancedFilterButton .uiSvgIcon{width:21px;height:21px}
.locationClose{display:grid!important;place-items:center!important}
.locationClose .uiSvgIcon,.mediaLightboxClose .uiSvgIcon,.avatarCropClose .uiSvgIcon{width:20px;height:20px}
.fav,.favAction{display:grid!important;place-items:center!important}
.fav .uiSvgIcon,.favAction .uiSvgIcon{width:21px;height:21px;fill:transparent}
.fav.on .uiSvgIcon,.favAction.on .uiSvgIcon{fill:currentColor}
.favAction{color:var(--brand)}
.uploadIcon{display:grid!important;place-items:center!important}
.uploadIcon .uiSvgIcon{width:30px;height:30px}
.mediaPreview button{display:grid!important;place-items:center!important}
.mediaPreview button .uiSvgIcon{width:15px;height:15px}
.pledgeIcon{display:grid!important;place-items:center!important}
.pledgeIcon .uiSvgIcon{width:30px;height:30px}
.profileRowArrow{display:grid!important;place-items:center!important}
.profileRowArrow .uiSvgIcon{width:17px;height:17px}
.profilePhotoViewer>button{display:grid!important;place-items:center!important}
.profilePhotoViewer>button .uiSvgIcon{width:22px;height:22px}
.detailActions .uiSvgIcon{width:19px;height:19px}
.reportBar .buttonWithIcon .uiSvgIcon{width:16px;height:16px}
#chat .toolbar .iconbtn .uiSvgIcon,#detail .toolbar .iconbtn .uiSvgIcon{width:20px;height:20px}
body.dark .metaWithIcon .uiSvgIcon,body.dark .detailMeta .uiSvgIcon,body.dark .sellerLine .uiSvgIcon{color:#d8a56d}


/* Structured ad detail sections */
.sellerAdLine{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:7px 0 10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.sellerIdentity,.adNumberGroup{display:inline-flex;align-items:center;gap:6px;min-width:0}
.sellerIdentity{color:var(--brand);font-size:11px}
.sellerIdentity .uiSvgIcon{width:15px;height:15px;flex:none}
.adNumberGroup{margin-inline-start:auto}
.adNumberGroup b{font-size:11px;font-weight:700;color:var(--text);direction:rtl;white-space:nowrap}
.reportIconOnly{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--muted);display:grid;place-items:center;cursor:pointer;padding:0}
.reportIconOnly .uiSvgIcon{width:16px;height:16px}
.reportIconOnly:active{transform:scale(.96)}
.descriptionCard{box-sizing:border-box;width:100%;margin:12px 0 14px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 2px 9px rgba(75,50,31,.04)}
.descriptionCard h3{margin:0 0 8px;font-size:14px}
.descriptionCard p{margin:0;color:var(--muted);font-size:12px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
.commentsSection{box-sizing:border-box;width:100%;margin:0 0 14px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.commentsSection .headingWithIcon{margin:0 0 10px}
.commentsSection .comments{margin-bottom:10px}
.commentsSection .empty{padding:24px 10px}
.commentComposer{margin-top:10px}
.commentComposer input{min-width:0}
body.dark .sellerAdLine,body.dark .descriptionCard,body.dark .commentsSection{background:#1f1b18;border-color:#40372f}
body.dark .reportIconOnly{background:#2a241f;border-color:#4a4037;color:#d4c4b4}
@media(max-width:360px){.sellerAdLine{align-items:flex-start}.adNumberGroup{width:100%;justify-content:flex-start;margin-inline-start:0}}


/* Progressive threaded comments */
.commentsSection .comments{display:grid;gap:9px}
.commentCard{border:1px solid var(--line);border-radius:10px;background:var(--surface2);padding:10px 11px;overflow:hidden}
.commentCard.advertiserComment{background:#f5eadc;border-color:#d6b28b}
.commentHeader{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:6px}
.commentAuthor{display:flex;align-items:center;gap:7px;min-width:0}
.commentAuthor b{font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.commentHeader time{flex:none;color:var(--muted);font-size:9px;white-space:nowrap}
.advertiserBadge{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:999px;background:var(--brand);color:#fff;font-size:9px;font-weight:800}
.commentBody{font-size:12px;line-height:1.7;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
.commentActions{display:flex;align-items:center;gap:10px;margin-top:7px}
.commentActions button{border:0;background:transparent;color:var(--brand);font:700 10px Tajawal;padding:2px 0;cursor:pointer}
.commentReplies{display:grid;gap:7px;margin-top:9px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.commentReply{margin-inline-start:18px;padding:8px 10px;border-radius:9px;background:var(--surface);border-inline-start:3px solid var(--brand)}
.advertiserReply{background:#f8eee2}
.advertiserReply .commentBody{font-size:11.5px}
.replySlot:empty{display:none}
.advertiserReplyComposer{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:9px}
.advertiserReplyComposer input{min-width:0;height:38px;padding:8px 10px}
.advertiserReplyComposer button{min-height:38px;padding:8px 12px}
.loadMoreComments{width:100%;min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--brand);font:800 12px Tajawal;cursor:pointer}
.loadMoreComments:active{transform:scale(.99)}
.detailMeta{flex-wrap:wrap;row-gap:5px}
.detailMeta span{white-space:nowrap}
body.dark .commentCard{background:#27211c;border-color:#443a31}
body.dark .commentCard.advertiserComment{background:#33271d;border-color:#6f5238}
body.dark .advertiserReply{background:#2d241d}
body.dark .commentReply{border-inline-start-color:#d8a56d}
body.dark .loadMoreComments{background:#231e1a;border-color:#443a31;color:#d8a56d}
@media(max-width:360px){.commentHeader{align-items:flex-start}.commentReply{margin-inline-start:10px}.advertiserReplyComposer{grid-template-columns:1fr}.advertiserReplyComposer button{width:100%}}


/* Approved oath section */
.oathSection{margin-top:28px!important}
.oathSection .pledgeIcon{margin-bottom:10px}
.oathSection h2{font-size:20px;margin:10px 0 12px}
.oathVerse{padding:12px 13px;border:1px solid #d9c4a7;border-radius:10px;background:#faf4ea;color:#65462d;font-size:13px;font-weight:800;line-height:1.9;text-align:center}
.oathVerse span{display:inline-block;margin-inline-start:4px;color:#8d725b;font-size:10px;font-weight:700}
.oathText{margin:13px 0 0!important;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:13px!important;line-height:1.9!important;text-align:right!important}
.oathAgree{align-items:flex-start!important;border:1px solid #d9c4a7;background:#f8efe2!important;padding:11px 12px!important}
.oathAgree input{margin-top:2px}
.oathAgree span{line-height:1.7}
body.dark .oathVerse{background:#2b231c;border-color:#624b36;color:#ead7c0}
body.dark .oathVerse span{color:#bda891}
body.dark .oathText{background:#211d19;border-color:#40372f}
body.dark .oathAgree{background:#2b231c!important;border-color:#624b36}


/* Live finger-following media carousel */
.galleryMainContent,.mediaLightboxStage{overflow:hidden}
.gallerySwipeTrack{display:flex;width:100%;height:100%;direction:ltr;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
.gallerySwipeTrack.single{display:block}
.gallerySlide{flex:0 0 100%;width:100%;height:100%;min-width:100%;direction:ltr;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}
.gallerySlide>img,.gallerySlide>video{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;background:#000}
.galleryMainContent .gallerySlide>img,.galleryMainContent .gallerySlide>video{object-fit:cover!important;border-radius:7px!important}
.mediaLightboxStage .gallerySlide>img,.mediaLightboxStage .gallerySlide>video{object-fit:contain!important;border-radius:0!important;max-width:100vw!important;max-height:100dvh!important}
.gallerySlideSide>*{pointer-events:none}
.gallerySlideSide video{object-fit:cover!important}
.mediaLightboxStage .gallerySlideSide video{object-fit:contain!important}
.galleryMainContent{touch-action:pan-y;overscroll-behavior-x:contain}
.mediaLightboxStage{touch-action:pan-y;overscroll-behavior-x:contain}


/* Advertiser following */
.bottom{grid-template-columns:repeat(7,1fr)}
.bottom .nav{font-size:9px}
.bottom .nav span{width:38px}
#following .toolbar{margin-bottom:10px}
.followingAdGrid{align-items:start}
.followingAdGrid>.followingEmpty{grid-column:1/-1}
.followingCard .followingSellerMini{display:flex;align-items:center;gap:5px;margin-bottom:5px;min-width:0}
.followingSellerMini span{font-size:10px;font-weight:800;color:var(--brand);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.followingSellerMini small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.followingEmpty .uiSvgIcon{width:34px;height:34px;margin:0 auto 9px;color:var(--brand)}
.followingEmpty p{margin:4px auto 12px;max-width:280px;line-height:1.7}
.followAdvertiserButton{display:inline-flex;align-items:center;gap:4px;min-height:29px;padding:5px 9px;border:1px solid #caa57e;border-radius:8px;background:#fff8ef;color:#8b5e34;font:800 10px Tajawal;cursor:pointer;white-space:nowrap}
.followAdvertiserButton .uiSvgIcon{width:13px;height:13px}
.followAdvertiserButton.on{background:#8b5e34;border-color:#8b5e34;color:#fff}
.sellerIdentity{flex-wrap:wrap}
.followingUserRow{display:flex;align-items:center;gap:10px;padding:10px 11px;margin-bottom:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.followingUserRow img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:var(--surface2);flex:none}
.followingUserRow .grow{min-width:0}
.followingUserRow b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.followingUserRow .meta{margin-top:2px}
.followingUserRow small{display:block;margin-top:4px;font-size:9px;color:var(--muted)}
.unfollowButton{flex:none;padding:8px 9px;font-size:10px}
#profileFollowingCount{display:inline!important;margin-inline-start:4px;font-size:11px!important;color:var(--brand)!important}
body.dark .followAdvertiserButton{background:#2b241e;border-color:#6f5238;color:#d8a56d}
body.dark .followAdvertiserButton.on{background:#a66e3c;border-color:#a66e3c;color:#fff}
body.dark .followingUserRow{background:#211d19;border-color:#3c332b}
@media(max-width:380px){
  .bottom .nav{font-size:8px}
  .bottom .nav span{width:34px}
  .bottom .nav span .uiSvgIcon{width:21px;height:21px}
  .followingUserRow{gap:8px;padding:9px}
  .followingUserRow img{width:44px;height:44px}
  .unfollowButton{padding:7px 8px;font-size:9px}
}


/* Centered logout confirmation */
.logoutConfirmModal{z-index:14000!important;padding:22px!important;place-items:center!important}
.logoutConfirmBox{width:min(360px,92vw)!important;text-align:center;padding:22px 18px 18px!important;border-radius:16px!important;box-shadow:0 22px 65px rgba(0,0,0,.28)}
.logoutConfirmIcon{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#fff0ee;color:#c83d33;border:1px solid #f0c2bd}
.logoutConfirmIcon .uiSvgIcon{width:27px;height:27px}
.logoutConfirmBox h3{margin:0 0 7px;font-size:18px}
.logoutConfirmBox p{margin:0 auto 18px;max-width:280px;color:var(--muted);font-size:12px;line-height:1.8}
.logoutConfirmActions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px}
.logoutConfirmActions button{min-height:43px;width:100%}
.logoutConfirmButton{border:1px solid #cf5148;border-radius:8px;background:#c94137;color:#fff;font:800 12px Tajawal;cursor:pointer;padding:10px 12px}
.logoutConfirmButton:active{transform:scale(.98)}
body.dark .logoutConfirmBox{background:#211d19;color:#f7efe4}
body.dark .logoutConfirmIcon{background:#321f1d;border-color:#6f3934;color:#ff786d}
@media(max-width:340px){.logoutConfirmActions{grid-template-columns:1fr}.logoutConfirmButton{order:-1}}


/* Unified password visibility controls */
.passwordField{position:relative;width:100%}
.passwordField input{width:100%;padding-left:46px!important}
.passwordToggle{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:38px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;padding:0;z-index:2}
.passwordToggle .uiSvgIcon{width:20px;height:20px;stroke-width:1.8}
.passwordToggle.showing{color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,transparent)}
.passwordToggle:active{transform:translateY(-50%) scale(.94)}
body.dark .passwordToggle{color:#c8b8a8}
body.dark .passwordToggle.showing{color:#e0ad73;background:rgba(216,165,109,.08)}


/* Dedicated search tab and history */
.topIconSpacer{display:block;width:42px;height:42px;flex:none}
.bottom .searchNav{overflow:visible}
.bottom .searchNav span{width:42px!important;height:42px!important;margin-top:-8px;border-radius:50%!important;background:#8a582d!important;color:#fff!important;box-shadow:0 5px 14px rgba(92,57,31,.24);border:3px solid rgba(255,255,255,.92)}
.bottom .searchNav span .uiSvgIcon{width:22px!important;height:22px!important;stroke-width:2!important}
.bottom .searchNav.on span{background:#6f4527!important;color:#fff!important}
.bottom .searchNav.on:after{bottom:1px}
#search{padding-top:16px}
.searchScreenTop{display:flex;align-items:center;justify-content:center;margin-bottom:13px}
.searchScreenTop h2{margin:0;font-size:21px}
.searchPageForm{margin:0 0 18px}
.searchPageInputWrap{position:relative}
.searchPageInputWrap input{height:48px;padding:9px 43px 9px 43px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font:500 13px Tajawal;text-align:right;outline:none}
.searchPageInputWrap input:focus{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 15%,transparent)}
.searchPageIcon{position:absolute;right:13px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:var(--brand);pointer-events:none;z-index:2}
.searchPageIcon .uiSvgIcon{width:20px;height:20px}
.searchInputClear{position:absolute;left:7px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:50%;background:var(--surface2);color:var(--muted);display:grid;place-items:center;cursor:pointer}
.searchInputClear[hidden]{display:none}
.searchInputClear .uiSvgIcon{width:16px;height:16px}
.searchHistorySection{margin-top:4px}
.searchHistoryHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.searchHistoryHeader h3{margin:0;font-size:14px}
#clearAllSearchesButton{border:0;background:transparent;color:#d23f35;font:800 11px Tajawal;cursor:pointer;padding:6px 0}
#clearAllSearchesButton[hidden]{display:none}
.searchHistoryList{display:grid}
.searchHistoryRow{display:grid;grid-template-columns:1fr 36px;align-items:center;gap:5px;min-height:48px;border-bottom:1px solid var(--line)}
.searchHistoryQuery{min-width:0;height:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--text);font:600 12px Tajawal;text-align:right;cursor:pointer;padding:7px 2px}
.searchHistoryQuery span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.searchHistoryQuery .uiSvgIcon{width:17px;height:17px;color:var(--muted);flex:none}
.searchHistoryDelete{width:32px;height:32px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#b5aaa0;cursor:pointer}
.searchHistoryDelete .uiSvgIcon{width:15px;height:15px}
.searchHistoryDelete:active{background:#fff0ee;color:#cf473d}
.searchHistoryEmpty{padding:30px 10px;text-align:center;color:var(--muted);font-size:12px}
.searchResultsSection .sectiontitle{margin-top:0}
.searchResultsGrid>.searchNoResults,.searchResultsGrid>.searchLoading{grid-column:1/-1}
.searchClearConfirmModal{z-index:14000!important;padding:22px!important;place-items:center!important}
.searchClearConfirmBox{width:min(360px,92vw)!important;text-align:center;padding:22px 18px 18px!important;border-radius:16px!important;box-shadow:0 22px 65px rgba(0,0,0,.28)}
.searchClearConfirmIcon{width:58px;height:58px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#fff0ee;color:#c83d33;border:1px solid #f0c2bd}
.searchClearConfirmIcon .uiSvgIcon{width:27px;height:27px}
.searchClearConfirmBox h3{margin:0 0 7px;font-size:18px}
.searchClearConfirmBox p{margin:0 auto 18px;max-width:280px;color:var(--muted);font-size:12px;line-height:1.8}
.searchClearConfirmActions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px}
.searchClearConfirmActions button{min-height:43px;width:100%}
.searchClearConfirmButton{border:1px solid #cf5148;border-radius:8px;background:#c94137;color:#fff;font:800 12px Tajawal;cursor:pointer;padding:10px 12px}
body.dark .bottom .searchNav span{border-color:#171411;background:#b67a46!important}
body.dark .searchClearConfirmBox{background:#211d19;color:#f7efe4}
body.dark .searchClearConfirmIcon{background:#321f1d;border-color:#6f3934;color:#ff786d}
@media(max-width:380px){
  .bottom .nav{font-size:7.5px}
  .bottom .nav span{width:31px}
  .bottom .nav span .uiSvgIcon{width:20px;height:20px}
  .bottom .searchNav span{width:39px!important;height:39px!important}
}


/* Live follower count stat */
.profileSecondStats .profileStatReadOnly{position:relative;display:grid;grid-template-columns:auto;justify-items:center;align-content:center;gap:2px;padding:11px 4px 10px;color:#3e3127;font-family:Tajawal;cursor:default;user-select:none}
.profileSecondStats .profileStatReadOnly:before{content:'';position:absolute;right:0;top:14px;bottom:14px;width:1px;background:#eee5dc}
.profileSecondStats .profileStatReadOnly>span:last-child{margin-top:2px}
body.dark .profileSecondStats .profileStatReadOnly{color:#f4eadf}
body.dark .profileSecondStats .profileStatReadOnly:before{background:#3c332b}


/* Home ad display modes: list + 3-column grid */
#home .sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}
.homeSectionHeading{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.homeSectionHeading b{font-size:17px;white-space:nowrap}
.homeSectionHeading #count{font-size:10px;color:var(--muted);cursor:pointer}
.adViewControls{display:flex;align-items:center;gap:5px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface);flex:none}
.adViewControls button{width:37px;height:31px;border:0;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;padding:0}
.adViewControls button .uiSvgIcon{width:18px;height:18px}
.adViewControls button.on{background:var(--brand);color:#fff;box-shadow:0 2px 7px rgba(81,53,30,.15)}
#adGrid.homeAdList{grid-template-columns:1fr;grid-auto-rows:96px;gap:7px}
#adGrid.homeAdList .card{display:grid;grid-template-columns:39% 61%;height:96px;min-height:96px;max-height:96px;direction:ltr;border-radius:11px;overflow:hidden}
#adGrid.homeAdList .card .imgwrap{height:96px;min-height:96px;max-height:96px;border-bottom:0;border-right:1px solid #e6ddd4;overflow:hidden;cursor:zoom-in}
#adGrid.homeAdList .card .imgwrap img,
#adGrid.homeAdList .card .imgwrap video{display:block;width:100%!important;height:96px!important;min-height:96px!important;max-height:96px!important;object-fit:cover!important;object-position:center 40%!important}
#adGrid.homeAdList .cardbody{direction:rtl;text-align:right;display:flex;flex-direction:column;justify-content:center;align-items:stretch;height:96px;min-height:0;max-height:96px;overflow:hidden;padding:7px 10px 6px}
#adGrid.homeAdList .card h3{font-size:13px;margin:0 0 3px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#adGrid.homeAdList .meta{font-size:9.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#adGrid.homeAdList .price{font-size:13px;margin-top:3px;line-height:1.25;white-space:nowrap}
#adGrid.homeAdList small.meta{margin-top:3px}
#adGrid.homeAdList .fav{width:28px;height:28px;top:6px;left:6px}
#adGrid.homeAdList .fav .uiSvgIcon{width:19px;height:19px}
#adGrid.homeAdGrid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#adGrid.homeAdGrid3 .card{min-width:0;border-radius:9px}
#adGrid.homeAdGrid3 .card .imgwrap{overflow:hidden}
#adGrid.homeAdGrid3 .card .imgwrap img,
#adGrid.homeAdGrid3 .card .imgwrap video{width:100%!important;height:96px!important;object-fit:cover!important;object-position:center 40%!important}
#adGrid.homeAdGrid3 .cardbody{padding:6px 6px 7px;min-height:78px}
#adGrid.homeAdGrid3 .card h3{font-size:10.5px;line-height:1.35;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#adGrid.homeAdGrid3 .meta{font-size:8.2px;gap:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#adGrid.homeAdGrid3 .meta .uiSvgIcon{width:10px!important;height:10px!important;flex:none}
#adGrid.homeAdGrid3 .price{font-size:10.5px;margin-top:4px;white-space:nowrap}
#adGrid.homeAdGrid3 small.meta{margin-top:4px}
#adGrid.homeAdGrid3 .fav{width:25px;height:25px;top:5px;left:5px}
#adGrid.homeAdGrid3 .fav .uiSvgIcon{width:17px;height:17px}
body.dark .adViewControls{background:#211d19;border-color:#3c332b}
body.dark .adViewControls button.on{background:#a66e3c;color:#fff}
body.dark #adGrid.homeAdList .card .imgwrap{border-right-color:#40372f}
@media(max-width:380px){
  #adGrid.homeAdList{grid-auto-rows:92px;gap:6px}
  #adGrid.homeAdList .card{grid-template-columns:39% 61%;height:92px;min-height:92px;max-height:92px}
  #adGrid.homeAdList .card .imgwrap,
  #adGrid.homeAdList .card .imgwrap img,
  #adGrid.homeAdList .card .imgwrap video{height:92px!important;min-height:92px!important;max-height:92px!important}
  #adGrid.homeAdList .cardbody{height:92px;min-height:0;max-height:92px;padding:6px 9px 5px}
  #adGrid.homeAdList .card h3{font-size:12.5px}
  #adGrid.homeAdList .meta{font-size:9px}
  #adGrid.homeAdList .price{font-size:12.5px}
  #adGrid.homeAdGrid3{gap:6px}
  #adGrid.homeAdGrid3 .card .imgwrap img,
  #adGrid.homeAdGrid3 .card .imgwrap video{height:84px!important}
  #adGrid.homeAdGrid3 .cardbody{padding:5px;min-height:72px}
  #adGrid.homeAdGrid3 .card h3{font-size:9.5px}
  #adGrid.homeAdGrid3 .meta{font-size:7.5px}
  #adGrid.homeAdGrid3 .price{font-size:9.5px}
}


/* Home sticky discovery controls + pull to refresh */
html,body{overscroll-behavior-y:contain}
.pullRefreshIndicator{--pull-distance:0px;position:fixed;top:118px;left:50%;z-index:88;display:flex;align-items:center;gap:7px;min-height:32px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 96%,transparent);color:var(--muted);font:700 10px Tajawal;box-shadow:0 5px 15px rgba(57,39,25,.12);opacity:0;pointer-events:none;transform:translate(-50%,calc(-22px + min(var(--pull-distance),42px)));transition:opacity .14s,transform .14s;backdrop-filter:blur(12px)}
.pullRefreshIndicator.show{opacity:1}
.pullRefreshIndicator b{font:700 17px Arial;line-height:1;transition:transform .16s;color:var(--brand)}
.pullRefreshIndicator.ready b{transform:rotate(180deg)}
.pullRefreshIndicator.refreshing b{animation:nawaderRefreshSpin .75s linear infinite}
@keyframes nawaderRefreshSpin{to{transform:rotate(360deg)}}
body.dark .pullRefreshIndicator{background:rgba(33,29,25,.96);border-color:#40372f}
@media(max-width:380px){#home .filters{top:58px}.pullRefreshIndicator{top:116px}}


/* Launch-readiness additions: sorting, infinite feed, realtime chat */
.homeAdTools{display:flex;align-items:center;gap:6px;min-width:0}
.adSortSelect{width:auto;min-width:92px;height:37px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font:700 10px Tajawal;cursor:pointer}
.detailToolbarButtons{display:flex;align-items:center;gap:2px;min-width:70px;justify-content:flex-start}
.detailToolbarButtons .uiSvgIcon{width:19px;height:19px}
.homeAdsSentinel{height:2px;width:100%;margin:0;padding:0;text-align:center;color:var(--muted);font:700 10px Tajawal}
.homeAdsSentinel:not([hidden]){min-height:28px;height:28px;display:grid;place-items:center}
.chatTypingState{min-height:22px;padding:2px 10px;color:var(--muted);font:600 10px Tajawal}
.chatReadState{display:block;margin-top:3px;color:color-mix(in srgb,var(--brand) 75%,var(--muted));font:600 8px Tajawal}
.chatComposer{position:sticky;bottom:68px;z-index:12;padding:8px 0;background:linear-gradient(to bottom,transparent,var(--bg) 28%)}
#pushNotificationState{font-size:10px;color:var(--brand)}
body.dark .adSortSelect{background:#211d19;border-color:#3c332b;color:#f7efe4}
@media(max-width:380px){
  .homeAdTools{gap:4px}
  .adSortSelect{min-width:80px;width:80px;font-size:9px;padding:0 5px}
  .adViewControls{gap:2px}
  .adViewControls button{width:32px}
}

.profileSecondDelete{margin-top:10px!important;background:#fff3f1!important;color:#b53d35!important;border:1px solid #edc9c4!important}.profileSecondDelete .uiSvgIcon{color:#b53d35!important}body.dark .profileSecondDelete{background:#321f1d!important;border-color:#6f3934!important;color:#ff8177!important}


/* Username settings + account deletion flow */
.usernameSettingsPanel{display:grid;gap:14px;padding-top:8px}
.usernameSettingsIdentity{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.usernameSettingsIcon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--surface2);color:var(--brand)}
.usernameSettingsIcon .uiSvgIcon{width:24px;height:24px}
.usernameSettingsIdentity div{display:grid;gap:4px}
.usernameSettingsIdentity small{font:600 11px Tajawal;color:var(--muted)}
.usernameSettingsIdentity strong{font:800 17px Tajawal;color:var(--text);direction:ltr;text-align:right}
.usernameDeleteRow{width:100%;min-height:58px;padding:0 15px;border:1px solid #efc3bd;border-radius:14px;background:#fff5f3;color:#b33e35;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:10px;text-align:right;font-family:Tajawal;cursor:pointer}
.usernameDeleteRow>span,.usernameDeleteRow>i{display:grid;place-items:center}
.usernameDeleteRow>i{font-style:normal;opacity:.7}
.usernameDeleteRow b{font-size:14px}
.usernameDeleteUnavailable{padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--surface2);font-size:12px}
.deleteAccountPage{padding:8px 0 24px}
.deleteAccountWarningIcon{width:64px;height:64px;margin:8px auto 10px;border-radius:50%;display:grid;place-items:center;background:#fff0ee;color:#b33e35}
.deleteAccountWarningIcon .uiSvgIcon{width:29px;height:29px}
.deleteAccountPage h3{margin:0 0 15px;text-align:center;font-size:20px;color:var(--text)}
.deleteAccountInstructions{margin-bottom:18px;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);color:var(--muted);font-size:12px;line-height:1.9}
.deleteAccountInstructions p{margin:4px 0}
.deleteAccountPasswordLabel{display:block;margin:0 2px 7px;font:800 12px Tajawal;color:var(--text)}
.deleteAccountPasswordField input{height:48px}
.deleteAccountPage .formError{min-height:22px;padding:5px 2px 0}
.deleteAccountContinue{width:100%;height:48px;border:0;border-radius:10px;background:#b33e35;color:white;font:800 14px Tajawal;cursor:pointer}
.deleteAccountConfirmBox{text-align:center}
.deleteAccountConfirmIcon{width:62px;height:62px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#fff0ee;color:#b33e35}
.deleteAccountConfirmIcon .uiSvgIcon{width:28px;height:28px}
.deleteAccountConfirmBox h3{margin:0 0 8px}
.deleteAccountConfirmBox p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.deleteAccountConfirmActions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.deleteAccountConfirmActions button{min-height:44px}
.deleteAccountConfirmButton{border:0;border-radius:8px;background:#b33e35;color:white;font:800 12px Tajawal;cursor:pointer}
body.dark .usernameDeleteRow{background:#321f1d;border-color:#6f3934;color:#ff8177}
body.dark .deleteAccountWarningIcon,body.dark .deleteAccountConfirmIcon{background:#321f1d;color:#ff8177}