/* PT Borneo Mining Energy — Notifications + Language + Uniform Profile Icons */

/* User request: all Profile menu icon backgrounds use ONE visual language. */
.profile-action-icon,
.profile-action-icon.gold,
.profile-action-icon.emerald,
.profile-action-icon.cyan,
.profile-action-icon.slate,
.profile-action-icon.violet,
.profile-action-icon.red,
.profile-action-icon.danger,
.profile-action-tile .profile-action-icon {
  background:linear-gradient(145deg,#ffd867 0%,#e9aa18 45%,#b86c00 100%) !important;
  border:1px solid rgba(255,220,116,.62) !important;
  color:#171205 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -10px 18px rgba(117,59,0,.20),
    0 10px 22px rgba(0,0,0,.28),
    0 0 18px rgba(229,166,29,.10) !important;
}
.profile-action-icon svg,
.profile-action-tile .profile-action-icon svg{
  stroke:#151105 !important;
  color:#151105 !important;
}

/* Language switch */
.bme-lang-switch{position:relative}
.bme-lang-button{border-color:rgba(223,169,36,.28)!important;background:linear-gradient(180deg,#2a220f,#17140d)!important}
.bme-lang-button span{font-size:10px;font-weight:1000;letter-spacing:.08em;color:#f4c247}
.bme-lang-menu{
  position:absolute;right:0;top:calc(100% + 10px);z-index:90;width:210px;padding:8px;
  border:1px solid #343b41;border-radius:17px;background:rgba(13,17,20,.97);
  box-shadow:0 22px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(22px)
}
.bme-lang-menu[hidden]{display:none!important}
.bme-lang-menu button{
  width:100%;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px;text-align:left;
  padding:10px;border:0;border-radius:12px;background:transparent;color:#dce2e6;cursor:pointer
}
.bme-lang-menu button:hover,.bme-lang-menu button.active{background:rgba(238,179,39,.10)}
.bme-lang-menu button b{display:grid;place-items:center;height:30px;border-radius:9px;background:#20262b;color:#f2bd38;font-size:10px}
.bme-lang-menu button span{font-size:11px;font-weight:700}
.notification-top-btn{position:relative}
.bme-notification-badge{
  position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;
  border-radius:999px;background:linear-gradient(180deg,#ffdb64,#e29b05);border:2px solid #111518;color:#151004;
  font-size:8px;font-weight:1000;line-height:1;box-shadow:0 5px 15px rgba(0,0,0,.35),0 0 14px rgba(238,178,31,.28)
}

/* Notification center */
.bme-notification-shell{display:flex;flex-direction:column;gap:14px}
.bme-notification-hero{
  display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border-radius:24px;
  background:
    radial-gradient(circle at 90% 10%,rgba(245,185,43,.13),transparent 34%),
    linear-gradient(145deg,rgba(23,28,32,.94),rgba(11,14,16,.96));
  border:1px solid rgba(255,255,255,.08)
}
.bme-notification-hero h1{margin:7px 0 7px;font-size:clamp(24px,4vw,34px);letter-spacing:-.045em}
.bme-notification-hero p{margin:0;max-width:650px;color:#8d98a1;font-size:12px;line-height:1.65}
.bme-notification-hero-icon{
  flex:0 0 64px;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;
  background:linear-gradient(145deg,#ffd961,#d68b00);box-shadow:inset 0 1px 0 #fff9,0 18px 30px rgba(0,0,0,.28)
}
.bme-notification-hero-icon svg{width:28px;height:28px;fill:none;stroke:#171205;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.bme-notification-filters{display:flex;gap:8px;overflow:auto;padding:2px 0 4px;scrollbar-width:none}
.bme-notification-filters::-webkit-scrollbar{display:none}
.bme-notification-filters button{
  flex:0 0 auto;border:1px solid #2a3137;border-radius:999px;background:rgba(15,19,22,.88);color:#86929b;
  padding:9px 13px;font-size:9px;font-weight:900;letter-spacing:.055em;cursor:pointer
}
.bme-notification-filters button.active{
  color:#181204;background:linear-gradient(180deg,#ffd75d,#e6a50e);border-color:#ffd363;
  box-shadow:inset 0 1px 0 #fff8,0 8px 20px rgba(0,0,0,.22)
}

.bme-notification-list{display:flex;flex-direction:column;gap:9px}
.bme-notification-card{
  display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;
  padding:14px;border-radius:18px;background:rgba(15,19,22,.90);border:1px solid #272e34;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.18)
}
.bme-notification-card.is-new{border-color:rgba(229,171,37,.34);background:linear-gradient(90deg,rgba(47,37,13,.35),rgba(15,19,22,.92) 42%)}
.bme-notification-icon{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(145deg,#ffd75f,#d88c00);box-shadow:inset 0 1px 0 #fff8,0 8px 16px rgba(0,0,0,.24)
}
.bme-notification-icon svg{width:22px;height:22px;fill:none;stroke:#181205;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bme-notification-copy{min-width:0}
.bme-notification-title-row{display:flex;align-items:center;gap:8px}
.bme-notification-title-row h3{margin:0;font-size:13px;letter-spacing:-.015em}
.bme-new-pill{padding:4px 6px;border-radius:999px;background:rgba(242,183,43,.12);border:1px solid rgba(242,183,43,.22);color:#f0bc3c;font-size:7px;font-weight:1000;letter-spacing:.08em}
.bme-notification-copy p{margin:4px 0 0;color:#87939c;font-size:10px;line-height:1.5}
.bme-notification-copy time{display:block;margin-top:6px;color:#626e77;font-size:8px;font-weight:700}
.bme-notification-note{display:block;margin-top:7px;padding:7px 9px;border-radius:9px;background:#0b0e10;border:1px solid #262d32;color:#aeb6bc;font-size:9px;line-height:1.45}
.bme-notification-amount{text-align:right;min-width:92px}
.bme-notification-amount b{display:block;font-size:12px}
.bme-notification-amount.credit b{color:#67dda0}
.bme-notification-amount.debit b{color:#f1ba3a}
.bme-notification-amount span{display:block;margin-top:4px;font-size:7px;font-weight:900;letter-spacing:.075em;color:#69747c}
.bme-notification-empty{padding:38px 20px;text-align:center;border-radius:22px}
.bme-notification-empty-icon{margin:0 auto 13px;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd65b,#d88b00);color:#181205;font-size:24px;font-weight:1000}
.bme-notification-empty h2{margin:0;font-size:15px;color:#b9c2c8}

@media(max-width:700px){
  .top-actions{gap:7px}
  .bme-lang-button,.notification-top-btn{width:40px;height:40px;border-radius:13px}
  .bme-notification-hero{padding:18px}
  .bme-notification-hero-icon{width:52px;height:52px;flex-basis:52px;border-radius:17px}
  .bme-notification-card{grid-template-columns:42px minmax(0,1fr);padding:12px;gap:11px}
  .bme-notification-icon{width:42px;height:42px;border-radius:13px}
  .bme-notification-amount{grid-column:2;display:flex;align-items:center;justify-content:space-between;min-width:0;text-align:left;border-top:1px solid #252c31;padding-top:8px}
  .bme-notification-amount span{margin:0}
}