/* FokatLoot exact user-side refinements — Offers-page palette, mobile-first */
:root{
  --ux-bg:#cfdbe7;
  --ux-bg2:#d9e4ee;
  --ux-surface:#dfe8f1;
  --ux-surface2:#d6e2ec;
  --ux-line:#b9c9d8;
  --ux-ink:#0d213c;
  --ux-muted:#536b84;
  --ux-blue:#0b78f0;
  --ux-blue2:#2b98ff;
  --ux-green:#0b9650;
  --ux-shadow:0 9px 22px rgba(38,68,105,.09);
}
html,body{max-width:100%;overflow-x:hidden}
body[data-fl-page]{
  background:
    radial-gradient(circle at 90% 5%,rgba(39,137,244,.12),transparent 24%),
    linear-gradient(180deg,var(--ux-bg) 0%,var(--ux-bg2) 48%,#e1eaf3 100%)!important;
  color:var(--ux-ink)!important;
  font-size:14px!important;
}
body[data-fl-page]>.container,
body[data-fl-page]>.wrap,
body[data-fl-page]>.shell,
body[data-fl-page]>.chat-page{width:min(560px,calc(100% - 10px))!important;max-width:560px!important;margin-left:auto!important;margin-right:auto!important}

/* Offers-like surface across all signed-in user pages */
body[data-fl-page] .card,
body[data-fl-page] .balance-card,
body[data-fl-page] .wallet-card,
body[data-fl-page] .withdraw-card,
body[data-fl-page] .activity-card,
body[data-fl-page] .hero-card,
body[data-fl-page] .referral-hero,
body[data-fl-page] .stat-box,
body[data-fl-page] .stat-card,
body[data-fl-page] .support-box,
body[data-fl-page] .category-card,
body[data-fl-page] .overall-status-card,
body[data-fl-page] .notification-card,
body[data-fl-page] .transaction-card,
body[data-fl-page] .profile-card,
body[data-fl-page] .menu-card,
body[data-fl-page] .settings-card,
body[data-fl-page] .shell .hero,
body[data-fl-page] .shell .card,
body[data-fl-page] .list .card,
body[data-fl-page] .fl8-profile-main,
body[data-fl-page] .fl8-stat,
body[data-fl-page] .fl8-menu,
body[data-fl-page] .search-box,
body[data-fl-page] .support-card,
body[data-fl-page] .chat-box,
body[data-fl-page] .composer,
body[data-fl-page] .create-form,
body[data-fl-page="withdraw"] .history-item{
  background:linear-gradient(155deg,var(--ux-surface),var(--ux-surface2))!important;
  border:1px solid var(--ux-line)!important;
  color:var(--ux-ink)!important;
  box-shadow:var(--ux-shadow)!important;
}
body[data-fl-page] h1,body[data-fl-page] h2,body[data-fl-page] h3,
body[data-fl-page] .title,body[data-fl-page] .section-title,body[data-fl-page] .card-title,
body[data-fl-page] .offer-title,body[data-fl-page] strong{color:var(--ux-ink)!important}
body[data-fl-page] .muted,body[data-fl-page] .sub,body[data-fl-page] .message,
body[data-fl-page] .time,body[data-fl-page] .offer-desc,body[data-fl-page] small,
body[data-fl-page] .copy,body[data-fl-page] .profile-mobile,body[data-fl-page] .member-since{color:var(--ux-muted)!important;opacity:1!important}

/* Shared header = ~70% of previous 42px */
.user-shared-header{
  height:30px!important;min-height:30px!important;padding:2px 8px 2px!important;margin-bottom:-1px!important;
  border-radius:0 0 13px 13px!important;background:linear-gradient(120deg,#319bff,#0c76ed)!important;
  box-shadow:0 6px 15px rgba(15,104,218,.15)!important;
}
.user-shared-header:before,.user-shared-header:after{display:none!important}
.user-shared-header .ush-left{gap:7px!important;align-items:center!important}
.user-shared-header .ush-logo{width:23px!important;height:23px!important;min-width:23px!important;border:1px solid rgba(255,255,255,.9)!important}
.user-shared-header .ush-name{font-size:11.5px!important;line-height:1!important;color:#fff!important;max-width:155px!important}
.user-shared-header .ush-sub{font-size:6.8px!important;line-height:1!important;margin-top:1px!important;color:rgba(255,255,255,.95)!important}
.user-shared-header .ush-notification{width:23px!important;height:23px!important;min-width:23px!important;margin:0!important}
.user-shared-header .ush-notification svg{width:13px!important;height:13px!important}
.user-shared-header .ush-badge{top:0!important;right:0!important}

/* 1) Login/Register: fit phone viewport, no page scroll */
body[data-fl-page="login"],body[data-fl-page="register"],body[data-fl-page="forgot_password"]{
  height:100svh!important;min-height:100svh!important;overflow:hidden!important;
}
body[data-fl-page="login"] .fl-banner-wrap,
body[data-fl-page="register"] .fl-banner-wrap,
body[data-fl-page="forgot_password"] .fl-banner-wrap{display:none!important}
body[data-fl-page="login"] .auth-center,
body[data-fl-page="register"] .auth-center,
body[data-fl-page="forgot_password"] .auth-center{
  height:100svh!important;min-height:100svh!important;overflow:hidden!important;padding:2px 7px!important;align-items:center!important;
}
body[data-fl-page="login"] .wrapper,
body[data-fl-page="register"] .wrapper,
body[data-fl-page="forgot_password"] .wrapper{width:100%!important;max-width:380px!important;margin:auto!important;min-height:0!important}
body[data-fl-page="login"] .logo-box,
body[data-fl-page="register"] .logo-box,
body[data-fl-page="forgot_password"] .logo-box{margin-bottom:1px!important}
body[data-fl-page="login"] .logo,
body[data-fl-page="register"] .logo,
body[data-fl-page="forgot_password"] .logo{width:32px!important;height:32px!important;margin-bottom:1px!important;border-radius:10px!important}
body[data-fl-page="login"] .site-name,
body[data-fl-page="register"] .site-name,
body[data-fl-page="forgot_password"] .site-name{font-size:15px!important;line-height:1!important;margin:0!important}
body[data-fl-page="login"] .site-sub,
body[data-fl-page="register"] .site-sub,
body[data-fl-page="forgot_password"] .site-sub{display:none!important}
body[data-fl-page="login"] .card,
body[data-fl-page="register"] .card,
body[data-fl-page="forgot_password"] .card{padding:7px 9px!important;border-radius:15px!important}
body[data-fl-page="login"] .form-group,
body[data-fl-page="register"] .form-group,
body[data-fl-page="forgot_password"] .form-group{margin-bottom:3px!important}
body[data-fl-page="login"] label,
body[data-fl-page="register"] label,
body[data-fl-page="forgot_password"] label{font-size:9.5px!important;line-height:1.15!important;margin-bottom:1px!important}
body[data-fl-page="login"] .input,
body[data-fl-page="register"] .input,
body[data-fl-page="forgot_password"] .input{height:31px!important;padding:0 10px!important;font-size:11.3px!important;border-radius:10px!important;background:#e7eef5!important;color:var(--ux-ink)!important;border:1px solid #c4d3e1!important}
body[data-fl-page="login"] .login-btn,
body[data-fl-page="register"] .register-btn,
body[data-fl-page="forgot_password"] button[type="submit"]{height:33px!important;min-height:33px!important;padding:0 10px!important;margin-top:1px!important;font-size:11.5px!important;border-radius:10px!important}
body[data-fl-page="login"] .info-box,
body[data-fl-page="register"] .info-box,
body[data-fl-page="forgot_password"] .info-box,
body[data-fl-page="login"] .auth-support-float,
body[data-fl-page="register"] .auth-support-float,
body[data-fl-page="forgot_password"] .auth-support-float{display:none!important}
body[data-fl-page="login"] .links,
body[data-fl-page="register"] .bottom-link,
body[data-fl-page="forgot_password"] .bottom-link{margin-top:3px!important;font-size:9.8px!important;line-height:1.15!important}
body[data-fl-page="register"] .bottom-link br{display:none!important}
body[data-fl-page="login"] .g-recaptcha,
body[data-fl-page="register"] .g-recaptcha,
body[data-fl-page="forgot_password"] .g-recaptcha{transform:scale(.72)!important;transform-origin:center top!important;width:304px!important;margin:0 auto -22px!important}
body[data-fl-page="login"] label[style*="Remember me"]{margin:1px 0!important;font-size:9px!important}
.optional-label{font-size:7.8px!important;min-height:15px!important;padding:0 5px!important;margin-left:4px!important;border-radius:999px!important}
@media(max-height:720px){
  body[data-fl-page="register"] .logo-box,body[data-fl-page="login"] .logo-box{display:none!important}
  body[data-fl-page="register"] .wrapper{zoom:.88}
  body[data-fl-page="login"] .wrapper{zoom:.94}
}

/* 2) Dashboard/Home: Offers-like card layout */
body[data-fl-page="dashboard"] .offer-card{
  display:grid!important;grid-template-columns:66px minmax(0,1fr) 104px!important;grid-template-rows:auto auto!important;
  column-gap:10px!important;row-gap:5px!important;align-items:center!important;min-height:118px!important;
  padding:15px 13px!important;margin-bottom:12px!important;border-radius:18px!important;position:relative!important;
}
body[data-fl-page="dashboard"] .offer-top{display:contents!important}
body[data-fl-page="dashboard"] .offer-logo{grid-column:1!important;grid-row:1/3!important;width:62px!important;height:62px!important;align-self:center!important}
body[data-fl-page="dashboard"] .offer-info{grid-column:2!important;grid-row:1!important;min-width:0!important;padding:0!important}
body[data-fl-page="dashboard"] .offer-title{font-size:15px!important;line-height:1.28!important;margin:0!important}
body[data-fl-page="dashboard"] .offer-desc{grid-column:2!important;grid-row:2!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.52!important;-webkit-line-clamp:2!important}
body[data-fl-page="dashboard"] .offer-reward{
  grid-column:3!important;grid-row:1!important;position:static!important;justify-self:end!important;align-self:start!important;
  background:transparent!important;color:var(--ux-green)!important;box-shadow:none!important;border:0!important;
  min-width:0!important;padding:3px 0!important;margin:0!important;font-size:17px!important;font-weight:850!important;
}
body[data-fl-page="dashboard"] .claim-btn{
  grid-column:3!important;grid-row:2!important;justify-self:end!important;align-self:end!important;
  width:100px!important;height:40px!important;min-height:40px!important;margin:0!important;border-radius:12px!important;
  font-size:10.8px!important;background:linear-gradient(135deg,#2a97ff,#0874ee)!important;color:#fff!important;
}
body[data-fl-page="dashboard"] .why-grid{gap:10px!important}
body[data-fl-page="dashboard"] .why-box{
  min-height:86px!important;padding:13px 9px!important;border-radius:16px!important;
  background:linear-gradient(155deg,#dfe8f1,#d6e2ec)!important;border:1px solid var(--ux-line)!important;
  box-shadow:var(--ux-shadow)!important;color:var(--ux-ink)!important;font-size:12px!important;line-height:1.5!important;
}

/* 3) Offers stays the visual reference, only a touch bigger */
body[data-fl-page="offers"] .offer-card{min-height:120px!important;padding:16px 14px!important;border-radius:18px!important}
body[data-fl-page="offers"] .offer-logo-wrap{width:65px!important;height:65px!important}
body[data-fl-page="offers"] .offer-title{font-size:15.2px!important}
body[data-fl-page="offers"] .offer-desc{font-size:11.2px!important;line-height:1.52!important}
body[data-fl-page="offers"] .offer-reward{font-size:14px!important}
body[data-fl-page="offers"] .claim-btn{height:41px!important;min-height:41px!important;font-size:11px!important}

/* 4) Support Chat: fixed app-like page, only message area scrolls */
body[data-fl-page="support_chat"]{height:100svh!important;overflow:hidden!important;padding:0!important}
body[data-fl-page="support_chat"] .chat-page{
  position:fixed!important;top:34px!important;bottom:78px!important;left:50%!important;transform:translateX(-50%)!important;
  width:min(560px,calc(100% - 10px))!important;max-width:560px!important;height:auto!important;min-height:0!important;
  padding:8px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:0!important;
}
body[data-fl-page="support_chat"] .support-card{flex:0 0 auto!important;margin:0 0 8px!important;padding:11px!important;border-radius:16px!important}
body[data-fl-page="support_chat"] .chat-box{
  flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;
  padding:10px!important;border-radius:16px!important;background:linear-gradient(180deg,#dce6ef,#d3dfe9)!important;
}
body[data-fl-page="support_chat"] .composer{
  position:relative!important;bottom:auto!important;flex:0 0 auto!important;margin-top:8px!important;padding:8px!important;border-radius:16px!important;
}
body[data-fl-page="support_chat"] .composer textarea{min-height:44px!important;max-height:84px!important;background:#e7eef5!important;color:var(--ux-ink)!important;border:1px solid #c4d3e1!important}
body[data-fl-page="support_chat"] .bubble{font-size:12px!important;line-height:1.5!important;background:#d9e5ef!important;color:var(--ux-ink)!important;border:1px solid #cbd8e5!important}
body[data-fl-page="support_chat"] .chat-user .bubble{background:linear-gradient(135deg,#2a97ff,#0874ee)!important;color:#fff!important;border-color:transparent!important}
body[data-fl-page="support_chat"] .quick-replies{flex:0 0 auto!important}

/* 5) Refer page compact */
body[data-fl-page="refer"] .container{padding:8px 7px!important}
body[data-fl-page="refer"] .referral-hero{padding:13px!important;margin-bottom:10px!important;border-radius:18px!important}
body[data-fl-page="refer"] .hero-top{margin-bottom:9px!important;gap:8px!important}
body[data-fl-page="refer"] .hero-title{font-size:17px!important;line-height:1.2!important}
body[data-fl-page="refer"] .hero-text{font-size:9.5px!important;line-height:1.45!important;margin-top:3px!important}
body[data-fl-page="refer"] .referral-code{font-size:9px!important;padding:5px 8px!important}
body[data-fl-page="refer"] .compact-link-row{gap:6px!important;margin-top:7px!important}
body[data-fl-page="refer"] .compact-link-input{height:38px!important;padding:8px 10px!important;font-size:10px!important}
body[data-fl-page="refer"] .compact-copy-btn{min-height:38px!important;height:38px!important;font-size:10px!important}
body[data-fl-page="refer"] .compact-share-row{gap:6px!important;margin-top:7px!important}
body[data-fl-page="refer"] .mini-share{min-height:37px!important;height:37px!important;font-size:9.5px!important}
body[data-fl-page="refer"] .stats-grid{gap:6px!important;margin:9px 0!important}
body[data-fl-page="refer"] .stat-box{padding:8px 5px!important;border-radius:14px!important}
body[data-fl-page="refer"] .stat-number{font-size:14px!important;line-height:1.15!important}
body[data-fl-page="refer"] .stat-label{font-size:8px!important;line-height:1.2!important;margin-top:3px!important}
body[data-fl-page="refer"] .card{padding:12px!important;margin-bottom:10px!important;border-radius:18px!important}
body[data-fl-page="refer"] .section-title{font-size:15px!important;margin-bottom:3px!important}
body[data-fl-page="refer"] .section-sub{font-size:9.5px!important;line-height:1.45!important;margin-bottom:10px!important}
body[data-fl-page="refer"] .offer-card{padding:10px!important;margin-bottom:8px!important;border-radius:16px!important}
body[data-fl-page="refer"] .offer-image,body[data-fl-page="refer"] .offer-placeholder{width:50px!important;height:50px!important}
body[data-fl-page="refer"] .offer-title{font-size:13px!important}
body[data-fl-page="refer"] .reward-box{padding:9px!important}
body[data-fl-page="refer"] .list-item{padding:9px 0!important}
body[data-fl-page="refer"] .list-title{font-size:10.5px!important}
body[data-fl-page="refer"] .list-sub{font-size:9px!important;line-height:1.4!important}
body[data-fl-page="refer"] .list-amount{font-size:11px!important}
body[data-fl-page="refer"] .status-pill{font-size:7.5px!important;padding:4px 6px!important}

/* 6) Profile */
body[data-fl-page="profile"] .fl8-avatar-inner{
  background:#05070c!important;color:#fff!important;font-size:25px!important;font-weight:850!important;text-transform:uppercase!important;
  border:1px solid #1e293b!important;
}
body[data-fl-page="profile"] .fl8-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-bottom:9px!important}
body[data-fl-page="profile"] .fl8-stat{min-height:72px!important;padding:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:left!important}
body[data-fl-page="profile"] .fl8-stat-icon{display:none!important}
body[data-fl-page="profile"] .fl8-stat small{font-size:9.5px!important;margin-bottom:4px!important}
body[data-fl-page="profile"] .fl8-stat strong{font-size:17px!important}
body[data-fl-page="profile"] .fl8-menu a,body[data-fl-page="profile"] .fl8-menu button{min-height:46px!important;font-size:12px!important}
body[data-fl-page="profile"] .fl8-menu a span,body[data-fl-page="profile"] .fl8-menu button span{background:#dfe8f1!important;border:1px solid #cfdae5!important}

/* 7) Withdraw */
body[data-fl-page="withdraw"] .premium-limit-card{background:linear-gradient(155deg,#dde7f0,#d4e0ea)!important;border:1px solid var(--ux-line)!important}
body[data-fl-page="withdraw"] .premium-limit-card .info-title,
body[data-fl-page="withdraw"] .premium-limit-value{color:#0b1f38!important;font-weight:850!important}
body[data-fl-page="withdraw"] .premium-limit-value span{color:#405973!important;font-weight:750!important}
body[data-fl-page="withdraw"] .limit-sub{color:#536b84!important}
body[data-fl-page="withdraw"] .history-item{
  display:block!important;border-radius:16px!important;padding:13px!important;margin-bottom:10px!important;
  background:linear-gradient(155deg,#dfe8f1,#d6e2ec)!important;border:1px solid #c4d2e0!important;box-shadow:var(--ux-shadow)!important;
}
body[data-fl-page="withdraw"] .history-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:10px!important}
body[data-fl-page="withdraw"] .history-amount{font-size:17px!important;color:var(--ux-ink)!important}
body[data-fl-page="withdraw"] .history-date{color:var(--ux-muted)!important;font-size:10px!important}
body[data-fl-page="withdraw"] .admin-note{color:var(--ux-muted)!important;background:#d5e1eb!important;border:1px solid #c7d5e2!important;border-radius:10px!important;padding:8px!important}

/* 8) Notifications: larger cards, Offers palette */
body[data-fl-page="notifications"] .shell{padding-top:7px!important}
body[data-fl-page="notifications"] .hero{padding:13px!important;border-radius:17px!important}
body[data-fl-page="notifications"] .list .card{padding:12px 42px 12px 11px!important;min-height:86px!important;border-radius:16px!important}
body[data-fl-page="notifications"] .card-title{font-size:12.5px!important}
body[data-fl-page="notifications"] .message{font-size:11px!important;line-height:1.5!important}
body[data-fl-page="notifications"] .filter{background:#dfe8f1!important;color:#365571!important;border-color:#c6d5e3!important}
body[data-fl-page="notifications"] .filter.active{background:linear-gradient(135deg,#2a97ff,#0874ee)!important;color:#fff!important}

@media(max-width:390px){
  body[data-fl-page]>.container,body[data-fl-page]>.wrap,body[data-fl-page]>.shell{width:calc(100% - 8px)!important}
  body[data-fl-page="dashboard"] .offer-card{grid-template-columns:60px minmax(0,1fr) 94px!important;padding:13px 10px!important}
  body[data-fl-page="dashboard"] .offer-logo{width:56px!important;height:56px!important}
  body[data-fl-page="dashboard"] .offer-reward{font-size:15.5px!important}
  body[data-fl-page="dashboard"] .claim-btn{width:92px!important;height:38px!important;min-height:38px!important}
  body[data-fl-page="offers"] .offer-card{grid-template-columns:60px minmax(0,1fr) 94px!important;padding:13px 10px!important}
  body[data-fl-page="profile"] .fl8-profile-main{grid-template-columns:68px minmax(0,1fr)!important}
  body[data-fl-page="profile"] .fl8-avatar-inner{width:58px!important;height:58px!important;font-size:21px!important}
}

/* V131 page-specific palette completion — no structural changes */
body[data-fl-page="offer"] .overall-status-card{
  background:linear-gradient(155deg,#dfe8f1,#d6e2ec)!important;
  border:1px solid #b9c9d8!important;
  box-shadow:var(--ux-shadow)!important;
}
body[data-fl-page="offer"] .overall-status-card:before{background:linear-gradient(#2b98ff,#0b78f0)!important}
body[data-fl-page="offer"] .overall-status-card .left small,
body[data-fl-page="offer"] .progress-summary{color:#536b84!important}
body[data-fl-page="offer"] .progress-track{background:#c3d2df!important}
body[data-fl-page="offer"] .progress-step{
  background:#d9e4ee!important;border-color:#b9c9d8!important;color:#3e5872!important;
}
body[data-fl-page="offer"] .progress-step strong{color:#10243d!important}
body[data-fl-page="offer"] .progress-step.done{background:#dcefe4!important;border-color:#b9dcc7!important}
body[data-fl-page="offer"] .progress-step.pending{background:#efe8d5!important;border-color:#ddcea4!important}
body[data-fl-page="offer"] .progress-step.failed{background:#f0dde0!important;border-color:#dfbfc4!important}
body[data-fl-page="offer"] .overall-status-pill.not_started{background:#d7e1eb!important;color:#425b75!important}
body[data-fl-page="offer"] .overall-status-pill.started,
body[data-fl-page="offer"] .overall-status-pill.progress{background:#d9e9f8!important;color:#1769b9!important}
body[data-fl-page="offer"] .overall-status-pill.pending{background:#efe8d5!important;color:#8b6505!important}
body[data-fl-page="offer"] .overall-status-pill.approved{background:#dcefe4!important;color:#087b40!important}
body[data-fl-page="offer"] .overall-status-pill.rejected{background:#f0dde0!important;color:#b52f42!important}
body[data-fl-page="offer"] .notice.ok{background:#dcefe4!important;border-color:#b9dcc7!important;color:#087b40!important}
body[data-fl-page="offer"] .notice.warn{background:#efe8d5!important;border-color:#ddcea4!important;color:#7f5e09!important}
body[data-fl-page="offer"] .notice.err{background:#f0dde0!important;border-color:#dfbfc4!important;color:#a92c3f!important}
body[data-fl-page="offer"] .check,
body[data-fl-page="offer"] .field label{color:#425d77!important}

body[data-fl-page="leaderboard"] .wrap{width:min(560px,calc(100% - 10px))!important;max-width:560px!important}
body[data-fl-page="leaderboard"] .row,
body[data-fl-page="leaderboard"] .empty{
  background:linear-gradient(155deg,#dfe8f1,#d6e2ec)!important;
  border:1px solid #b9c9d8!important;
  box-shadow:var(--ux-shadow)!important;
  color:#10243d!important;
}
body[data-fl-page="leaderboard"] .filters a{background:#dbe5ee!important;border-color:#b9c9d8!important;color:#3e5872!important}
body[data-fl-page="leaderboard"] .filters a.active{background:linear-gradient(135deg,#2b98ff,#0b78f0)!important;color:#fff!important}
body[data-fl-page="leaderboard"] .avatar{background:#d7e3ee!important;color:#1769b9!important}
body[data-fl-page="leaderboard"] .phone{color:#536b84!important}
body[data-fl-page="leaderboard"] .earn{color:#078d49!important}

/* Live 137: slightly taller shared mobile header */
body.has-user-shared-header .user-shared-header{height:46px!important;min-height:46px!important;padding:6px 10px!important;margin-bottom:0!important;border-radius:0 0 15px 15px!important}
body.has-user-shared-header .user-shared-header .ush-left{gap:8px!important}
body.has-user-shared-header .user-shared-header .ush-logo{width:32px!important;height:32px!important;min-width:32px!important}
body.has-user-shared-header .user-shared-header .ush-name{font-size:12.8px!important;line-height:1.05!important;max-width:180px!important}
body.has-user-shared-header .user-shared-header .ush-sub{font-size:8px!important;line-height:1.1!important;margin-top:1px!important}
body.has-user-shared-header .user-shared-header .ush-notification{width:30px!important;height:30px!important;min-width:30px!important}
body.has-user-shared-header .user-shared-header .ush-notification svg{width:17px!important;height:17px!important}