/* User app global React-style design pass */
:root{
  --it-violet:#8b4ce0;
  --it-purple:#6a2fcf;
  --it-blue:#2563eb;
  --it-ink:#101827;
  --it-card:rgba(255,255,255,.115);
  --it-card-strong:rgba(255,255,255,.18);
  --it-border:rgba(255,255,255,.20);
}
html,body{margin:0;background:#2d2d94;}
.it-mobile-frame{position:relative;overflow:hidden;}
.it-mobile-frame::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.16),transparent 24%),radial-gradient(circle at 94% 28%,rgba(80,160,255,.20),transparent 28%),radial-gradient(circle at 10% 86%,rgba(255,160,255,.10),transparent 22%);}
.it-page-wrap{position:relative;z-index:1;padding-bottom:1rem;}
.it-page-header{position:sticky;top:0;z-index:18;margin:-.75rem -.75rem .9rem -.75rem;padding:.8rem .85rem;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.08));border-bottom:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);box-shadow:0 10px 26px rgba(0,0,0,.12);}
.it-page-header h1{font-size:1.12rem;line-height:1.25rem;color:white;font-weight:900;letter-spacing:-.02em;}
.it-page-header p{font-size:.68rem;line-height:.9rem;color:rgba(255,255,255,.66);font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.it-back-btn{height:2.35rem;width:2.35rem;display:grid;place-items:center;border-radius:.9rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.18),0 10px 20px rgba(0,0,0,.12);}
.glass-card,.it-card{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.075))!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:1.25rem!important;box-shadow:0 15px 35px rgba(23,13,66,.22),inset 0 1px rgba(255,255,255,.15)!important;backdrop-filter:blur(18px);}
.it-card-dark{background:linear-gradient(135deg,rgba(15,23,42,.55),rgba(91,33,182,.28))!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:1.25rem!important;box-shadow:0 16px 38px rgba(0,0,0,.24)!important;}
.it-hero{border-radius:1.55rem;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(115,70,255,.28));border:1px solid rgba(255,255,255,.20);box-shadow:0 18px 42px rgba(0,0,0,.18);padding:1.25rem;}
.it-section-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.65rem 0 .45rem;color:#fff;font-size:1.1rem;font-weight:900;letter-spacing:-.02em;}
.it-muted{color:rgba(255,255,255,.68)!important;}
.it-list-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.9rem 1rem;border-radius:1rem;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 24px rgba(0,0,0,.10);transition:transform .15s ease,background .15s ease;color:#fff;}
.it-list-card:active{transform:scale(.985)}
.it-list-card:hover{background:rgba(255,255,255,.16)}
.it-icon-badge{height:2.55rem;width:2.55rem;min-width:2.55rem;display:grid;place-items:center;border-radius:1rem;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.16);font-size:1.15rem;}
.it-stat-card{border-radius:1.15rem;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(0,0,0,.08));border:1px solid rgba(255,255,255,.16);padding:1rem;box-shadow:0 14px 28px rgba(0,0,0,.14);}
.it-stat-label{font-size:.72rem;color:rgba(255,255,255,.65);font-weight:700;}
.it-stat-value{font-size:1.4rem;font-weight:900;color:#fff;line-height:1.15;}
.it-data-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:.83rem;}
.it-data-row:last-child{border-bottom:0;}
.it-data-key{color:rgba(255,255,255,.62);text-transform:capitalize;}
.it-data-value{color:#fff;font-weight:700;text-align:right;max-width:62%;overflow-wrap:anywhere;}
.it-btn{box-shadow:0 12px 24px rgba(79,70,229,.28)!important;border:1px solid rgba(255,255,255,.16)!important;}
.it-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:.85rem;padding:.72rem .95rem;font-weight:800;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);}
.it-input,#pageContent input:not(.iti__search-input):not([type="checkbox"]):not([type="radio"]),#pageContent textarea,#pageContent select{min-height:2.8rem;border-radius:.9rem!important;background:rgba(255,255,255,.11)!important;color:#fff!important;border:1px solid rgba(255,255,255,.19)!important;outline:none!important;box-shadow:inset 0 1px rgba(255,255,255,.10)!important;}
#pageContent textarea{min-height:6.5rem;padding:.8rem 1rem;}
#pageContent input::placeholder,#pageContent textarea::placeholder{color:rgba(255,255,255,.55)!important;}
#pageContent select option{background:#fff!important;color:#111827!important;}
#pageContent label{color:rgba(255,255,255,.78)!important;font-size:.78rem!important;font-weight:700!important;margin-bottom:.35rem!important;}
#pageContent table{width:100%;border-collapse:separate;border-spacing:0;}
#pageContent th,#pageContent td{white-space:nowrap;}
#pageContent .bg-white:not(.iti__dropdown-content):not(.iti__country-list):not(.iti__selected-country):not(.iti__search-input),
#pageContent .bg-gray-50,#pageContent .bg-purple-50,#pageContent .bg-indigo-50,#pageContent .bg-green-50,#pageContent .bg-yellow-50,#pageContent .bg-red-50,#pageContent .bg-blue-50,#pageContent .bg-pink-50{
  background:rgba(255,255,255,.115)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important;
}
#pageContent .text-gray-900,#pageContent .text-gray-800,#pageContent .text-gray-700,#pageContent .text-gray-600,#pageContent .text-indigo-700,#pageContent .text-indigo-600,#pageContent .text-purple-700,#pageContent .text-green-600,#pageContent .text-red-600,#pageContent .text-violet-700{color:#fff!important;}
#pageContent .border-gray-100,#pageContent .border-gray-200,#pageContent .border-gray-300{border-color:rgba(255,255,255,.17)!important;}
#pageContent img{max-width:100%;}
#pageContent .overflow-x-auto{scrollbar-width:none;}
#pageContent .overflow-x-auto::-webkit-scrollbar{display:none;}
.iti__dropdown-content{z-index:99999!important;}
.iti__country,.iti__dial-code,.iti__country-name,.iti__search-input{color:#111827!important;}
.it-phone-light .iti .iti__tel-input{color:#fff!important;background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.19)!important;}
@media (min-width:768px){.it-mobile-frame{border-radius:1.5rem;min-height:calc(100vh - 12px);}.it-page-header{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;}}

/* Patch: Home activity and official-channel modal cleanup */
html,body{overflow-x:hidden;}
.it-activity-box{position:relative;z-index:1;}
.it-activity-stat{border-radius:1.1rem;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.075));border:1px solid rgba(255,255,255,.18);padding:1.15rem 1.25rem;box-shadow:0 15px 32px rgba(20,16,76,.20),inset 0 1px rgba(255,255,255,.15);}
.it-activity-stat h4{font-size:.86rem;font-weight:800;color:rgba(255,255,255,.78);margin:0 0 .35rem;}
.it-activity-stat h4 span{color:rgba(255,255,255,.65);}
.it-activity-stat strong{display:block;color:#fff;font-size:1.22rem;line-height:1.25;font-weight:900;}
.it-activity-stat strong em{font-style:normal;color:rgba(255,255,255,.50);font-weight:900;}
.it-activity-stat small{display:block;margin-top:.15rem;color:#14f178;font-weight:900;font-size:.78rem;}
.it-activity-list-card{border-radius:1.15rem;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(40,43,130,.32));border:1px solid rgba(255,255,255,.20);padding:.65rem;box-shadow:0 15px 32px rgba(20,16,76,.22),inset 0 1px rgba(255,255,255,.14);overflow:hidden;}
.it-activity-item{display:flex;align-items:center;gap:.75rem;width:100%;min-width:0;border-radius:.95rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);padding:.8rem .9rem;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.08);}
.it-activity-icon{display:grid;place-items:center;height:2.35rem;width:2.35rem;min-width:2.35rem;border-radius:.75rem;background:rgba(0,0,0,.22);color:#9b5d3d;border:1px solid rgba(255,255,255,.12);}
#channelModal,#channelModal *{box-sizing:border-box;}
#channelModal .it-modal-panel{color:#0f172a!important;background:#fff!important;}
#channelModal .it-modal-panel h2,#channelModal .it-modal-panel p,#channelModal .it-modal-panel div,#channelModal .it-modal-panel a,#channelModal .it-modal-panel button{font-family:inherit;}
#channelModal .it-modal-panel .bg-slate-50{background:#f8fafc!important;color:#0f172a!important;}
#channelModal .it-modal-panel .text-slate-900{color:#0f172a!important;}
#channelModal .it-modal-panel .text-slate-600{color:#475569!important;}
#channelModal .it-modal-panel .bg-white{background:#fff!important;}
#channelModal .it-modal-panel .closeChannel{cursor:pointer;}


/* Patch: intl-tel-input dropdown must stay white even inside purple user pages */
.iti__dropdown-content,.iti__country-list{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;box-shadow:0 22px 60px rgba(0,0,0,.35)!important;}
.iti__search-input{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;}
.iti__country,.iti__country-name,.iti__dial-code{background:#fff!important;color:#111827!important;}
.iti__country.iti__highlight,.iti__country:hover,.iti__active{background:#f3f4f6!important;color:#111827!important;}
.iti__country.iti__highlight .iti__country-name,.iti__country.iti__highlight .iti__dial-code,.iti__country:hover .iti__country-name,.iti__country:hover .iti__dial-code{color:#111827!important;}
#pageContent .iti__dropdown-content,#pageContent .iti__country-list,#pageContent .iti__country,#pageContent .iti__country-name,#pageContent .iti__dial-code,#pageContent .iti__search-input{background:#fff!important;color:#111827!important;}


/* Patch: full-width mobile webview, no purple side gutters inside user app */
html,body{width:100%;max-width:100%;overflow-x:hidden;}
.it-app-shell,.it-mobile-frame,.it-bottom-nav-shell{width:100%;max-width:100vw;margin-left:auto;margin-right:auto;}
.it-mobile-frame{border-left:0!important;border-right:0!important;}
#pageRoot,#pageContent,.home-exact{max-width:100%;overflow-x:hidden;}
@media (min-width:541px){.it-app-shell,.it-bottom-nav-shell{max-width:390px;}.it-mobile-frame{border-left:1px solid rgba(255,255,255,.30)!important;border-right:1px solid rgba(255,255,255,.30)!important;}}


/* Patch: remove Blade-only top summary cards that are not present in the React pages */
.it-hero{display:none!important;}
#pageContent > .it-hero:first-child{display:none!important;}


/* Patch: remove Blade-added page title/back header. React pages do not show this extra block. */
.it-page-header,.it-back-btn{display:none!important;}

/* React-exact page exceptions for pages copied from the React source */
#pageContent .react-resell-page,
#pageContent .react-resell-page.bg-white{
  background:#ffffff!important;
  color:#1f2937!important;
}
#pageContent .react-resell-page .text-gray-800{color:#1f2937!important;}
#pageContent .react-resell-page .text-gray-700{color:#374151!important;}
#pageContent .react-resell-page .text-violet-700{color:#6d28d9!important;}
#pageContent .react-resell-page .text-green-600{color:#16a34a!important;}
#pageContent .react-wallet .bg-white\/10,
#pageContent .react-change-password .bg-white\/10{
  background:rgba(255,255,255,.10)!important;
}
#pageContent .react-change-password input{
  min-height:auto!important;
  border:none!important;
  box-shadow:none!important;
}
#pageContent .react-change-password label{
  color:#ffffff!important;
}