/* SouqX 2.2.1 - carefully scoped visual repair, RTL/LTR and both themes. */
:root{--sx221-navy:#101b39;--sx221-violet:#7045ef;--sx221-cyan:#29c8dc;--sx221-edge:#dfe5f2;--sx221-ink:#14213d}
html,body{max-width:100%;overflow-x:clip}
.content{min-width:0;overflow-x:clip}
.content .wrap{max-width:1320px;min-width:0}
/* Detail page: fix invisible ribbon, huge empty hero, horizontal overflow. */
.sx2-listing-ribbon{display:none!important}
.sx-page-listing.sx-luxe-detail{width:min(100% - 32px,1280px)!important;max-width:1280px!important;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box}
.sx-page-listing .sx-detail-intro{box-sizing:border-box;width:100%;min-height:0!important;margin:12px 0 22px!important;padding:25px clamp(18px,3vw,36px)!important;overflow:hidden!important;isolation:isolate;background:linear-gradient(112deg,#101a37 0%,#2c296b 57%,#7045ed 100%)!important;color:#fff!important;box-shadow:0 14px 36px rgba(28,32,81,.16)!important}
.sx-page-listing .sx-detail-intro:after{opacity:.45;z-index:-1}
.sx-page-listing .sx-detail-breadcrumb{margin:0 0 12px!important;line-height:1.7;min-width:0}
.sx-page-listing .sx-detail-eyebrow{margin:0 0 5px!important;color:#9eebff!important;font-size:10px!important;letter-spacing:1px}
.sx-page-listing .sx-detail-intro-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-width:0}
.sx-page-listing .sx-detail-intro-row>div{min-width:0;flex:1 1 260px}
.sx-page-listing .sx-detail-intro h2{margin:0 0 4px!important;font-size:clamp(23px,2.7vw,35px)!important;line-height:1.45!important;color:#fff!important}
.sx-page-listing .sx-detail-intro p{color:#e3e6ff!important;font-size:13px!important;line-height:1.7!important}
.sx-page-listing .sx-detail-status{display:inline-flex;align-items:center;min-height:36px;border:1px solid rgba(255,255,255,.27)!important;background:rgba(255,255,255,.11)!important;color:#fff!important;white-space:normal;max-width:100%}
.sx-page-listing .listing-shell{min-width:0;gap:18px!important}
.sx-page-listing .listing-shell>*{min-width:0}
.sx-page-listing .listing-gallery,.sx-page-listing .listing-summary,.sx-page-listing .detail-section{min-width:0;box-sizing:border-box}
.sx-page-listing .listing-gallery img{max-width:100%}
.sx-page-listing .listing-summary{overflow-wrap:anywhere}
/* Admin pages: consistent page width, prevent task-table sideways scroll from widening layout. */
.content :is(.settings-grid,.admin-grid,.stats-grid,.dashboard-grid){min-width:0}
.content :is(.settings-grid,.admin-grid,.stats-grid,.dashboard-grid)>*{min-width:0}
.content :is(input,textarea,select){max-width:100%;box-sizing:border-box}
.content :is(.card,.panel,.setting-card){box-sizing:border-box;min-width:0}
.content table{max-width:100%;border-collapse:separate;border-spacing:0}
.content :is(th,td){overflow-wrap:break-word}
.content :is(.table-wrap,.table-responsive){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
/* Admin: modern but legible fields and actions without breaking existing logic. */
.content :is(.setting-card,.card) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:12px}
.content :is(.setting-card,.card) :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible{outline:2px solid var(--sx221-violet);outline-offset:1px}
.content :is(.setting-card,.card) button:focus-visible,.content a:focus-visible{outline:2px solid var(--sx221-cyan);outline-offset:2px}
.content :is(.setting-card,.card) :is(button,.btn){max-width:100%;white-space:normal}
/* Do not let old forced dark colors leak into light listing. */
body:not(.dark) .sx-page-listing .sx-detail-intro{color:#fff!important}
body:not(.dark) .sx-page-listing .sx-detail-intro :is(h2,p,a,strong,span){text-shadow:none}
body.dark .sx-page-listing .sx-detail-intro{background:linear-gradient(115deg,#09162c,#2a2866 62%,#6338d7)!important;border:1px solid rgba(170,163,255,.18)}
body.dark .sx-page-listing .sx-detail-intro :is(h2,p,a,strong,span){color:#f4f5ff}
html[dir=rtl] .sx-page-listing .sx-detail-intro{text-align:right}
html[dir=ltr] .sx-page-listing .sx-detail-intro{text-align:left}
@media(max-width:950px){.sx-page-listing.sx-luxe-detail{width:calc(100% - 24px)!important}.sx-page-listing .listing-shell{grid-template-columns:minmax(0,1fr)!important}.sx-page-listing .listing-summary{position:static!important}}
@media(max-width:600px){.sx-page-listing.sx-luxe-detail{width:calc(100% - 20px)!important}.sx-page-listing .sx-detail-intro{padding:19px 17px!important;margin-top:8px!important;border-radius:18px!important}.sx-page-listing .sx-detail-intro-row{align-items:flex-start!important}.sx-page-listing .sx-detail-status{font-size:11px}.content :is(.settings-grid,.admin-grid,.stats-grid,.dashboard-grid){grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){.sx-page-listing *{scroll-behavior:auto!important}}