/* MedicSort R42 — global Materia blue/white layer. Loaded after page-specific CSS. */
:root{
  --ms42-primary:#0d6efd;--ms42-primary-2:#2196f3;--ms42-deep:#084b9a;
  --ms42-ink:#0b2e57;--ms42-muted:#5e7895;--ms42-bg:#f3f8fd;--ms42-card:#fff;
  --ms42-line:#d5e5f4;--ms42-soft:#eaf4ff;--ms42-radius:14px;--ms42-shadow:0 12px 34px rgba(13,79,145,.10)
}
html{background:var(--ms42-bg)}
body{font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ms42-ink)}
a{color:#0b70dd}a:hover{color:#075ab6}
.btn-primary,.button,.buy,.sent,.ms-app-primary,.auth-modal-btn.primary{background:linear-gradient(135deg,var(--ms42-deep),var(--ms42-primary-2))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 20px rgba(13,110,253,.18)}
.btn-primary:hover,.button:hover,.buy:hover,.sent:hover,.ms-app-primary:hover{filter:brightness(.97)}
.form-control,.form-select,input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],textarea,select{border:1px solid #bfd6eb;border-radius:12px;background:#fff;color:var(--ms42-ink);box-shadow:none}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{border-color:#65aef5;box-shadow:0 0 0 3px rgba(33,150,243,.13);outline:0}
.card,.lb-page-panel,.lb-people-panel,.hero,.balance-card,.plan,.qrbox,.package,.box,.medical-card{border-color:var(--ms42-line)!important;box-shadow:var(--ms42-shadow)}

/* Canonical top bars + square MS branding */
.lb-topbar,.ms-app-topbar,.ms-r39-chat .topbar,.medical-header,.top{background:linear-gradient(110deg,#084b9a,#0d6efd 58%,#2196f3)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important}
.lastbros-logo,.ms-app-brand{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}
.lastbros-logo img,.ms-app-brand img,.lb-topbar img[alt="MS"],.medical-header img[alt="MS"]{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;object-fit:contain!important;border-radius:11px!important}
.ms-app-brand img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important}
.lb-topbar a,.lb-topbar button,.lb-topbar span,.ms-app-topbar a,.ms-app-topbar button,.ms-app-topbar span,.medical-header a{color:#fff}

/* Social network — preserve original functionality, force blue/white visuals */
body.lb-lastbro-page{background:var(--ms42-bg)!important;color:var(--ms42-ink)!important}
body.lb-lastbro-page .lb-page-panel,body.lb-lastbro-page .lb-people-panel,body.lb-lastbro-page .card,body.lb-lastbro-page .lb-left-sidebar,body.lb-lastbro-page .lb-right-sidebar{background:#fff!important;color:var(--ms42-ink)!important;border-color:var(--ms42-line)!important}
body.lb-lastbro-page .card.bg-secondary,body.lb-lastbro-page .bg-secondary{background:#fff!important;color:var(--ms42-ink)!important}
body.lb-lastbro-page .text-light,body.lb-lastbro-page .text-white{color:var(--ms42-ink)!important}
body.lb-lastbro-page .lb-post-card,body.lb-lastbro-page .row-item,body.lb-lastbro-page .lb-person-card{background:#fff!important;border:1px solid var(--ms42-line)!important;border-radius:14px!important;box-shadow:0 8px 26px rgba(13,79,145,.07)!important}
body.lb-lastbro-page .lastbros-left-menu,body.lb-lastbro-page .lastbros-right-menu,body.lb-lastbro-page .lb-sidebar-card{background:#fff!important;border-color:var(--ms42-line)!important}
body.lb-lastbro-page .active,body.lb-lastbro-page [aria-current="page"]{color:#086dcc!important}

/* Chat — remove the black WhatsApp-like canvas everywhere. */
body.ms-r39-chat{--wa-bg:#f3f8fd;--wa-panel:#fff;--wa-panel-2:#f7fbff;--wa-line:#d4e4f2;--wa-muted:#66809a;--wa-text:#0b2e57;--wa-accent:#0d6efd;--wa-accent-dark:#075fc8;--wa-bubble-me:#0d6efd;--wa-bubble-them:#fff;--wa-input:#fff;--wa-top:linear-gradient(110deg,#084b9a,#0d6efd 58%,#2196f3);--wa-shadow:0 10px 28px rgba(13,79,145,.10);background:var(--ms42-bg)!important;color:var(--ms42-ink)!important}
body.ms-r39-chat .app,body.ms-r39-chat .chat,body.ms-r39-chat #chat-box{background:var(--ms42-bg)!important;color:var(--ms42-ink)!important}
body.ms-r39-chat .sidebar,body.ms-r39-chat .chat-head,body.ms-r39-chat .composer-wrap{background:#fff!important;color:var(--ms42-ink)!important;border-color:var(--ms42-line)!important}
body.ms-r39-chat .people-chip{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
body.ms-r39-chat .empty-state{background:#fff!important;color:var(--ms42-ink)!important;border:1px solid var(--ms42-line);box-shadow:var(--ms42-shadow)!important}
body.ms-r39-chat .msg-wrapper.them .msg,body.ms-r39-chat .msg.them{background:#fff!important;color:var(--ms42-ink)!important;border:1px solid var(--ms42-line)!important}
body.ms-r39-chat .msg-wrapper.me .msg,body.ms-r39-chat .msg.me{background:#0d6efd!important;color:#fff!important}
body.ms-r39-chat .composer,body.ms-r39-chat .composer textarea,body.ms-r39-chat .search input{background:#fff!important;color:var(--ms42-ink)!important;border-color:#bfd6eb!important}
body.ms-r39-chat .menu-btn,body.ms-r39-chat .icon-btn,body.ms-r39-chat .composer-attach{background:#eaf4ff!important;color:#086dcc!important}

/* Angella — same Materia blue/white family, no dark isolated island. */
body.angella-app{--bg:#f3f8fd;--surface:#fff;--surface-2:#f7fbff;--surface-3:#eaf4ff;--line:#d5e5f4;--line-strong:#80bdf4;--text:#0b2e57;--muted:#66809a;--accent:#0d6efd;--accent-2:#2196f3;--shadow:0 16px 38px rgba(13,79,145,.10);background:var(--ms42-bg)!important;color:var(--ms42-ink)!important}
body.angella-app .main,body.angella-app .chat-area{background:var(--ms42-bg)!important;color:var(--ms42-ink)!important}
body.angella-app .sidebar,body.angella-app .topbar,body.angella-app .history-panel,body.angella-app .assistant-card,body.angella-app .composer{background:#fff!important;color:var(--ms42-ink)!important;border-color:var(--ms42-line)!important}
body.angella-app .brand-logo{background:linear-gradient(135deg,#084b9a,#2196f3)!important;border-radius:12px!important}
body.angella-app .new-chat{background:linear-gradient(135deg,#084b9a,#2196f3)!important;color:#fff!important}
body.angella-app .auth-logout,body.angella-app .back-wall{background:#fff!important;color:#086dcc!important;border-color:#bfd6eb!important}

/* Dashboard / medical / bonus / payments */
body.ms-app-dashboard{background:var(--ms42-bg)!important;color:var(--ms42-ink)!important}
body.ms-app-dashboard .ms-app-sidebar,body.ms-app-dashboard .ms-app-hero,body.ms-app-dashboard .ms-app-section,body.ms-app-dashboard .ms-app-status,body.ms-app-dashboard .ms-app-plan{background:#fff!important;border-color:var(--ms42-line)!important;box-shadow:var(--ms42-shadow)}
body.ms-app-dashboard .ms-app-hub-card{background:#fff!important;border:1px solid var(--ms42-line)!important;box-shadow:0 8px 24px rgba(13,79,145,.07)!important}
body.ms-app-dashboard .ms-app-hub-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(13,79,145,.12)!important}

/* Global responsive hardening */
img,svg,video,canvas{max-width:100%}
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:991.98px){
  .lb-topbar,.ms-app-topbar,.ms-r39-chat .topbar{min-height:60px!important}
  .lastbros-logo img,.lb-topbar img[alt="MS"],.ms-app-brand img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;border-radius:10px!important}
  body.lb-lastbro-page .lb-layout,body.lb-lastbro-page .lastbros-content-wrapper{max-width:100%!important}
}
@media(max-width:575.98px){
  .container,.container-fluid{--bs-gutter-x:1rem}
  .card,.lb-page-panel,.hero,.plan,.balance-card{border-radius:12px!important}
  .btn,.button,.buy,.sent{min-height:44px}
}


/* MedicSort R45 — final blue/white parity and responsive hardening */
:root{--ms-primary:#0d6efd;--ms-primary2:#2196f3;--ms-deep:#084b9a;--ms-bg:#f3f8fd;--ms-card:#fff;--ms-ink:#0b2e57;--ms-muted:#637d98;--ms-line:#d5e5f4;--ms-soft:#eaf4ff}
body{background:var(--ms-bg);color:var(--ms-ink)}
img[alt="MS"],.lastbros-logo img,.ms-app-brand img,.medical-brand img,.brand .mark img{aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important}
body.lb-lastbro-page .lb-main-column,body.lb-lastbro-page .lb-center-column,body.lb-lastbro-page main,body.lb-lastbro-page .lb-profile-card,body.lb-lastbro-page .lb-settings-card,body.lb-lastbro-page .lb-friends-panel{background:transparent!important;color:var(--ms-ink)!important}
body.lb-lastbro-page input,body.lb-lastbro-page textarea,body.lb-lastbro-page select{background:#fff!important;color:var(--ms-ink)!important;border-color:#bfd6eb!important}
body.lb-lastbro-page .lb-nav-item:hover,body.lb-lastbro-page .lastbros-left-menu a:hover{background:var(--ms-soft)!important;color:#075fc8!important}
body.ms-r39-chat,body.ms-r39-chat html{background:var(--ms-bg)!important;color:var(--ms-ink)!important}
body.ms-r39-chat .shell,body.ms-r39-chat .chat,body.ms-r39-chat #chat-box,body.ms-r39-chat .app{background:var(--ms-bg)!important}
body.ms-r39-chat .sidebar,body.ms-r39-chat .sidebar-head,body.ms-r39-chat .chat-head,body.ms-r39-chat .composer-wrap,body.ms-r39-chat .composer,body.ms-r39-chat .emoji-picker,body.ms-r39-chat .fb-emoji-search,body.ms-r39-chat .chat-modal-card,body.ms-r39-chat .pending-media-bubble,body.ms-r39-chat .pending-media-bubble video,body.ms-r39-chat .upload-track{background:#fff!important;color:var(--ms-ink)!important;border-color:var(--ms-line)!important}
body.ms-r39-chat .friend{color:var(--ms-ink)!important}body.ms-r39-chat .friend:hover,body.ms-r39-chat .friend.is-active{background:var(--ms-soft)!important}body.ms-r39-chat .friend-sub,body.ms-r39-chat .chat-head-sub,body.ms-r39-chat .fb-emoji-empty{color:var(--ms-muted)!important}body.ms-r39-chat .fb-emoji-title{color:var(--ms-ink)!important}body.ms-r39-chat .emoji-picker button,body.ms-r39-chat .fb-emoji-item{background:#f7fbff!important;color:var(--ms-ink)!important}body.ms-r39-chat .emoji-picker button:hover,body.ms-r39-chat .fb-emoji-item:hover{background:var(--ms-soft)!important}body.ms-r39-chat .overlay{background:rgba(11,46,87,.78)!important}
body.angella-app .main{min-width:0!important;background:var(--ms-bg)!important}body.angella-app .chat-area{width:100%!important;max-width:1120px!important;margin:0 auto!important;padding-inline:clamp(12px,3vw,32px)!important}body.angella-app .message-list,body.angella-app .messages{width:100%!important;max-width:980px!important;margin-inline:auto!important}body.angella-app .composer-wrap,body.angella-app .composer{width:min(980px,calc(100% - 24px))!important;margin-inline:auto!important}body.angella-app .topbar{min-height:64px!important}
#paymentQr{display:grid!important;place-items:center!important;overflow:hidden!important;max-width:100%!important}#paymentQr canvas{display:block!important;max-width:100%!important;height:auto!important}#paymentQr>img{display:none!important}.medical-shell,.schema-shell,.bonus-wrap{max-width:1320px;margin-inline:auto}.schema-grid,.medical-grid{align-items:stretch}.schema-card img,.schema-card svg{width:100%;height:auto;object-fit:contain}
@media(max-width:1199.98px){body.lb-lastbro-page .lb-layout{grid-template-columns:minmax(180px,240px) minmax(0,1fr)!important}body.lb-lastbro-page .lb-right-sidebar{display:none!important}}
@media(max-width:991.98px){body.lb-lastbro-page .lb-layout{display:block!important;width:100%!important}body.lb-lastbro-page .lb-left-sidebar{display:none!important}body.ms-r39-chat .shell{grid-template-columns:minmax(280px,38vw) minmax(0,1fr)!important}body.angella-app .sidebar{position:fixed!important;z-index:1000!important}}
@media(max-width:767.98px){body.ms-r39-chat .shell{display:block!important}body.ms-r39-chat .sidebar{position:fixed!important;inset:60px auto 0 0!important;width:min(88vw,340px)!important;z-index:1000!important;box-shadow:0 20px 60px rgba(13,79,145,.2)!important}body.ms-r39-chat .chat{width:100%!important;min-width:0!important}body.ms-r39-chat #chat-box{padding:12px!important}.summary,.bonus-grid,.medical-grid{grid-template-columns:1fr!important}}
@media(max-width:575.98px){body{font-size:15px}.lb-topbar,.ms-app-topbar,.medical-header,.top{min-height:58px!important}.btn,.button,button,input,select,textarea{max-width:100%}.qrbox{padding-inline:10px!important}#paymentQr{width:min(236px,calc(100vw - 60px))!important;height:min(236px,calc(100vw - 60px))!important}#paymentQr canvas{width:min(220px,calc(100vw - 76px))!important;height:auto!important}}


/* R45 dashboard visual correction: keep Angella hero blue, not washed out by generic card rules. */
body.ms-app-dashboard .ms-app-hero{
 background:radial-gradient(circle at 82% 45%,rgba(81,173,255,.55),transparent 28%),linear-gradient(115deg,#0754a9,#0878f9 61%,#1995f3)!important;
 color:#fff!important;border-color:transparent!important;box-shadow:0 22px 55px rgba(7,93,191,.22)!important
}
body.ms-app-dashboard .ms-app-hero h1{color:#fff!important}
body.ms-app-dashboard .ms-app-hero-copy>p{color:#d9eeff!important}
body.ms-app-dashboard .ms-app-lead{color:#eef7ff!important}
body.ms-app-dashboard .ms-app-hub-card.module-angella strong,body.ms-app-dashboard .ms-app-hub-card.module-angella>span:last-child{color:#fff!important}
body.ms-app-dashboard .ms-app-hub-card.module-angella{box-shadow:0 14px 32px rgba(8,120,249,.22)!important}
body.ms-app-dashboard .ms-app-hub-card.module-angella{
  background:linear-gradient(135deg,#063b82,#0878f9)!important;
  border-color:#0878f9!important;color:#fff!important;
}
body.ms-app-dashboard .ms-app-hub-card.module-angella .ms-app-hub-icon{background:#fff!important;color:#0878f9!important}


/* R45 square-only social branding */
.lastbros-logo{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;padding:0!important;margin:0!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important}
.lastbros-logo img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;border-radius:12px!important;object-fit:contain!important}
@media(max-width:991.98px){.lastbros-logo{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important}.lastbros-logo img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important}}
