@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Tajawal:wght@400;500;700;800;900&display=swap');
/* Dashboard navigation is animated by the workspace itself. Native document
   transitions can be aborted by rapid tab changes and produce noisy errors. */
@view-transition{navigation:none}
:root{--bg:#15120e;--side:#1e1a14;--card:#1e1a14;--card2:#26211a;--muted:#9c907d;--text:#f2ede4;--blue:#a89a83;--green:#a89a83;--red:#ef7f73;--orange:#a89a83;--border:color-mix(in srgb,#a89a83 40%,#15120e)}*{box-sizing:border-box}body{margin:0;font-family:'Cairo',Tahoma,Arial,sans-serif;font-weight:500;background:var(--bg);color:var(--text)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#26211a,#15120e 60%)}.login-card{width:min(430px,92%);background:var(--card);border:1px solid var(--border);border-radius:24px;padding:34px;text-align:center;box-shadow:0 20px 70px #0008}.login-logo{width:135px;height:135px;border-radius:50%;object-fit:cover}.login-card h1{margin:12px 0}.login-card p,.login-card small{color:var(--muted);line-height:1.8}.primary-btn,.small-btn{display:inline-block;border:0;background:var(--blue);color:white;text-decoration:none;border-radius:12px;padding:13px 18px;font-weight:500;cursor:pointer}.sidebar{position:fixed;right:0;top:0;width:260px;height:100vh;background:var(--side);border-left:1px solid #1e1a14;padding:24px 18px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;margin-bottom:35px}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.brand span span{color:var(--blue)}.menu-title{color:#9c907d;font-size:13px;font-weight:500;margin:18px 10px}nav{display:flex;flex-direction:column;gap:8px}nav a{color:#a89a83;text-decoration:none;padding:14px;border-radius:10px;font-weight:500}nav a.active,nav a:hover{background:var(--blue);color:white}.main{margin-right:260px;padding:28px 42px}.topbar{height:62px;display:flex;gap:10px;align-items:center;justify-content:flex-start}.user-pill,.icon-btn{background:var(--card);border:1px solid var(--border);border-radius:12px;color:white}.user-pill{display:flex;align-items:center;gap:8px;padding:8px 12px}.user-pill img{width:34px;height:34px;border-radius:50%;object-fit:cover}.icon-btn{width:48px;height:42px;position:relative}.icon-btn b{position:absolute;top:-6px;left:-3px;background:#df5454;border-radius:50%;font-size:11px;padding:2px 6px}.hero-card{margin:24px auto 20px;max-width:1180px;background:linear-gradient(135deg,#26211a,#1e1a14);border:1px solid var(--border);border-radius:22px;padding:32px;display:flex;justify-content:space-between;align-items:center}.stats{display:flex;gap:12px}.stats div{width:92px;height:76px;background:var(--card2);border:1px solid var(--border);border-radius:10px;display:grid;place-items:center}.stats strong{font-size:24px}.stats span,.welcome p,.panel small,.mini span{color:var(--muted);font-size:13px}.welcome{text-align:right}.choose-bot{max-width:1180px;margin:14px auto 22px}.choose-bot h3{text-align:center}.choose-bot select{width:100%;height:70px;background:var(--card);color:white;border:1px solid var(--border);border-radius:14px;padding:0 20px;font-size:16px}.small-btn{margin:0 calc((100% - min(1180px,100%))/2) 0 0;background:#26211a}.grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head span{background:#26211a;color:#f2ede4;border-radius:18px;padding:7px 12px;font-size:12px}.advanced{grid-row:span 3}.advanced button{width:100%;height:66px;border:1px solid var(--border);background:#26211a;color:white;border-radius:10px;margin:7px 0;text-align:right;font-size:16px;font-weight:500;cursor:pointer}.advanced button:hover,.quick-grid button:hover{border-color:var(--blue);transform:translateY(-1px)}.advanced small{display:block;margin-top:5px}.advanced .warn{border-color:#3d362b}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-grid button{height:130px;border:1px solid var(--border);background:#26211a;color:white;border-radius:14px;font-size:26px;cursor:pointer}.quick-grid span{display:block;font-size:16px;font-weight:600;margin:12px 0 4px}.mini{min-height:88px}.mini strong{display:block;font-size:20px;margin-top:8px;overflow:hidden;text-overflow:ellipsis}.ok{color:var(--green)}.activity{max-width:560px;margin:22px auto 0 0}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:99}.hidden{display:none}.modal-card{width:min(480px,92%);background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 20px 70px #000a}.modal input{width:100%;padding:14px;border-radius:10px;border:1px solid var(--border);background:#15120e;color:white;margin:10px 0}.modal button{padding:12px 16px;border:0;border-radius:10px;background:var(--blue);color:white;cursor:pointer}.modal-actions{text-align:left;margin-top:12px}@media(max-width:900px){.sidebar{display:none}.main{margin:0;padding:18px}.hero-card,.grid{display:block}.panel{margin-bottom:14px}.quick-grid{grid-template-columns:1fr}.stats{margin-top:20px}.activity{max-width:100%}}

/* Bot dropdown selector */
.bot-dropdown{position:relative;width:100%}
.bot-dropdown-head{width:100%;height:70px;background:var(--card);border:1px solid var(--blue);border-radius:14px;color:var(--text);display:flex;align-items:center;gap:14px;padding:0 18px;cursor:pointer;text-align:right;box-shadow:0 0 0 1px #75635133}
.bot-icon{width:42px;height:42px;background:var(--blue);display:grid;place-items:center;border-radius:10px;flex:0 0 auto}
.bot-selected-text{flex:1;text-align:center}
.bot-dropdown-head small{display:block;color:var(--muted);margin-top:4px}
.arrow{color:var(--muted);font-size:18px}
.bot-dropdown-menu{position:absolute;top:78px;left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:14px;z-index:50;overflow:hidden;box-shadow:0 16px 45px #0008}
.bot-dropdown-menu input{width:100%;height:44px;background:#1e1a14;border:0;border-bottom:1px solid var(--border);color:var(--text);padding:0 14px;outline:none}
.bot-list{max-height:245px;overflow:auto}
.bot-item{padding:14px 18px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}
.bot-item:hover{background:var(--card2)}
.bot-item strong{display:block}
.bot-item small{color:var(--muted)}
.bot-item.ended{opacity:.75}
.status-pill{font-size:12px;border-radius:999px;padding:4px 9px;background:#1e1a14;color:#a89a83;white-space:nowrap}
.status-pill.ended{background:#302a20;color:#ef7f73}
.empty-bots{text-align:center;color:var(--muted);padding:35px}
body.light{--bg:#15120e;--side:#ffffff;--card:#ffffff;--card2:#26211a;--muted:#a89a83;--text:#1e1a14;--border:#26211a}
body.light .bot-dropdown-menu input{background:#1e1a14}

.notifications-list{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow:auto;margin:12px 0}
.notification-item{display:flex;gap:12px;align-items:flex-start;background:var(--card2);border:1px solid var(--border);border-radius:12px;padding:12px}
.notification-item.unread{border-color:var(--blue);box-shadow:0 0 0 1px rgba(129,104,78,.25)}
.notification-icon{width:38px;height:38px;border-radius:10px;background:var(--blue);display:grid;place-items:center;flex:0 0 auto}
.notification-content{flex:1}
.notification-content strong{display:block;margin-bottom:5px}
.notification-content p{margin:0 0 6px;color:var(--text);line-height:1.6}
.notification-content small{color:var(--muted)}


/* Smooth visual effects */
button,a,.bot-item,.user-pill,.icon-btn{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;position:relative;overflow:hidden}
button:active,a:active,.bot-item:active,.user-pill:active,.icon-btn:active{transform:scale(.97)}
button:hover,a:hover,.user-pill:hover,.icon-btn:hover{box-shadow:0 12px 30px rgba(129,104,78,.18)}
.click-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.22);pointer-events:none;transform:scale(0);animation:rippleEffect .65s ease-out}
@keyframes rippleEffect{to{transform:scale(2.4);opacity:0}}
.cursor-dot{position:fixed;top:-10px;left:-10px;width:14px;height:14px;border-radius:50%;background:rgba(129,104,78,.85);box-shadow:0 0 18px rgba(129,104,78,.7);pointer-events:none;z-index:9999;transition:width .14s ease,height .14s ease,opacity .14s ease;mix-blend-mode:screen}
.cursor-dot.clicking{width:24px;height:24px;background:rgba(99,76,54,.85);box-shadow:0 0 24px rgba(99,76,54,.8)}

/* Profile dropdown */
.profile-wrap{position:relative}
.user-pill{border:1px solid var(--border);cursor:pointer;font-family:inherit}
.profile-arrow{color:var(--muted);font-size:14px;margin-inline-start:3px}
.profile-menu{position:absolute;top:54px;right:0;width:210px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 45px #0008;z-index:80;overflow:hidden;padding:8px}
html[dir="ltr"] .profile-menu{right:auto;left:0}
.profile-menu button,.profile-menu a{display:block;width:100%;border:0;background:transparent;color:var(--text);text-align:right;text-decoration:none;padding:13px;border-radius:10px;font-weight:500;cursor:pointer;font-family:inherit}
html[dir="ltr"] .profile-menu button,html[dir="ltr"] .profile-menu a{text-align:left}
.profile-menu button:hover,.profile-menu a:hover{background:var(--card2)}
.account-box{text-align:center;padding:8px 0}
.account-box img{width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid var(--blue);box-shadow:0 10px 35px rgba(129,104,78,.25)}
.account-box h3{margin:12px 0 8px}
.account-box p{background:var(--card2);border:1px solid var(--border);border-radius:10px;padding:10px;margin:8px 0;text-align:start}

/* Final requested update: no moving cursor dot */
.cursor-dot{display:none!important}

/* More comfortable dashboard cards */
.hero-card,.panel,.bot-dropdown-head,.bot-dropdown-menu,.mini,.quick-grid button,.advanced button,.stats div{
  border-radius:18px;
  border-color:#26211a;
  box-shadow:0 14px 40px rgba(0,0,0,.18);
}

/* Music group appearance and invite links v14 */
.music-appearance-v14{max-width:1180px!important;margin:20px auto!important;padding:32px!important;border-radius:28px!important;background:rgba(10,10,11,.96)!important}.music-appearance-v14>header{text-align:right!important;margin-bottom:28px}.music-appearance-v14>header h2{font-size:28px!important;margin:0 0 6px!important}.music-appearance-v14>header p{color:#c2b6a1!important}.music-appearance-v14-grid{display:grid;grid-template-columns:minmax(380px,.92fr) minmax(420px,1.08fr);gap:32px;align-items:center;direction:ltr}.music-discord-v14{direction:ltr;background:#302a20;border-radius:18px;padding:26px;min-height:360px;color:#f2ede4;box-shadow:0 24px 60px rgba(0,0,0,.25)}.music-discord-user{display:flex;align-items:center;gap:12px;margin-bottom:15px}.music-discord-user>img{width:46px;height:46px;border-radius:50%;object-fit:cover}.music-discord-user span{display:flex;align-items:center;gap:7px}.music-discord-user b{color:#f2ede4}.music-discord-user small{font-size:9px;background:#6872e2;color:white;border-radius:4px;padding:2px 4px}.music-now-embed-v14{--embed-color:#a89a83;position:relative;margin-left:58px;padding:14px 88px 16px 16px;border-left:4px solid var(--embed-color);border-radius:3px;background:#302a20;min-height:155px;display:flex;flex-direction:column;gap:8px}.music-now-embed-v14[hidden],.music-plain-v14[hidden],.music-controls-v14[hidden]{display:none!important}.music-now-embed-v14>strong{font-size:17px;color:#f2ede4}.music-now-embed-v14>b{color:#9db4d4}.music-now-embed-v14>span{font-weight:600;color:#fff}.music-note-art{position:absolute;right:14px;top:36px;width:64px;height:76px;border-radius:8px;background:#1e1a14;display:grid;place-items:center;font-size:52px;color:var(--embed-color)}.music-fake-player{display:flex;align-items:center;gap:8px;width:180px;padding:7px 10px;border-radius:5px;background:#1e1a14}.music-fake-player i{font-style:normal;color:#8bade9}.music-fake-player em{height:4px;flex:1;border-radius:8px;background:linear-gradient(90deg,var(--embed-color) 36%,#a89a83 36%)}.music-fake-player small{font-size:11px}.music-plain-v14{margin:12px 0 26px 58px;padding:13px 16px;border-radius:8px;background:#302a20;line-height:1.8}.music-controls-v14{margin:10px 0 0 58px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.music-controls-v14 i{height:40px;border-radius:5px;background:#302a20;display:grid;place-items:center;font-style:normal;font-size:18px}.music-appearance-settings-v14{direction:rtl;display:grid;gap:16px}.music-color-field-v14,.music-setting-row-v14{border:1px solid rgba(255,255,255,.07);background:#1e1a14;border-radius:18px;padding:20px;width:100%;color:#fff}.music-color-field-v14>span{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.music-color-field-v14 small{color:#a89a83;font-size:11px;direction:ltr}.music-color-field-v14>div{display:flex;gap:12px}.music-color-field-v14 input[type=text],.music-color-field-v14>div>input{flex:1;height:48px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#1e1a14;color:#26211a;text-align:right;padding:0 18px;font-weight:600}.music-color-field-v14 i{position:relative;width:48px;height:48px;border-radius:13px;border:7px solid #26211a;overflow:hidden}.music-color-field-v14 input[type=color]{position:absolute;inset:-8px;width:70px;height:70px;opacity:0;cursor:pointer}.music-setting-row-v14{display:flex;align-items:center;gap:16px;text-align:right;cursor:pointer;transition:.22s ease}.music-setting-row-v14:hover{border-color:rgba(129,104,78,.35);transform:translateY(-1px)}.music-setting-row-v14>span{width:44px;height:24px;border-radius:30px;background:#302a20;position:relative;flex:0 0 auto;order:2}.music-setting-row-v14>span:after{content:"";position:absolute;width:18px;height:18px;top:3px;right:3px;border-radius:50%;background:white;transition:.2s}.music-setting-row-v14.active>span{background:#544a3b}.music-setting-row-v14.active>span:after{transform:translateX(-20px)}.music-setting-row-v14 div{display:flex;flex-direction:column;gap:4px;flex:1}.music-setting-row-v14 small{color:#a89a83}.music-invites-v14{max-width:1100px!important;margin:20px auto!important;padding:32px!important;border-radius:28px!important;background:rgba(10,10,11,.96)!important}.music-invites-v14>header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-bottom:24px!important;border-bottom:1px solid rgba(255,255,255,.07)}.music-invites-v14>header h2{font-size:27px!important;margin:0 0 5px!important}.music-invites-v14>header p{color:#a89a83!important}.music-invites-v14>header>button{height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#1e1a14;color:#fff;font-weight:600;display:flex;align-items:center;gap:8px}.music-invites-v14 button img{width:18px;height:18px;object-fit:contain}.music-invites-v14-list{margin-top:24px;padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:#1e1a14;display:grid;gap:10px}.music-invite-v14-row{min-height:84px;padding:14px 18px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#1e1a14;display:flex;align-items:center;justify-content:space-between;direction:rtl}.music-invite-v14-bot{display:flex;align-items:center;gap:14px}.music-invite-v14-bot>img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#1e1a14}.music-invite-v14-bot span{display:flex;flex-direction:column;gap:4px}.music-invite-v14-bot small{color:#a89a83;direction:ltr}.music-invite-v14-actions{display:flex;gap:9px;direction:ltr}.music-invite-v14-actions button{height:42px;border-radius:12px;font-weight:600}.music-invite-v14-actions .copy{width:46px;border:1px solid rgba(255,255,255,.12);background:#1e1a14}.music-invite-v14-actions .invite{padding:0 22px;border:0;background:#544a3b;color:#f2ede4}.music-group-side .danger span{font-weight:700}
@media(max-width:900px){.music-appearance-v14-grid{grid-template-columns:1fr}.music-invites-v14>header{align-items:flex-start!important;gap:16px;flex-direction:column!important}.music-invite-v14-row{align-items:flex-start;gap:14px;flex-direction:column}.music-invite-v14-actions{width:100%}.music-invite-v14-actions .invite{flex:1}}

/* Exact Discord plain reply and the five live-project controls. */
.music-plain-v14{padding:2px 0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.music-controls-v14 i{display:none!important}
.music-controls-v14 span{height:40px;border-radius:5px;background:#302a20;display:grid;place-items:center}
.music-controls-v14 span img{width:20px;height:20px;object-fit:contain}
.hero-card{
  padding:34px 38px;
  background:linear-gradient(135deg,rgba(28,28,31,.96),rgba(48,40,32,.96));
}
.stats div{
  min-width:96px;
  background:linear-gradient(180deg,var(--card2),rgba(28,28,31,.72));
}
.panel{
  background:linear-gradient(180deg,var(--card),rgba(28,28,31,.94));
}
.advanced button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:74px;
  padding:0 18px;
  background:linear-gradient(180deg,#26211a,#26211a);
}
.advanced button span{font-weight:700}
.advanced button small{font-size:12px;text-align:start;opacity:.8}
.quick-grid button{
  background:linear-gradient(180deg,#26211a,#26211a);
  min-height:134px;
}
.quick-grid button i{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  margin:0 auto 8px;
  border-radius:11px;
  background:rgba(129,104,78,.2);
  font-style:normal;
}
.mini{
  background:linear-gradient(180deg,var(--card),rgba(28,28,31,.88));
  padding:22px;
}
.mini strong{font-size:22px}
.bot-dropdown-head{
  min-height:76px;
  background:linear-gradient(180deg,#1e1a14,#15120e);
}
.bot-icon{box-shadow:0 10px 25px rgba(129,104,78,.25)}
.bot-item{min-height:72px;background:rgba(28,28,31,.45)}
.bot-item:hover{border-color:var(--blue);background:rgba(129,104,78,.12)}
.profile-menu-user{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--border);margin-bottom:6px}
.profile-menu-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.profile-menu-user strong{display:block;font-size:14px}.profile-menu-user small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
html[dir="ltr"] .main{margin-right:0;margin-left:260px}
html[dir="ltr"] .sidebar{right:auto;left:0;border-left:0;border-right:1px solid #1e1a14}
html[dir="ltr"] .welcome{text-align:left}
html[dir="ltr"] .advanced button{text-align:left}
html[dir="ltr"] .small-btn{margin-left:calc((100% - min(1180px,100%))/2);margin-right:0}
@media(max-width:900px){html[dir="ltr"] .main{margin-left:0}}


/* Info cards 2x2 layout - Norel Store final */
.info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.info-card{
  position:relative;
  min-height:112px;
  padding:22px 22px 18px;
  background:linear-gradient(180deg,#26211a,#1e1a14);
  border:1px solid #3d362b;
  border-radius:18px;
  box-shadow:0 14px 40px rgba(0,0,0,.18);
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.info-card:hover{
  transform:translateY(-3px);
  border-color:var(--blue);
  box-shadow:0 18px 44px rgba(129,104,78,.14);
}
.info-card span{
  display:block;
  color:var(--muted);
  font-size:13px;
  font-weight:500;
  padding-inline-end:54px;
}
.info-card strong{
  display:block;
  max-width:100%;
  margin-top:12px;
  color:var(--text);
  font-size:24px;
  line-height:1.2;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.info-card small{
  display:block;
  margin-top:9px;
  color:var(--muted);
  font-size:12px;
}
.info-icon{
  position:absolute;
  top:18px;
  inset-inline-end:18px;
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-size:18px;
  box-shadow:0 12px 24px rgba(0,0,0,.22);
}
.info-icon.orange{background:#e0c078;color:#fff}
.info-icon.blue{background:#a89a83;color:#fff}
.info-icon.green{background:#a89a83;color:#fff}
.status-active{color:#a89a83!important;font-weight:700}
body.light .info-card{background:linear-gradient(180deg,#1e1a14,#26211a)}
@media(max-width:900px){.info-grid{grid-template-columns:1fr}}

/* Compact polish update: smaller selector, icons, and soft click feedback */
.topbar{
  height:52px!important;
  gap:8px!important;
}
.icon-btn{
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  font-size:15px!important;
  transition:background .25s ease, transform .15s ease, box-shadow .25s ease, border-color .2s ease!important;
}
.icon-btn:hover{
  transform:translateY(-2px)!important;
  background:#26211a!important;
  box-shadow:0 8px 18px rgba(129,104,78,.18)!important;
}
.icon-btn:active{
  transform:scale(.90)!important;
  border-color:var(--blue)!important;
}
.user-pill{
  height:42px!important;
  padding:6px 10px!important;
  border-radius:11px!important;
  transition:background .25s ease, transform .15s ease, box-shadow .25s ease, border-color .2s ease!important;
}
.user-pill:hover{
  box-shadow:0 8px 18px rgba(129,104,78,.18)!important;
}
.user-pill:active{
  transform:scale(.92)!important;
  border-color:var(--blue)!important;
}
.user-pill img{
  width:30px!important;
  height:30px!important;
}
.bot-dropdown-head{
  min-height:58px!important;
  height:58px!important;
  padding:0 14px!important;
  border-radius:13px!important;
}
.bot-icon{
  width:34px!important;
  height:34px!important;
  font-size:15px!important;
  border-radius:9px!important;
}
.bot-dropdown-head strong{
  font-size:15px!important;
}
.bot-dropdown-head small{
  font-size:11px!important;
}
.bot-dropdown-menu{
  top:64px!important;
  border-radius:13px!important;
}
.bot-dropdown-menu input{
  height:38px!important;
  font-size:13px!important;
  padding:0 13px!important;
}
.bot-list{
  max-height:205px!important;
}
.bot-item{
  min-height:55px!important;
  padding:10px 14px!important;
}
.bot-item strong{
  font-size:14px!important;
}
.bot-item small{
  font-size:11px!important;
}
.status-pill{
  font-size:11px!important;
  padding:3px 8px!important;
}
.info-icon{
  width:36px!important;
  height:36px!important;
  font-size:15px!important;
  border-radius:10px!important;
}
.info-card{
  min-height:100px!important;
  padding:18px 18px 15px!important;
}
.info-card strong{
  font-size:21px!important;
}
.info-card span{
  font-size:12px!important;
  padding-inline-end:48px!important;
}
.quick-grid button{
  min-height:115px!important;
  height:115px!important;
}
.quick-grid button i{
  width:34px!important;
  height:34px!important;
  font-size:15px!important;
}
.quick-grid span{
  font-size:14px!important;
}
.quick-grid small{
  font-size:11px!important;
}
.advanced button{
  min-height:63px!important;
  height:63px!important;
}
.advanced button span{
  font-size:15px!important;
}
.advanced button small{
  font-size:11px!important;
}
.panel{
  padding:18px!important;
}
.panel h3{
  font-size:16px!important;
}
.stats div{
  width:86px!important;
  height:68px!important;
  min-width:86px!important;
}
.stats strong{
  font-size:21px!important;
}
.stats span{
  font-size:11px!important;
}
.hero-card{
  padding:28px 32px!important;
}
.welcome h2{
  font-size:22px!important;
}
.welcome p{
  font-size:13px!important;
}
.small-btn{
  padding:11px 15px!important;
  border-radius:10px!important;
  font-size:13px!important;
}


/* Topbar like reference image + dropdown notifications */
:root{--topbar:#1e1a14}
.topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:64px!important;
  padding:0 22px!important;
  background:var(--topbar)!important;
  border-bottom:1px solid #3d362b!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  z-index:120!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
}
.topbar-controls{display:flex;align-items:center;gap:8px;direction:ltr}
.topbar-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;color:#fff;letter-spacing:-.4px}
.topbar-brand span span{color:var(--blue)}
.topbar-brand img{width:38px;height:38px;border-radius:10px;object-fit:cover}
.main{padding-top:86px!important}
.sidebar{top:64px!important;height:calc(100vh - 64px)!important}
.user-pill{height:42px!important;padding:6px 8px 6px 10px!important;direction:ltr!important;gap:7px!important}
.user-pill img{width:31px!important;height:31px!important;border:2px solid var(--blue)!important}
.profile-arrow{display:none!important}
.icon-btn{background:#1e1a14!important;border-color:color-mix(in srgb,#a89a83 42%,#15120e)!important;color:#fff!important}
.icon-btn.is-clicked,.icon-btn:active,.user-pill:active{box-shadow:0 0 0 2px rgba(129,104,78,.38),0 10px 22px rgba(129,104,78,.16)!important}
.notify-wrap{position:relative}
.notifications-popover{
  position:absolute;
  top:54px;
  left:0;
  width:340px;
  background:linear-gradient(180deg,#1e1a14,#1e1a14);
  border:1px solid #3d362b;
  border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.48);
  overflow:hidden;
  z-index:160;
  transform-origin:top left;
  animation:popoverIn .18s ease both;
}
html[dir="rtl"] .notifications-popover{left:0;right:auto}
.notifications-popover-head{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border)}
.notifications-popover-head strong{font-size:15px;color:var(--text)}
.notifications-popover-head button{border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;font-family:inherit;padding:7px 8px;border-radius:8px}
.notifications-popover-head button:hover{background:var(--card2);color:var(--text)}
.notifications-popover-list{max-height:330px;overflow:auto;padding:8px}
.notification-pop-item{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:13px;border-inline-start:3px solid transparent;background:rgba(28,28,31,.45);margin-bottom:8px;transition:.18s ease}
.notification-pop-item:hover{background:rgba(129,104,78,.10);transform:translateY(-1px)}
.notification-pop-item.unread{border-inline-start-color:var(--blue);background:rgba(129,104,78,.08)}
.notification-pop-icon{width:56px;height:56px;border-radius:18px;background:#26211a;display:grid;place-items:center;font-size:17px;flex:0 0 auto}
.notification-pop-content{flex:1;min-width:0}
.notification-pop-content strong{display:block;font-size:14px;color:var(--text);margin-bottom:5px}
.notification-pop-content p{margin:0;color:#9c907d;font-size:12px;line-height:1.6}
.notification-pop-content small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
@keyframes popoverIn{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.lang-switching .main,.lang-switching .sidebar,.lang-switching .topbar{animation:softLang .38s ease both}
@keyframes softLang{0%{opacity:.58;filter:blur(1px);transform:translateY(2px)}100%{opacity:1;filter:blur(0);transform:translateY(0)}}

/* Smaller and cleaner bot selector */
.choose-bot{margin-top:12px!important;margin-bottom:18px!important}
.choose-bot h3{font-size:16px!important;margin:0 0 10px!important}
.bot-dropdown-head{height:54px!important;min-height:54px!important;padding:0 13px!important;border-radius:12px!important}
.bot-icon{width:32px!important;height:32px!important;font-size:14px!important;border-radius:8px!important}
.bot-dropdown-head strong{font-size:14px!important}.bot-dropdown-head small{font-size:10.5px!important}.arrow{font-size:15px!important}
.bot-dropdown-menu{top:60px!important;border-radius:12px!important}
.bot-dropdown-menu input{height:36px!important;font-size:12.5px!important}
.bot-list{max-height:190px!important}.bot-item{min-height:52px!important;padding:9px 13px!important}.bot-item strong{font-size:13.5px!important}.bot-item small{font-size:10.5px!important}

body.light .topbar{--topbar:#ffffff;background:#1e1a14!important}
body.light .notifications-popover{background:#1e1a14}
@media(max-width:900px){.sidebar{top:0!important;height:100vh!important}.main{padding-top:82px!important}.topbar-brand span{display:none}.notifications-popover{width:310px}}


/* My Subscriptions page - same style as requested image, no buy button */
.subscriptions-page{
  max-width:1180px;
  margin:0 auto 40px;
  animation:subsFade .22s ease both;
}
.subs-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:6px 0 24px;
}
.subs-head h1{
  margin:0;
  font-size:30px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:10px;
}
.subs-title-icon{
  color:var(--blue);
  font-size:24px;
}
.subs-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  margin-bottom:28px;
}
.subs-stat-card{
  background:linear-gradient(180deg,#1e1a14,#1e1a14);
  border:1px solid #26211a;
  border-radius:15px;
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 14px 40px rgba(0,0,0,.16);
}
.subs-stat-icon{
  width:46px;
  height:46px;
  border-radius:13px;
  display:grid;
  place-items:center;
  font-size:17px;
  margin-bottom:4px;
}
.subs-stat-icon.blue{background:rgba(129,104,78,.18);color:#a89a83}
.subs-stat-icon.green{background:rgba(99,76,54,.16);color:#a89a83}
.subs-stat-icon.orange{background:rgba(245,158,11,.17);color:#e0c078}
.subs-stat-icon.red{background:rgba(244,68,68,.17);color:#ef7f73}
.subs-stat-icon.gray{background:rgba(188,151,141,.17);color:#c2b6a1}
.subs-stat-card strong{
  font-size:30px;
  font-weight:700;
  line-height:1;
}
.subs-stat-card span{
  color:#9c907d;
  font-size:13px;
  font-weight:500;
}
.subs-tools{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  margin-bottom:46px;
}
.subs-tools input{
  height:48px;
  background:#1e1a14;
  color:var(--text);
  border:1px solid #26211a;
  border-radius:10px;
  outline:none;
  padding:0 16px;
  font-size:14px;
}
.subs-tools input:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(129,104,78,.12);
}
.subs-filters{
  display:flex;
  gap:12px;
}
.subs-filters button{
  height:44px;
  padding:0 20px;
  border:1px solid #26211a;
  border-radius:10px;
  background:#1e1a14;
  color:#9c907d;
  font-weight:600;
  cursor:pointer;
  font-family:inherit;
}
.subs-filters button.active{
  background:var(--blue);
  color:#fff;
  border-color:var(--blue);
}
.subs-filters button:hover{
  transform:translateY(-1px);
  border-color:var(--blue);
}
.subs-list{
  min-height:310px;
}
.subs-empty{
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#9c907d;
  text-align:center;
}
.subs-empty-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  font-size:42px;
  opacity:.55;
  margin-bottom:12px;
  filter:grayscale(1);
}
.subs-empty h3{
  margin:0 0 8px;
  font-size:22px;
  color:var(--text);
}
.subs-empty p{
  margin:0;
  color:#9c907d;
  font-size:14px;
}
.subs-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  background:linear-gradient(180deg,#1e1a14,#1e1a14);
  border:1px solid #26211a;
  border-radius:14px;
  padding:16px;
  margin-bottom:12px;
}
.subs-row-icon{
  width:44px;
  height:44px;
  background:rgba(129,104,78,.15);
  color:var(--blue);
  display:grid;
  place-items:center;
  border-radius:12px;
}
.subs-row-main strong{
  display:block;
  font-size:16px;
  margin-bottom:5px;
}
.subs-row-main small,
.subs-row-meta small{
  color:#9c907d;
}
.subs-row-meta{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}
.subs-badge{
  border-radius:999px;
  padding:5px 10px;
  font-size:12px;
  font-weight:700;
}
.subs-badge.active{background:rgba(99,76,54,.14);color:#a89a83}
.subs-badge.paused{background:rgba(245,158,11,.14);color:#e0c078}
.subs-badge.ended{background:rgba(244,68,68,.14);color:#ef7f73}
.subs-badge.stopped{background:rgba(188,151,141,.14);color:#c2b6a1}
@keyframes subsFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
html[dir="ltr"] .subs-row-meta{align-items:flex-start}
@media(max-width:1050px){
  .subs-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subs-tools{grid-template-columns:1fr}
  .subs-filters{flex-wrap:wrap}
}
@media(max-width:650px){
  .subs-stats{grid-template-columns:1fr}
  .subs-row{grid-template-columns:1fr;text-align:center}
  .subs-row-icon{margin:auto}
  .subs-row-meta{align-items:center}
}
body.light .subs-stat-card,
body.light .subs-tools input,
body.light .subs-filters button,
body.light .subs-row{
  background:#1e1a14;
}


/* Notifications RTL/LTR position fix */
.notify-wrap{position:relative!important}
.notifications-popover{
  width:360px!important;
  max-width:calc(100vw - 24px)!important;
}
html[dir="rtl"] .notifications-popover{
  right:0!important;
  left:auto!important;
  transform-origin:top right!important;
}
html[dir="ltr"] .notifications-popover{
  left:0!important;
  right:auto!important;
  transform-origin:top left!important;
}
html[dir="rtl"] .notification-pop-item{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="ltr"] .notification-pop-item{
  direction:ltr!important;
  text-align:left!important;
}
.notification-pop-content{
  min-width:0!important;
  overflow:hidden!important;
}
.notification-pop-content strong,
.notification-pop-content p,
.notification-pop-content small{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:520px){
  .notifications-popover{width:calc(100vw - 24px)!important}
}

/* Norel Store modern login page */
body.sant-login-page{
  min-height:100vh;
  display:block;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 12%,rgba(129,104,78,.16),transparent 30%),
    radial-gradient(circle at 50% 50%,rgba(28,28,31,.55),rgba(48,40,32,.96) 62%),
    #15120e;
}
body.sant-login-page::before{
  content:"";
  position:fixed;
  inset:0;
  background:linear-gradient(115deg,rgba(0,0,0,.35),transparent 45%,rgba(129,104,78,.08));
  pointer-events:none;
}
.login-top-left{
  position:fixed;
  top:22px;
  left:22px;
  z-index:5;
}
.login-lang-switch{
  display:flex;
  gap:6px;
  padding:5px;
  background:rgba(28,28,31,.78);
  border:1px solid rgba(188,151,141,.16);
  border-radius:12px;
  backdrop-filter:blur(12px);
}
.login-lang-switch button,
.login-theme-btn{
  border:0;
  color:#9c907d;
  background:transparent;
  border-radius:9px;
  height:38px;
  min-width:58px;
  padding:0 13px;
  cursor:pointer;
  font-weight:700;
  font-family:inherit;
  transition:.18s ease;
}
.login-lang-switch button.active{
  background:var(--blue);
  color:#fff;
  box-shadow:0 8px 22px rgba(129,104,78,.25);
}
.login-lang-switch button:hover,
.login-theme-btn:hover{
  transform:translateY(-1px);
  color:#fff;
}
.login-theme-btn{
  position:fixed;
  top:22px;
  right:22px;
  width:46px;
  min-width:46px;
  background:rgba(28,28,31,.78);
  border:1px solid rgba(188,151,141,.16);
  z-index:5;
  backdrop-filter:blur(12px);
}
.sant-login-wrap{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  position:relative;
  z-index:2;
}
.sant-login-card{
  width:min(455px,94vw);
  min-height:610px;
  padding:44px 46px 34px;
  background:rgba(48,40,32,.92);
  border:1px solid rgba(188,151,141,.18);
  border-top:3px solid var(--blue);
  border-radius:28px;
  box-shadow:0 34px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02) inset;
  text-align:center;
  animation:loginCardIn .45s ease both;
}
.sant-login-logo{
  width:78px;
  height:78px;
  margin:0 auto 26px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:linear-gradient(135deg,#544a3b,#a89a83);
  box-shadow:0 18px 40px rgba(129,104,78,.32);
  overflow:hidden;
}
.sant-login-logo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.sant-login-card h1{
  margin:0 0 12px;
  font-size:31px;
  line-height:1.2;
  font-weight:700;
  color:#fff;
}
.sant-login-sub{
  margin:0 0 34px;
  color:#9c907d;
  font-size:15px;
  line-height:1.8;
}
.discord-login-btn{
  width:100%;
  height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  border-radius:13px;
  text-decoration:none;
  color:#fff;
  font-weight:700;
  background:linear-gradient(135deg,#a89a83,#a89a83);
  box-shadow:0 18px 45px rgba(129,104,78,.28);
  transition:.2s ease;
  position:relative;
  overflow:hidden;
}
.discord-login-btn::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  transform:translateX(-120%);
  transition:.55s ease;
}
.discord-login-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 55px rgba(129,104,78,.36);
}
.discord-login-btn:hover::after{transform:translateX(120%)}
.discord-mark{font-size:21px;line-height:1}
.oauth-box{
  margin:24px 0 38px;
  padding:22px;
  border:1px solid rgba(129,104,78,.28);
  border-radius:13px;
  background:rgba(38,30,28,.58);
  text-align:right;
}
html[dir="ltr"] .oauth-box{text-align:left}
.oauth-box h3{
  margin:0 0 14px;
  color:#a89a83;
  font-size:15px;
  font-weight:700;
}
.oauth-box p{
  margin:0;
  color:#9c907d;
  line-height:1.9;
  font-size:13.5px;
}
.login-links{
  border-top:1px solid rgba(188,151,141,.16);
  padding-top:24px;
  display:flex;
  justify-content:center;
  gap:26px;
  flex-wrap:wrap;
}
.login-links a,
.back-home{
  color:#9c907d;
  text-decoration:none;
  font-size:13.5px;
  font-weight:600;
  transition:.18s ease;
}
.login-links a:hover,
.back-home:hover{color:#fff}
.back-home{
  display:inline-block;
  margin-top:26px;
  opacity:.8;
}
body.sant-login-page.light{
  background:linear-gradient(135deg,#26211a,#15120e);
  --text:#1e1a14;
}
body.sant-login-page.light .sant-login-card,
body.sant-login-page.light .login-lang-switch,
body.sant-login-page.light .login-theme-btn{
  background:rgba(255,255,255,.88);
  color:#f2ede4;
}
body.sant-login-page.light .sant-login-card h1{color:#f2ede4}
body.sant-login-page.light .oauth-box{background:#26211a}
@keyframes loginCardIn{
  from{opacity:0;transform:translateY(16px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:560px){
  .sant-login-card{padding:38px 24px 28px;min-height:auto}
  .login-links{gap:14px}
  .login-lang-switch button{min-width:50px}
}

/* Live bot status */
.status-pill.online{background:#1e1a14!important;color:#a89a83!important}
.status-pill.offline{background:#302a20!important;color:#ef7f73!important}
.live-online{color:#a89a83!important;font-weight:700}
.live-offline{color:#e88493!important;font-weight:700}

/* Norel Store Admin Panel + Realtime */
.status-pill.online{background:rgba(99,76,54,.16)!important;color:#a89a83!important}
.status-pill.offline{background:rgba(244,68,68,.16)!important;color:#ef7f73!important}
.live-online{color:var(--green)!important}.live-offline{color:var(--red)!important}
.admin-page{max-width:1400px}.admin-hero{max-width:1180px;margin:0 auto 22px;background:linear-gradient(135deg,#26211a,#1e1a14);border:1px solid var(--border);border-radius:22px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 40px rgba(0,0,0,.18)}.admin-hero h1{margin:0 0 8px;font-size:30px}.admin-hero p{margin:0;color:var(--muted)}.admin-live{background:rgba(99,76,54,.14);color:#a89a83;border:1px solid rgba(99,76,54,.25);border-radius:999px;padding:8px 13px;font-weight:700}.admin-stats{max-width:1180px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.admin-stats div{background:linear-gradient(180deg,var(--card),rgba(28,28,31,.9));border:1px solid var(--border);border-radius:16px;padding:18px;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.14)}.admin-stats span{color:var(--muted);font-size:13px}.admin-stats strong{display:block;margin-top:8px;font-size:28px}.admin-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-card{background:linear-gradient(180deg,var(--card),rgba(28,28,31,.92));border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 14px 40px rgba(0,0,0,.16)}.admin-card.wide{grid-column:1/-1}.admin-card h3{margin:0 0 14px}.admin-card input,.admin-card textarea,.admin-card select{width:100%;background:#1e1a14;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px;margin:8px 0;outline:none;font-family:inherit}.admin-card textarea{min-height:110px;resize:vertical}.admin-card button,.admin-row-actions button{border:0;background:var(--blue);color:white;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;font-family:inherit}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.admin-card-head h3{margin:0}.admin-card-head input{max-width:240px;margin:0}.admin-table{display:flex;flex-direction:column;gap:10px;max-height:460px;overflow:auto}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(28,28,31,.45);border:1px solid var(--border);border-radius:14px;padding:13px}.admin-row strong{display:block}.admin-row small{display:block;color:var(--muted);margin-top:5px}.admin-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}body.light .admin-hero,body.light .admin-card,body.light .admin-stats div,body.light .admin-row{background:#fff}body.light .admin-card input,body.light .admin-card textarea,body.light .admin-card select{background:#1e1a14}@media(max-width:1000px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-card.wide{grid-column:auto}.admin-hero{display:block}.admin-live{display:inline-block;margin-top:14px}}@media(max-width:600px){.admin-stats{grid-template-columns:1fr}.admin-card-head{display:block}.admin-card-head input{max-width:100%;margin-top:10px}.admin-row{display:block}.admin-row-actions{margin-top:10px}}

/* Admin subscription management additions */
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
.admin-form-grid textarea,.admin-form-grid select[multiple]{min-height:110px}
.admin-row-actions .danger-btn{background:var(--red)!important}
@media(max-width:800px){.admin-form-grid{grid-template-columns:1fr}}

/* Admin add subscription user picker */
.admin-user-picker{position:relative;width:100%;margin:8px 0;z-index:120}
.admin-user-picker input{margin:0!important;padding-inline-end:44px!important;background:linear-gradient(180deg,rgba(26,21,20,.96),rgba(48,40,32,.96))!important;border-color:rgba(129,104,78,.34)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 0 0 transparent!important;transition:.2s ease!important}
.admin-user-picker:after{content:'⌕';position:absolute;top:12px;left:14px;color:rgba(129,104,78,.82);font-size:16px;pointer-events:none}
.admin-user-picker input:focus{border-color:rgba(129,104,78,.78)!important;box-shadow:0 0 0 2px rgba(129,104,78,.16),0 0 30px rgba(129,104,78,.10)!important}
.admin-user-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  left:0;
  z-index:160;
  max-height:390px;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(129,104,78,.58);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(29,23,21,.98),rgba(48,40,32,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(129,104,78,.10),0 0 35px rgba(129,104,78,.16);
  backdrop-filter:blur(18px);
  transform-origin:top;
  animation:adminUserPanelIn .16s ease both;
}
@keyframes adminUserPanelIn{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.admin-user-dropdown.hidden{display:none!important}
.admin-user-panel-head{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px;
  background:linear-gradient(135deg,rgba(36,36,40,.92),rgba(48,40,32,.95));
  border-bottom:1px solid rgba(129,104,78,.16);
}
.admin-user-panel-head strong{display:block;font-size:15px;color:var(--text);font-weight:700}
.admin-user-panel-head small{display:block;margin-top:5px;color:var(--muted);font-size:12px}
.admin-user-panel-head span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#a89a83,#a89a83);box-shadow:0 12px 28px rgba(129,104,78,.26)}
.admin-user-panel-head .sant-neon-icon{width:20px!important;height:20px!important}
.admin-user-panel-hint{padding:10px 16px;color:rgba(230,222,217,.72);font-size:12px;border-bottom:1px solid rgba(129,104,78,.12);background:rgba(48,40,32,.7)}
.admin-user-list{max-height:260px;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px}
.admin-user-option{
  width:100%;
  min-height:62px;
  border:1px solid rgba(129,104,78,.14)!important;
  background:rgba(31,25,24,.54)!important;
  color:var(--text)!important;
  border-radius:14px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  text-align:right!important;
  cursor:pointer!important;
  font-family:inherit!important;
  box-shadow:none!important;
  transition:.18s ease!important;
}
.admin-user-option:hover{
  background:linear-gradient(135deg,rgba(129,104,78,.22),rgba(145,117,109,.16))!important;
  border-color:rgba(129,104,78,.46)!important;
  transform:translateY(-1px);
  box-shadow:0 10px 26px rgba(0,0,0,.24),0 0 22px rgba(129,104,78,.08)!important;
}
.admin-user-option img{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:13px!important;
  object-fit:cover!important;
  border:1px solid rgba(129,104,78,.46)!important;
  background:#1e1a14!important;
  box-shadow:0 0 16px rgba(129,104,78,.18)!important;
}
.admin-user-info{display:block;min-width:0}
.admin-user-info strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.admin-user-info small{display:block;margin-top:4px;color:var(--muted);font-size:11px;direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-user-option em{font-style:normal;color:#a89a83;background:rgba(129,104,78,.13);border:1px solid rgba(129,104,78,.18);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700;white-space:nowrap}
.admin-user-empty{min-height:158px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:22px 12px;background:rgba(26,21,19,.52);border:1px dashed rgba(129,104,78,.22);border-radius:14px;margin:10px}
.admin-user-empty-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(129,104,78,.12);color:#c2b6a1;font-size:20px;margin-bottom:4px}
.admin-user-empty-icon img{width:30px;height:30px;object-fit:contain;display:block}
.admin-user-empty strong{display:block;color:var(--text);font-size:14px;margin-bottom:4px}
.admin-user-empty small{display:block;color:var(--muted);font-size:12px;line-height:1.7}
body.light .admin-user-dropdown{background:rgba(255,255,255,.98)}
body.light .admin-user-option{background:#1e1a14!important}
@media(max-width:700px){.admin-user-dropdown{position:fixed;left:14px;right:14px;top:120px}.admin-user-option{grid-template-columns:38px minmax(0,1fr)!important}.admin-user-option em{grid-column:2/3;justify-self:start;margin-top:-4px}}


/* Norel Store Shop */
.store-page-body .store-ui-icon{width:1.25em;height:1.25em;min-width:1.25em;display:inline-block;vertical-align:-.22em;color:currentColor}
.store-page-body .store-inline-icon{display:inline-grid;place-items:center;min-width:1.15em;margin-inline:4px;color:currentColor;font-weight:700;line-height:1}
.store-page-body .product-icon .store-ui-icon,.store-page-body .cart-product-icon .store-ui-icon{width:72%;height:72%;min-width:0;vertical-align:0}
.store-page-body .floating-cart .store-inline-icon{font-size:29px;margin:0}
.store-page-body .icon-btn .store-ui-icon{width:22px;height:22px;margin:0;vertical-align:middle}
.store-main{max-width:1320px}.store-page-body{background:linear-gradient(180deg,#15120e,#15120e 360px,#15120e)}.store-hero{max-width:1180px;margin:0 auto 42px;text-align:center;padding:32px 20px 18px}.store-badge{display:inline-flex;align-items:center;gap:8px;background:#1e1a14;border:1px solid #3d362b;color:#ffffff;border-radius:999px;padding:9px 18px;font-weight:700;margin-bottom:20px}.store-hero h1{margin:0;font-size:56px;line-height:1.15;font-weight:700;background:linear-gradient(90deg,#c6b9a2,#a89a83);-webkit-background-clip:text;color:transparent}.store-hero p{color:#9c907d;font-size:18px;margin:16px 0 36px}.store-stats-line{display:flex;justify-content:center;gap:74px}.store-stats-line strong{display:block;font-size:32px;color:#c6b9a2}.store-stats-line span{display:block;color:#9c907d;margin-top:10px}.store-tools{max-width:1180px;margin:0 auto 38px;display:grid;grid-template-columns:auto 130px 1fr;gap:12px;align-items:center}.currency-switch{display:flex;gap:8px}.currency-switch button,.store-tools select,.store-tools input{height:54px;background:#1e1a14;color:#ffffff;border:1px solid #3d362b;border-radius:12px;padding:0 18px;font-weight:700;font-family:inherit;outline:none}.currency-switch button.active{background:#a89a83;color:#fff}.store-tools input{text-align:right;font-weight:600}.store-count{max-width:1180px;margin:0 auto 22px;text-align:left;color:#9c907d;font-weight:600}.store-count b{color:#a89a83}.products-grid{max-width:1180px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.product-card{position:relative;min-height:520px;background:#3d362b;border:1px solid #3d362b;border-radius:24px;padding:28px 28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.22);overflow:hidden}.product-top-line{position:absolute;top:0;left:72px;right:72px;height:3px;background:#a89a83}.product-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.product-head h3{margin:10px 0 10px;font-size:20px;font-weight:700}.product-head span{display:inline-block;color:#a89a83;background:#302a20;border:1px solid #3d362b;border-radius:6px;padding:7px 12px;font-size:11px;font-weight:700}.product-icon{width:58px;height:58px;border-radius:17px;background:#a89a83;display:grid;place-items:center;font-size:28px;box-shadow:0 15px 30px rgba(129,104,78,.28)}.product-card p{min-height:56px;color:#c2b6a1;line-height:1.8;text-align:center;margin:28px 0 18px}.product-meta{border-top:1px solid #3d362b;border-bottom:1px solid #3d362b;height:46px;display:flex;align-items:center;justify-content:center;gap:26px;color:#9c907d}.product-meta span:first-child{color:#a89a83}.product-card select{width:100%;height:56px;margin:20px 0 14px;background:#1e1a14;border:1px solid #3d362b;border-radius:10px;color:#ffffff;padding:0 16px;font-size:15px;font-weight:700;font-family:inherit}.music-qty{display:grid;grid-template-columns:36px 1fr 36px;gap:12px;margin-bottom:18px}.music-qty button{height:44px;border:1px solid #3d362b;background:#302a20;color:#fff;border-radius:10px;font-size:19px;font-weight:700;cursor:pointer}.music-qty input{height:44px;text-align:center;background:#1e1a14;border:1px solid #3d362b;color:#fff;border-radius:10px;font-size:17px;font-weight:700}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}.product-bottom button{height:54px;min-width:150px;border:0;background:#a89a83;color:#fff;border-radius:12px;font-weight:700;font-family:inherit;cursor:pointer;font-size:15px}.product-price{text-align:left;direction:ltr}.product-price strong{display:block;color:#a89a83;font-size:28px;font-weight:700;line-height:1.15}.product-price small{color:#9c907d}.floating-cart{position:fixed;right:36px;bottom:36px;width:66px;height:66px;border-radius:50%;border:0;background:#a89a83;color:#fff;font-size:28px;box-shadow:0 18px 45px rgba(129,104,78,.38);z-index:180;cursor:pointer}.floating-cart b{position:absolute;top:-5px;left:-5px;background:#df5454;color:#fff;border-radius:999px;font-size:12px;padding:4px 8px}.cart-drawer{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:190;display:flex;justify-content:flex-start}.cart-card{width:min(430px,94vw);height:100vh;background:#3d362b;border-right:1px solid #3d362b;padding:22px;box-shadow:20px 0 70px rgba(0,0,0,.35);overflow:auto}.cart-head{display:flex;align-items:center;justify-content:space-between}.cart-head button{width:38px;height:38px;border:0;background:#26211a;color:#fff;border-radius:10px;font-size:22px}.cart-items{display:flex;flex-direction:column;gap:10px;margin:18px 0}.cart-item,.order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1e1a14;border:1px solid #3d362b;border-radius:14px;padding:13px}.cart-item small,.order-row small{display:block;color:#a89a83;margin-top:6px}.cart-item button{border:0;background:#302a20;color:#ef7f73;border-radius:8px;padding:7px 9px;margin-inline-start:8px}.checkout-box input{width:100%;height:46px;background:#15120e;border:1px solid #3d362b;color:#fff;border-radius:10px;padding:0 12px;margin-bottom:10px}.cart-total{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #3d362b}.cart-total strong{color:#a89a83;font-size:24px}.checkout-btn{width:100%;height:50px;border:0;border-radius:12px;color:#fff;font-weight:700;margin-top:9px;cursor:pointer}.checkout-btn.paypal{background:#544a3b;color:#c2b6a1}.checkout-btn.bank{background:#a89a83}.bank-modal-card{max-width:520px}.bank-info-box{background:#1e1a14;border:1px solid #3d362b;border-radius:14px;padding:14px;margin:14px 0}.bank-info-box p{margin:8px 0}.orders-section{max-width:1180px;margin:0 auto 70px}.orders-section h2{font-size:24px}.orders-list{display:flex;flex-direction:column;gap:10px}@media(max-width:1100px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-tools{grid-template-columns:1fr}.store-stats-line{gap:30px}}@media(max-width:700px){.products-grid{grid-template-columns:1fr}.store-hero h1{font-size:36px}.store-stats-line{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-card{min-height:auto}.cart-drawer{justify-content:center}.cart-card{width:100%}}

/* Store cart + checkout flow update */
.cart-drawer{
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(7px)!important;
  z-index:190!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:stretch!important;
}
.cart-drawer.hidden{display:none!important}
.cart-backdrop{position:absolute;inset:0;z-index:0}
.store-cart-panel{
  position:relative!important;
  z-index:1!important;
  width:430px!important;
  max-width:94vw!important;
  height:100vh!important;
  background:#1e1a14!important;
  border-right:0!important;
  border-left:1px solid #3d362b!important;
  padding:0!important;
  box-shadow:-20px 0 70px rgba(0,0,0,.38)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.cart-head{
  height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 22px!important;
  border-bottom:1px solid #3d362b!important;
}
.cart-head h3{margin:0!important;font-size:22px!important;font-weight:700!important}
.cart-head button{
  width:38px!important;height:38px!important;border:1px solid #302a20!important;
  background:#302a20!important;color:#fff!important;border-radius:11px!important;font-size:22px!important;cursor:pointer!important;
}
.cart-items{flex:1!important;overflow:auto!important;padding:20px!important;margin:0!important;gap:14px!important}
.checkout-cart-item{
  min-height:128px!important;
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  align-items:start!important;
  background:#1e1a14!important;
  border:1px solid #3d362b!important;
  border-radius:14px!important;
  padding:16px!important;
}
.cart-product-icon{
  width:48px;height:48px;border-radius:12px;background:#a89a83;display:grid;place-items:center;font-size:24px;box-shadow:0 10px 26px rgba(129,104,78,.3)
}
.cart-product-info{text-align:center;min-width:0}
.cart-product-info strong{display:block;font-size:13px;font-weight:700;color:#f2ede4;margin:2px 0 8px}
.cart-product-info b{display:block;color:#a89a83;font-size:18px;font-weight:700;margin-bottom:7px}
.cart-product-info small{display:block;color:#a89a83;font-size:12px;margin:0 0 12px!important}
.cart-product-info button{border:0;background:#df5454;color:#fff;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700;cursor:pointer}
.cart-summary-footer{border-top:1px solid #3d362b!important;padding:22px!important;margin-top:auto!important;background:#1e1a14!important}
.cart-total{display:flex!important;align-items:center!important;justify-content:space-between!important;border-top:0!important;border-bottom:1px solid #3d362b!important;padding:12px 0!important;color:#c2b6a1!important}
.cart-total.small em{font-style:normal;color:#c2b6a1;font-size:13px}
.cart-total.final span{font-size:24px;color:#fff;font-weight:700}
.cart-total.final strong{font-size:22px!important;color:#a89a83!important}
.checkout-btn.bank{height:62px!important;border-radius:13px!important;background:#a89a83!important;color:white!important;font-size:16px!important;margin-top:18px!important}

.checkout-overlay{position:fixed;inset:0;z-index:220;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);overflow:auto;padding:24px 28px}.checkout-overlay.hidden{display:none!important}.checkout-blur{position:absolute;inset:0;pointer-events:none}.checkout-layout{position:relative;min-height:calc(100vh - 48px);display:grid;grid-template-columns:minmax(480px,720px) 430px;gap:80px;align-items:start;justify-content:center;direction:ltr}.checkout-main-card{direction:rtl;background:rgba(48,40,32,.96);border:1px solid #3d362b;border-radius:14px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.45)}.checkout-steps{height:54px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;margin:0 50px 12px;color:#9c907d}.checkout-steps i{height:2px;background:#302a20;display:block}.checkout-step{display:grid;place-items:center;gap:5px;font-size:12px;font-weight:700}.checkout-step b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#26211a;color:#9c907d}.checkout-step.active b,.checkout-step.done b{background:#a89a83;color:#fff}.checkout-step.active span{color:#a89a83}.checkout-step.done b::before{content:'✓';font-size:13px}.checkout-step.done b{font-size:0}.checkout-panel{background:#1e1a14;border:1px solid #3d362b;border-radius:12px;padding:18px;min-height:360px}.checkout-panel h3{margin:6px 0 20px;font-size:17px;text-align:right}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.billing-grid label{display:flex;flex-direction:column;gap:8px;color:#c2b6a1;font-size:12px}.billing-grid .wide{grid-column:1/-1}.billing-grid input,.billing-grid select,.pay-panel input{height:48px;border:1px solid #3d362b;background:#1e1a14;color:#fff;border-radius:9px;padding:0 14px;outline:none;font-family:inherit}.billing-grid input:focus,.billing-grid select:focus,.pay-panel input:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(129,104,78,.12)}.checkout-wide-btn{width:100%;height:54px;border:0;border-radius:9px;background:#a89a83;color:#fff;font-weight:700;font-family:inherit;cursor:pointer;margin-top:14px;font-size:15px}.checkout-wide-btn.small{width:240px}.checkout-actions-row{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.checkout-back-btn{height:48px;min-width:110px;border:1px solid #3d362b;background:#1e1a14;color:#fff;border-radius:9px;font-weight:700;font-family:inherit;cursor:pointer}.payment-options{display:flex;flex-direction:column;gap:14px}.payment-option{height:82px;border:1px solid #3d362b;background:#1e1a14;border-radius:10px;padding:0 16px;display:grid;grid-template-columns:24px 1fr 54px;align-items:center;gap:12px;cursor:pointer}.payment-option.active{border-color:#a89a83;box-shadow:0 0 0 1px rgba(129,104,78,.4)}.payment-option input{accent-color:#a89a83}.payment-option strong{display:block;color:#fff;font-size:15px}.payment-option span{display:block;color:#c2b6a1;margin-top:5px;font-size:12px}.payment-option>b{width:48px;height:48px;border-radius:12px;background:#26211a;display:grid;place-items:center;font-size:25px}.pay-panel{text-align:center}.pay-logo{margin:28px auto 16px;width:76px;height:76px;display:grid;place-items:center;color:#a89a83;font-size:50px;font-weight:700}.pay-panel p,.pay-panel small{color:#c2b6a1}.bank-info-box{text-align:right;background:#1e1a14!important;border:1px solid #3d362b!important}.bank-info-box p{margin:9px 0!important}.checkout-side-cart{direction:rtl;width:430px;height:calc(100vh - 48px);background:#1e1a14;border:1px solid #3d362b;border-radius:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.35)}.checkout-side-cart .checkout-btn[disabled]{opacity:1;cursor:not-allowed}.checkout-side-cart .cart-items{min-height:0}.floating-cart{right:auto!important;left:42px!important;bottom:42px!important}.floating-cart b{left:-2px!important;right:auto!important}
@media(max-width:1100px){.checkout-layout{grid-template-columns:1fr;gap:18px}.checkout-side-cart{width:100%;height:auto;min-height:360px}.checkout-overlay{padding:16px}.checkout-main-card{width:100%}}@media(max-width:700px){.billing-grid{grid-template-columns:1fr}.checkout-steps{margin:0 5px 12px}.checkout-actions-row{display:grid;gap:12px}.checkout-wide-btn.small{width:100%}.store-cart-panel{width:100%!important}.floating-cart{left:22px!important;bottom:22px!important}}


/* Cart visibility + smaller floating cart fix */
.floating-cart{
  width:54px!important;
  height:54px!important;
  font-size:23px!important;
  left:34px!important;
  bottom:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.floating-cart b{
  top:-5px!important;
  left:-5px!important;
  min-width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 6px!important;
  font-size:11px!important;
  line-height:1!important;
}
.cart-items{
  display:flex!important;
  flex-direction:column!important;
}
.checkout-cart-item{
  width:100%!important;
  opacity:1!important;
  visibility:visible!important;
}
.cart-product-icon{
  flex:0 0 auto!important;
  color:#fff!important;
}
.cart-product-info strong,
.cart-product-info b,
.cart-product-info small{
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:700px){
  .floating-cart{left:20px!important;bottom:20px!important;width:50px!important;height:50px!important;font-size:21px!important}
}


/* Store final polish: centered cards, bilingual toggle, smooth effects */
.store-main{max-width:none!important;padding-inline:42px!important}
.store-hero,.store-tools,.store-count,.products-grid,.orders-section{max-width:1180px!important;margin-inline:auto!important}
.products-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(292px,292px))!important;
  justify-content:center!important;
  justify-items:center!important;
  gap:28px!important;
}
.product-card{
  width:292px!important;
  min-height:520px!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease!important;
  animation:storeCardIn .45s ease both;
  cursor:pointer;
}
.product-card:hover,.product-card.selected{
  transform:translateY(-7px)!important;
  border-color:#a89a83!important;
  box-shadow:0 26px 70px rgba(129,104,78,.14),0 18px 60px rgba(0,0,0,.28)!important;
}
.product-top-line{
  opacity:0!important;
  transform:scaleX(.35)!important;
  transform-origin:center!important;
  transition:opacity .25s ease,transform .25s ease!important;
}
.product-card:hover .product-top-line,.product-card.selected .product-top-line{
  opacity:1!important;
  transform:scaleX(1)!important;
}
.product-head{
  display:flex!important;
  flex-direction:column-reverse!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  gap:12px!important;
}
.product-icon{
  width:50px!important;
  height:50px!important;
  border-radius:15px!important;
  font-size:23px!important;
  margin:0 auto!important;
  display:grid!important;
  place-items:center!important;
}
.product-head h3{margin:0 0 8px!important;text-align:center!important;font-size:18px!important}
.product-head span{margin:auto!important}
.product-card p{text-align:center!important;margin:24px 0 18px!important;min-height:62px!important}
.product-bottom{align-items:center!important}
.product-bottom button{transition:transform .18s ease,box-shadow .24s ease,filter .24s ease!important}
.product-bottom button:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px rgba(129,104,78,.22)!important;filter:saturate(1.1)!important}
.product-bottom button:active{transform:scale(.96)!important}
.added-pulse{animation:addedPulse .65s ease both!important}
#storeLang{font-weight:700!important;letter-spacing:.4px!important}
.store-lang-fade .store-main{animation:softLang .35s ease both!important}
html[dir="ltr"] .sidebar{left:0!important;right:auto!important;border-right:1px solid #1e1a14!important;border-left:0!important}
html[dir="ltr"] .main{margin-left:260px!important;margin-right:0!important}
html[dir="ltr"] .store-tools input{text-align:left!important}
html[dir="ltr"] .store-count{text-align:left!important}
html[dir="rtl"] .store-count{text-align:left!important}
html[dir="ltr"] .product-price{text-align:right!important}
html[dir="ltr"] .cart-drawer{justify-content:flex-end!important}
html[dir="rtl"] .cart-drawer{justify-content:flex-end!important}
html[dir="ltr"] .store-cart-panel{border-left:1px solid #3d362b!important;border-right:0!important}
html[dir="ltr"] .checkout-main-card{direction:ltr!important}
html[dir="ltr"] .checkout-side-cart{direction:ltr!important}
html[dir="ltr"] .checkout-panel h3{text-align:left!important}
html[dir="ltr"] .bank-info-box{text-align:left!important}
html[dir="ltr"] .payment-option{grid-template-columns:24px 1fr 54px!important}
html[dir="rtl"] .payment-option{grid-template-columns:24px 1fr 54px!important}
.store-tools{grid-template-columns:1fr 160px auto!important}
.currency-switch{order:3}.store-tools select{order:2}.store-tools input{order:1}
.currency-switch button{transition:transform .18s ease,box-shadow .22s ease!important}.currency-switch button:hover{transform:translateY(-2px)!important;box-shadow:0 12px 24px rgba(129,104,78,.18)!important}
@keyframes storeCardIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes addedPulse{0%{box-shadow:0 0 0 0 rgba(129,104,78,.5)}70%{box-shadow:0 0 0 14px rgba(129,104,78,0)}100%{box-shadow:0 26px 70px rgba(129,104,78,.14)}}
@media(max-width:900px){html[dir="ltr"] .main{margin-left:0!important}.store-main{padding-inline:18px!important}.store-tools{grid-template-columns:1fr!important}.currency-switch,.store-tools select,.store-tools input{order:initial!important}.products-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}.product-card{width:100%!important;max-width:330px!important}}

/* =========================================================
   Norel Store UI Refinement - wider controls, smaller fonts,
   centered products, smoother store effects
   ========================================================= */

/* General store typography polish */
.store-page-body,
.store-page-body button,
.store-page-body input,
.store-page-body select,
.store-page-body textarea{
  font-size:13px!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.store-main{
  padding-inline:36px!important;
}

.store-hero{
  padding-top:26px!important;
  margin-bottom:32px!important;
}

.store-badge{
  font-size:12px!important;
  padding:8px 16px!important;
}

.store-hero h1{
  font-size:46px!important;
  letter-spacing:-1px!important;
}

.store-hero p{
  font-size:15px!important;
  margin:12px 0 28px!important;
}

.store-stats-line{
  gap:58px!important;
}

.store-stats-line strong{
  font-size:27px!important;
}

.store-stats-line span{
  font-size:12px!important;
  margin-top:7px!important;
}

/* Wider and cleaner search/filter area */
.store-tools{
  max-width:1200px!important;
  grid-template-columns:minmax(420px,1fr) 220px 230px!important;
  gap:18px!important;
  margin-bottom:30px!important;
  align-items:center!important;
}

.store-tools input,
.store-tools select,
.currency-switch button{
  height:50px!important;
  border-radius:14px!important;
  font-size:12.5px!important;
  font-weight:600!important;
  padding-inline:18px!important;
  letter-spacing:.1px!important;
}

.store-tools input{
  min-width:0!important;
}

.store-tools select{
  min-width:220px!important;
}

.currency-switch{
  width:230px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}

.currency-switch button{
  width:100%!important;
  padding-inline:10px!important;
}

.store-count{
  max-width:1200px!important;
  font-size:13px!important;
  margin-bottom:20px!important;
}

/* Centered wider cards */
.products-grid{
  max-width:1200px!important;
  grid-template-columns:repeat(auto-fit,minmax(318px,318px))!important;
  justify-content:center!important;
  justify-items:center!important;
  align-items:stretch!important;
  gap:30px!important;
  margin-bottom:62px!important;
}

.product-card{
  width:318px!important;
  min-height:498px!important;
  padding:24px 24px 22px!important;
  border-radius:22px!important;
  border-color:#3d362b!important;
  background:linear-gradient(180deg,#1e1a14,#1e1a14)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.22)!important;
}

.product-card:hover,
.product-card.selected{
  transform:translateY(-5px)!important;
  border-color:#a89a83!important;
  box-shadow:0 22px 58px rgba(129,104,78,.12),0 18px 48px rgba(0,0,0,.28)!important;
}

.product-top-line{
  left:86px!important;
  right:86px!important;
  height:3px!important;
  border-radius:0 0 999px 999px!important;
  opacity:0!important;
  transform:scaleX(.42)!important;
}

.product-card:hover .product-top-line,
.product-card.selected .product-top-line{
  opacity:1!important;
  transform:scaleX(1)!important;
}

.product-head{
  gap:10px!important;
}

.product-icon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:13px!important;
  font-size:20px!important;
  box-shadow:0 12px 24px rgba(129,104,78,.22)!important;
}

.product-head h3{
  font-size:17px!important;
  margin:0 0 7px!important;
  line-height:1.25!important;
}

.product-head span{
  font-size:9.5px!important;
  padding:6px 10px!important;
  border-radius:7px!important;
}

.product-card p{
  min-height:54px!important;
  margin:20px 0 16px!important;
  font-size:12px!important;
  line-height:1.75!important;
  color:#c2b6a1!important;
}

.product-meta{
  height:40px!important;
  gap:22px!important;
  font-size:12px!important;
}

.product-card select{
  height:50px!important;
  margin:18px 0 13px!important;
  border-radius:13px!important;
  font-size:12.5px!important;
  padding-inline:18px!important;
  background:#1e1a14!important;
}

.music-qty{
  grid-template-columns:42px 1fr 42px!important;
  gap:10px!important;
  margin-bottom:14px!important;
}

.music-qty button,
.music-qty input{
  height:40px!important;
  border-radius:11px!important;
  font-size:14px!important;
}

.product-bottom{
  gap:12px!important;
  margin-top:12px!important;
}

.product-bottom button{
  height:50px!important;
  min-width:142px!important;
  border-radius:13px!important;
  font-size:12.5px!important;
  letter-spacing:.1px!important;
}

.product-price strong{
  font-size:25px!important;
}

.product-price small{
  font-size:11px!important;
}

/* Floating cart refinement */
.floating-cart{
  width:50px!important;
  height:50px!important;
  font-size:20px!important;
  left:30px!important;
  bottom:30px!important;
  box-shadow:0 16px 38px rgba(129,104,78,.34)!important;
}

.floating-cart b{
  min-width:19px!important;
  height:19px!important;
  font-size:10px!important;
  top:-4px!important;
  left:-4px!important;
}

/* Cart drawer text/control cleanup */
.store-cart-panel{
  width:460px!important;
}

.cart-head h3{
  font-size:18px!important;
}

.checkout-cart-item{
  min-height:112px!important;
  grid-template-columns:52px 1fr!important;
  padding:14px!important;
}

.cart-product-icon{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  font-size:19px!important;
}

.cart-product-info strong{
  font-size:12.5px!important;
}

.cart-product-info b{
  font-size:16px!important;
}

.cart-product-info small{
  font-size:11px!important;
}

.cart-product-info button{
  font-size:11px!important;
  padding:8px 12px!important;
}

.cart-total.final span{
  font-size:19px!important;
}

.cart-total.final strong{
  font-size:20px!important;
}

.cart-total.small em,
.cart-total.small span{
  font-size:12px!important;
}

.checkout-btn.bank{
  height:56px!important;
  font-size:14px!important;
}

/* Checkout visual cleanup */
.checkout-layout{
  grid-template-columns:minmax(540px,760px) 460px!important;
  gap:44px!important;
}

.checkout-main-card{
  border-radius:18px!important;
  padding:20px!important;
}

.checkout-panel{
  border-radius:16px!important;
  padding:20px!important;
}

.checkout-panel h3{
  font-size:15px!important;
}

.billing-grid label{
  font-size:11.5px!important;
}

.billing-grid input,
.billing-grid select,
.pay-panel input{
  height:46px!important;
  border-radius:11px!important;
  font-size:12px!important;
}

.checkout-wide-btn{
  height:50px!important;
  border-radius:11px!important;
  font-size:13px!important;
}

.checkout-back-btn{
  height:46px!important;
  font-size:12px!important;
}

.payment-option{
  height:76px!important;
  border-radius:13px!important;
}

.payment-option strong{
  font-size:13px!important;
}

.payment-option span{
  font-size:11px!important;
}

.payment-option>b{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  font-size:21px!important;
}

.checkout-side-cart{
  width:460px!important;
  border-radius:18px!important;
}

/* Language direction fixes */


/* Page-wide scroll smoothing is now handled by Lenis (see smooth-scroll.js) —
   native scroll-behavior:smooth here only fought it and caused jank. */

.product-card,
.store-tools input,
.store-tools select,
.currency-switch button,
.product-card select,
.music-qty button,
.product-bottom button,
.checkout-wide-btn,
.checkout-back-btn,
.payment-option,
.floating-cart{
  transition:transform .2s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease,opacity .22s ease!important;
}

.store-tools input:focus,
.store-tools select:focus,
.product-card select:focus,
.billing-grid input:focus,
.billing-grid select:focus{
  border-color:#a89a83!important;
  box-shadow:0 0 0 3px rgba(129,104,78,.13)!important;
}

/* Responsive */
@media(max-width:1180px){
  .store-tools{
    grid-template-columns:1fr 190px 210px!important;
  }
  .currency-switch{width:210px!important}
  .products-grid{
    grid-template-columns:repeat(auto-fit,minmax(305px,305px))!important;
  }
  .product-card{width:305px!important}
  .checkout-layout{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .checkout-side-cart{
    width:100%!important;
    height:auto!important;
    min-height:320px!important;
  }
}

@media(max-width:900px){
  .store-main{padding-inline:18px!important}
  .store-hero h1{font-size:34px!important}
  .store-hero p{font-size:13px!important}
  .store-stats-line{gap:18px!important}
  .store-tools{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .store-tools select,
  .currency-switch{
    width:100%!important;
    min-width:0!important;
  }
  .products-grid{
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
    gap:22px!important;
  }
  .product-card{
    width:100%!important;
    max-width:340px!important;
    min-height:auto!important;
  }
  .store-cart-panel{width:100%!important}
  .checkout-overlay{padding:14px!important}
  .billing-grid{grid-template-columns:1fr!important}
  .floating-cart{left:20px!important;bottom:20px!important;width:48px!important;height:48px!important;font-size:19px!important}
}

/* Norel Store Dashboard V2 - owner-safe redesign */
body.sant-new-dashboard{
  background:
    radial-gradient(circle at 75% 8%,rgba(129,104,78,.10),transparent 28%),
    linear-gradient(180deg,#15120e 0%,#15120e 100%)!important;
}
.sant-new-dashboard .app-sidebar-v2{width:280px!important;padding:26px 18px!important;background:rgba(48,40,32,.88)!important;backdrop-filter:blur(16px)!important}
.sant-new-dashboard .main.dashboard-v2-main{margin-right:280px!important;padding:86px 28px 28px!important;max-width:none!important}
html[dir="ltr"] .sant-new-dashboard .main.dashboard-v2-main{margin-left:280px!important;margin-right:0!important}
.sant-new-dashboard .dashboard-v2-topbar{height:68px!important;background:rgba(48,40,32,.88)!important;backdrop-filter:blur(16px)!important}
.dashboard-search{height:42px;min-width:360px;max-width:520px;flex:1;margin-inline:22px;display:flex;align-items:center;gap:10px;background:#1e1a14;border:1px solid #302a20;border-radius:999px;padding:0 16px;color:#a89a83}
.dashboard-search input{flex:1;background:transparent;border:0;outline:0;color:#ffffff;font-family:inherit}
.dashboard-search kbd{background:#26211a;border:1px solid #3d362b;border-radius:7px;color:#9c907d;padding:3px 8px;font-size:11px}
.dashboard-v2-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;max-width:1480px;margin:0 auto;align-items:start}
.dashboard-v2-content{min-width:0;display:flex;flex-direction:column;gap:20px}.dashboard-v2-rail{display:flex;flex-direction:column;gap:20px;position:sticky;top:92px}.dashboard-hero-v2{min-height:178px;border:1px solid #3d362b;border-radius:18px;background:linear-gradient(135deg,#1e1a14,#1e1a14 72%);box-shadow:0 22px 70px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:30px 34px;position:relative}.dashboard-hero-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(129,104,78,.35),transparent 28%);pointer-events:none}.dashboard-hero-v2 h1{position:relative;margin:0 0 12px;font-size:31px;line-height:1.35;font-weight:700}.dashboard-hero-v2 h1 span{color:#a89a83}.dashboard-hero-v2 p{position:relative;margin:0;color:#9c907d;font-size:15px}.hero-robot-card{position:relative;width:300px;height:130px;display:grid;place-items:center}.robot-face{width:110px;height:88px;border-radius:30px;background:linear-gradient(135deg,#3d362b,#a89a83);display:grid;place-items:center;font-size:52px;box-shadow:0 20px 60px rgba(129,104,78,.28);animation:floatBot 4s ease-in-out infinite}.hero-robot-card i{position:absolute;color:#a89a83;font-style:normal}.hero-robot-card i:nth-child(2){top:16px;right:44px}.hero-robot-card i:nth-child(3){bottom:20px;left:38px}.hero-robot-card i:nth-child(4){top:42px;left:72px}@keyframes floatBot{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.dashboard-kpis-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi-card{height:116px;border:1px solid #3d362b;border-radius:15px;background:linear-gradient(180deg,#26211a,#1e1a14);padding:20px;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;left:18px;right:18px;bottom:10px;height:20px;opacity:.8;border-bottom:2px solid currentColor;border-radius:50%}.kpi-card i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:22px;margin-bottom:10px}.kpi-card strong{font-size:28px;font-weight:700}.kpi-card span{display:block;color:#9c907d;font-size:12px;margin-top:2px}.kpi-card.green{color:#a89a83}.kpi-card.green i{background:rgba(34,197,94,.15)}.kpi-card.blue{color:#a89a83}.kpi-card.blue i{background:rgba(142,115,107,.15)}.kpi-card.purple{color:#a89a83}.kpi-card.purple i{background:rgba(168,135,126,.15)}.kpi-card.orange{color:#e0c078}.kpi-card.orange i{background:rgba(245,158,11,.15)}.owner-stats-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.owner-stat-card{background:linear-gradient(180deg,#3d362b,#1e1a14);border:1px solid #3d362b;border-radius:16px;padding:18px;box-shadow:0 16px 45px rgba(0,0,0,.16)}.owner-stat-card span{color:#9c907d;font-size:12px}.owner-stat-card strong{display:block;margin:8px 0;color:#fff;font-size:24px}.owner-stat-card small{color:#a89a83;font-size:11px}.dashboard-mid-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel-v2{background:linear-gradient(180deg,#26211a,#1e1a14);border:1px solid #3d362b;border-radius:16px;padding:20px;box-shadow:0 16px 45px rgba(0,0,0,.18)}.panel-v2-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-v2-head h3,.panel-v2 h3{margin:0;font-size:18px}.panel-v2-head button{border:0;background:transparent;color:#a89a83;font-weight:700;cursor:pointer}.active-subs-preview{display:flex;flex-direction:column;gap:12px}.active-sub-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;background:#1e1a14;border:1px solid #a89a83;border-radius:13px;padding:12px}.active-sub-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#a89a83,#a89a83);display:grid;place-items:center;font-size:21px}.active-sub-row strong{display:block}.active-sub-row small{color:#a89a83;font-size:12px}.sub-progress{height:5px;margin-top:8px;border-radius:999px;background:#26211a;overflow:hidden}.sub-progress span{display:block;height:100%;border-radius:999px;background:#a89a83}.quick-actions-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.quick-actions-grid-v2 button{min-height:116px;border:1px solid #3d362b;background:#1e1a14;color:#fff;border-radius:13px;font-family:inherit;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.quick-actions-grid-v2 button:hover{border-color:#a89a83;transform:translateY(-3px);box-shadow:0 18px 45px rgba(129,104,78,.16)}.quick-actions-grid-v2 i{font-style:normal;font-size:28px}.bot-selector-v2{margin:0!important}.bot-selector-v2 h3{margin:0 0 10px!important}.dashboard-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-grid-v2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.advanced-v2{margin:0!important}.advanced-v2 button{height:76px!important;border-radius:14px!important;background:#1e1a14!important;border-color:#3d362b!important}.owner-chart-v2{padding:20px}.owner-chart-bars{display:grid;gap:12px}.owner-bar{position:relative;height:46px;border-radius:12px;background:#1e1a14;border:1px solid #3d362b;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.owner-bar i{position:absolute;inset-block:0;inset-inline-start:0;opacity:.22}.owner-bar span,.owner-bar b{position:relative;z-index:1}.owner-bar.green i{background:#a89a83}.owner-bar.orange i{background:#e0c078}.owner-bar.red i{background:#ef7f73}.owner-bar.blue i{background:#a89a83}.profile-card-v2{background:linear-gradient(180deg,#26211a,#1e1a14);border:1px solid #3d362b;border-radius:16px;padding:22px;text-align:center}.profile-card-v2 img{width:76px;height:76px;border-radius:24px;object-fit:cover;border:2px solid #a89a83;box-shadow:0 16px 40px rgba(129,104,78,.22)}.profile-card-v2 strong{display:block;margin-top:12px;font-size:18px}.profile-card-v2 span{display:inline-block;margin-top:10px;background:#26211a;color:#f2ede4;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700}.rail-bot-statuses{display:flex;flex-direction:column;gap:8px}.rail-bot-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#1e1a14;border:1px solid #3d362b}.rail-bot-row i{width:34px;height:34px;border-radius:10px;background:#26211a;display:grid;place-items:center;font-style:normal}.rail-bot-row span{font-size:12px;font-weight:700}.rail-activity-card p{color:#9c907d;line-height:1.8}.sidebar-upgrade-card{position:absolute;left:18px;right:18px;bottom:22px;border:1px solid rgba(168,135,126,.35);border-radius:16px;background:linear-gradient(135deg,rgba(94,76,71,.24),rgba(129,104,78,.18));padding:18px;text-align:center}.sidebar-upgrade-card strong{display:block}.sidebar-upgrade-card span{display:block;color:#9c907d;font-size:12px;line-height:1.7;margin:10px 0}.sidebar-upgrade-card a{display:block;background:linear-gradient(135deg,#a89a83,#a89a83);color:#fff;text-decoration:none;border-radius:10px;padding:11px;font-weight:700}.owner-only.hidden{display:none!important}.sant-new-dashboard:not(.is-owner) .owner-only{display:none!important}
@media(max-width:1280px){.dashboard-v2-layout{grid-template-columns:1fr}.dashboard-v2-rail{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.dashboard-search{display:none}.owner-stats-v2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sant-new-dashboard .app-sidebar-v2{display:none!important}.sant-new-dashboard .main.dashboard-v2-main{margin:0!important;padding:82px 16px 18px!important}.dashboard-hero-v2,.dashboard-mid-grid,.dashboard-detail-grid{grid-template-columns:1fr;display:grid}.dashboard-hero-v2{padding:24px}.hero-robot-card{display:none}.dashboard-kpis-v2,.owner-stats-v2,.dashboard-v2-rail{grid-template-columns:1fr!important}.quick-actions-grid-v2{grid-template-columns:1fr 1fr}.info-grid-v2{grid-template-columns:1fr!important}.sidebar-upgrade-card{display:none}.dashboard-hero-v2 h1{font-size:24px}}

/* Dashboard V3 exact redesign - clean isolated layout */
.dash-v3-body{background:#15120e!important;color:#f2ede4!important;overflow-x:hidden!important}
.dash-v3-body .main,.dash-v3-main{margin:0!important;padding:0!important}
.dash-v3-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:250px;background:linear-gradient(180deg,#15120e,#15120e);border-inline-end:1px solid #3d362b;padding:22px 16px;z-index:130;display:flex;flex-direction:column;gap:20px;box-shadow:18px 0 55px rgba(0,0,0,.22)}
.dash-v3-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:-.6px}.dash-v3-brand img{width:42px;height:42px;border-radius:14px;object-fit:cover;box-shadow:0 8px 24px rgba(129,104,78,.2)}.dash-v3-brand span span{color:#a89a83}
.dash-v3-nav{display:flex!important;flex-direction:column!important;gap:9px!important;margin-top:16px!important}.dash-v3-nav a,.dash-v3-nav button{width:100%;height:52px;border:0;background:transparent;color:#c2b6a1;text-decoration:none;border-radius:11px;padding:0 18px;display:flex;align-items:center;gap:14px;font-weight:600;font-size:15px;font-family:inherit;cursor:pointer;text-align:start;transition:.2s ease}.dash-v3-nav a:hover,.dash-v3-nav button:hover,.dash-v3-nav .active{background:linear-gradient(135deg,#a89a83,#a89a83);color:#fff;box-shadow:0 13px 28px rgba(129,104,78,.25);transform:translateY(-1px)}.dash-v3-nav i{width:22px;text-align:center;font-style:normal}.dash-v3-nav .hidden{display:none!important}
.dash-v3-upgrade{margin-top:auto;background:linear-gradient(135deg,rgba(132,106,99,.2),rgba(129,104,78,.18));border:1px solid #3d362b;border-radius:16px;padding:20px;text-align:center;box-shadow:0 18px 44px rgba(0,0,0,.18)}.dash-v3-upgrade strong{display:block;color:#c2b6a1;font-size:15px}.dash-v3-upgrade p{color:#c2b6a1;font-size:12px;line-height:1.8;margin:10px 0 16px}.dash-v3-upgrade a{display:block;height:42px;line-height:42px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#a89a83,#a89a83);text-decoration:none;font-weight:700;font-size:13px}.dash-v3-logout{color:#c2b6a1;text-decoration:none;font-weight:600;padding:14px 12px;border-top:1px solid #3d362b}
.dash-v3-main{min-height:100vh;margin-inline-start:250px!important;background:radial-gradient(circle at 55% 0,rgba(129,104,78,.09),transparent 35%),#15120e;padding:84px 24px 32px!important}.dash-v3-topbar{position:fixed;top:0;inset-inline-start:250px;inset-inline-end:0;height:64px;background:rgba(48,40,32,.9);backdrop-filter:blur(14px);border-bottom:1px solid #3d362b;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:120}.dash-v3-search{width:min(440px,44vw);height:42px;background:#1e1a14;border:1px solid #3d362b;border-radius:999px;display:flex;align-items:center;gap:10px;padding:0 16px;color:#9c907d}.dash-v3-search input{flex:1;background:transparent;border:0;outline:0;color:#ffffff;font-family:inherit}.dash-v3-search kbd{background:#26211a;color:#c2b6a1;border-radius:8px;padding:3px 8px;font-size:11px}.dash-v3-actions{display:flex;align-items:center;gap:10px}.dash-icon-btn,.dash-profile{height:42px;border:1px solid #3d362b;background:#1e1a14;color:#ffffff;border-radius:12px;font-family:inherit;font-weight:700;cursor:pointer;transition:.2s ease}.dash-icon-btn{min-width:42px;position:relative}.dash-icon-btn:hover,.dash-profile:hover{transform:translateY(-2px);border-color:#a89a83;box-shadow:0 12px 28px rgba(129,104,78,.16)}.dash-icon-btn b{position:absolute;top:-8px;inset-inline-end:-5px;min-width:20px;height:20px;border-radius:999px;background:#df5454;color:#fff;font-size:11px;display:grid;place-items:center}.dash-profile{display:flex;align-items:center;gap:8px;padding:0 12px}.dash-profile img{width:30px;height:30px;border-radius:50%;border:2px solid #a89a83;object-fit:cover}.dash-v3-page.hidden{display:none!important}.dash-v3-layout{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.dash-v3-content{min-width:0}.dash-v3-hero{height:148px;border:1px solid #3d362b;border-radius:13px;background:linear-gradient(135deg,#3d362b,#26211a 60%,#3d362b);display:flex;align-items:center;justify-content:space-between;padding:28px;overflow:hidden;position:relative;box-shadow:0 20px 55px rgba(0,0,0,.22)}.dash-v3-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 42%,rgba(159,128,119,.28),transparent 22%)}.dash-v3-hero h1{position:relative;margin:0 0 12px;font-size:28px;font-weight:700;letter-spacing:-.7px}.dash-v3-hero h1 b{color:#a89a83}.dash-v3-hero p{position:relative;margin:0;color:#c2b6a1}.dash-v3-bot-art{position:relative;font-size:96px;filter:drop-shadow(0 25px 45px rgba(129,104,78,.28));animation:botFloat 3.5s ease-in-out infinite}@keyframes botFloat{50%{transform:translateY(-8px)}}
.dash-v3-kpis,.dash-v3-owner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.dash-v3-kpis>div,.owner-card{min-height:98px;background:linear-gradient(180deg,#1e1a14,#1e1a14);border:1px solid #3d362b;border-radius:11px;padding:18px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px;position:relative;overflow:hidden}.dash-v3-kpis>div:after,.owner-card:after{content:"";position:absolute;inset-inline:20px;bottom:7px;height:22px;background:linear-gradient(90deg,transparent,#a89a83,transparent);opacity:.18;filter:blur(7px)}.dash-v3-kpis i{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#26211a;font-style:normal;font-size:23px}.dash-v3-kpis strong,.owner-card strong{display:block;font-size:26px;font-weight:700}.dash-v3-kpis span,.owner-card span,.owner-card small{display:block;color:#9c907d;font-size:12px;margin-top:4px}.owner-card{display:block;min-height:100px}.owner-card strong{margin-top:10px}.dash-v3-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.dash-v3-two.lower{grid-template-columns:1fr 1fr}.dash-v3-panel{background:linear-gradient(180deg,#3d362b,#1e1a14);border:1px solid #3d362b;border-radius:13px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.dash-v3-panel h3{margin:0 0 16px;font-size:17px}.dash-v3-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.dash-v3-panel-head h3{margin:0}.dash-v3-panel-head button,.dash-v3-panel-head a{border:0;background:transparent;color:#a89a83;text-decoration:none;font-weight:700;cursor:pointer;font-family:inherit}.dash-v3-list{display:flex;flex-direction:column;gap:10px}.dash-v3-sub-item{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;background:#1e1a14;border:1px solid #3d362b;border-radius:12px;padding:13px;cursor:pointer;transition:.2s ease}.dash-v3-sub-item:hover{transform:translateY(-2px);border-color:#a89a83}.dash-v3-sub-item i{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#3d362b,#a89a83);display:grid;place-items:center;font-style:normal;font-size:22px}.dash-v3-sub-item strong{display:block}.dash-v3-sub-item small{display:block;color:#a89a83;font-size:12px;margin:5px 0}.dash-v3-sub-item b{display:block;height:5px;background:#302a20;border-radius:999px;overflow:hidden}.dash-v3-sub-item b em{display:block;height:100%;background:#a89a83;border-radius:999px}.dash-v3-sub-item span{background:rgba(99,76,54,.14);color:#7fd3ac;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.dash-v3-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dash-v3-quick-grid button,.dash-v3-quick-grid a{height:116px;border:1px solid #3d362b;background:#1e1a14;color:#ffffff;border-radius:12px;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-family:inherit;font-weight:700;cursor:pointer;transition:.2s ease}.dash-v3-quick-grid button:hover,.dash-v3-quick-grid a:hover{transform:translateY(-3px);border-color:#a89a83;background:#302a20}.dash-v3-quick-grid i{font-style:normal;font-size:27px}.dash-v3-selector{position:relative;margin-bottom:14px}.dash-v3-selector>button{width:100%;height:58px;border:1px solid #3d362b;background:#1e1a14;color:#fff;border-radius:12px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:0 14px;font-family:inherit;text-align:start;cursor:pointer}.dash-v3-selector i{width:36px;height:36px;border-radius:10px;background:#a89a83;display:grid;place-items:center;font-style:normal}.dash-v3-selector small{display:block;color:#a89a83;margin-top:4px}.dash-v3-selector-menu{position:absolute;top:66px;inset-inline:0;background:#1e1a14;border:1px solid #3d362b;border-radius:12px;overflow:hidden;z-index:50;box-shadow:0 20px 55px rgba(0,0,0,.45)}.dash-v3-selector-menu input{width:100%;height:42px;background:#1e1a14;border:0;border-bottom:1px solid #3d362b;color:#fff;padding:0 14px;outline:0}.dash-v3-bot-option{width:100%;border:0;border-bottom:1px solid #26211a;background:transparent;color:#fff;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;text-align:start;font-family:inherit;cursor:pointer}.dash-v3-bot-option:hover{background:#1e1a14}.dash-v3-bot-option small{display:block;color:#a89a83}.dash-v3-bot-option em{font-style:normal;font-size:12px;border-radius:999px;padding:4px 8px}.dash-v3-bot-option em.online{background:rgba(99,76,54,.14);color:#7fd3ac}.dash-v3-bot-option em.offline,.dash-v3-bot-option em.ended{background:rgba(239,68,68,.14);color:#ef7f73}.dash-v3-manage-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.dash-v3-manage-actions button{height:44px;border:1px solid #3d362b;background:#1e1a14;color:#ffffff;border-radius:10px;font-family:inherit;font-weight:600;cursor:pointer}.dash-v3-manage-actions button:hover{border-color:#a89a83;background:#302a20}.dash-v3-right{display:flex;flex-direction:column;gap:20px}.dash-v3-user-card{background:linear-gradient(180deg,#3d362b,#1e1a14);border:1px solid #3d362b;border-radius:13px;padding:22px;text-align:center}.dash-v3-user-card img{width:64px;height:64px;border-radius:50%;border:2px solid #a89a83;object-fit:cover}.dash-v3-user-card h3{margin:10px 0 6px}.dash-v3-user-card p{margin:0 auto;background:#1e1a14;color:#c2b6a1;border-radius:999px;padding:7px 12px;font-size:12px;width:max-content}.dash-v3-status-list,.dash-v3-activity-list{display:flex;flex-direction:column;gap:10px}.dash-v3-status-row{display:grid;grid-template-columns:36px 1fr auto 10px;gap:10px;align-items:center;padding:11px;border-bottom:1px solid #3d362b}.dash-v3-status-row i{width:34px;height:34px;border-radius:10px;background:#26211a;display:grid;place-items:center;font-style:normal}.dash-v3-status-row span{font-size:12px}.dash-v3-status-row span.online{color:#a89a83}.dash-v3-status-row span.offline{color:#e78282}.dash-v3-status-row b{width:10px;height:10px;border-radius:50%}.dash-v3-status-row b.online{background:#a89a83}.dash-v3-status-row b.offline{background:#df5454}.dash-v3-activity-row{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;background:#1e1a14;border:1px solid #3d362b;border-radius:12px;padding:12px}.dash-v3-activity-row i{width:34px;height:34px;border-radius:10px;background:#26211a;display:grid;place-items:center;font-style:normal}.dash-v3-activity-row small{display:block;color:#a89a83;margin-top:5px}.dash-v3-empty{padding:30px;text-align:center;color:#a89a83}.dash-v3-page-head{max-width:1180px;margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between}.dash-v3-page-head h1{margin:0}.dash-v3-page-head button{height:42px;border:0;border-radius:10px;background:#302a20;color:#fff;font-family:inherit;font-weight:700;padding:0 16px}.dash-v3-orders{max-width:1180px;margin:auto;display:flex;flex-direction:column;gap:12px}.dash-v3-order{display:flex;align-items:center;justify-content:space-between;background:#1e1a14;border:1px solid #3d362b;border-radius:12px;padding:16px}.dash-v3-order small{display:block;color:#a89a83;margin-top:6px}.dash-v3-order b{color:#a89a83}.subscriptions-page,.hero-card.dashboard-section,.choose-bot.dashboard-section,.grid.dashboard-section,.activity.dashboard-section{display:none!important}
html[dir="rtl"] .dash-v3-sidebar{inset-inline-start:auto;inset-inline-end:0;border-inline-end:0;border-inline-start:1px solid #3d362b}html[dir="rtl"] .dash-v3-main{margin-inline-start:0!important;margin-inline-end:250px!important}html[dir="rtl"] .dash-v3-topbar{inset-inline-start:0;inset-inline-end:250px}.dash-v3-body.light{--bg:#15120e;background:#15120e!important;color:#f2ede4!important}.dash-v3-body.light .dash-v3-sidebar,.dash-v3-body.light .dash-v3-topbar,.dash-v3-body.light .dash-v3-panel,.dash-v3-body.light .dash-v3-user-card,.dash-v3-body.light .dash-v3-kpis>div,.dash-v3-body.light .owner-card{background:#fff!important;color:#f2ede4!important;border-color:#26211a!important}.dash-v3-body.light .dash-v3-main{background:#15120e!important}.dash-v3-body.light .dash-v3-sub-item,.dash-v3-body.light .dash-v3-quick-grid button,.dash-v3-body.light .dash-v3-quick-grid a,.dash-v3-body.light .dash-v3-manage-actions button,.dash-v3-body.light .dash-v3-search,.dash-v3-body.light .dash-v3-order{background:#26211a!important;color:#f2ede4!important;border-color:#26211a!important}
@media(max-width:1180px){.dash-v3-layout{grid-template-columns:1fr}.dash-v3-right{display:grid;grid-template-columns:repeat(2,1fr)}.dash-v3-two,.dash-v3-two.lower{grid-template-columns:1fr}.dash-v3-kpis,.dash-v3-owner{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.dash-v3-sidebar{position:static;width:auto;height:auto;inset:auto!important;border:0!important}.dash-v3-main{margin:0!important;padding:86px 16px 24px!important}.dash-v3-topbar{inset-inline:0!important}.dash-v3-search{display:none}.dash-v3-right{grid-template-columns:1fr}.dash-v3-kpis,.dash-v3-owner{grid-template-columns:1fr}.dash-v3-quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.dash-v3-hero{height:auto;display:block;text-align:center}.dash-v3-bot-art{font-size:70px}.dash-v3-quick-grid{grid-template-columns:1fr}.dash-v3-manage-actions{grid-template-columns:1fr}}

/* =========================================================
   Norel Store RTL/LTR animated direction switch + notifications final fix
   Add-on: keep notification position, fix overlap, animate sidebar/topbar
   ========================================================= */
html,
body,
.dash-v3-sidebar,
.dash-v3-main,
.dash-v3-topbar,
.dash-v3-actions,
.dash-v3-layout,
.dash-v3-content,
.dash-v3-right,
.profile-menu,
.notifications-popover{
  transition:
    inset-inline-start .38s cubic-bezier(.22,1,.36,1),
    inset-inline-end .38s cubic-bezier(.22,1,.36,1),
    margin-inline-start .38s cubic-bezier(.22,1,.36,1),
    margin-inline-end .38s cubic-bezier(.22,1,.36,1),
    transform .38s cubic-bezier(.22,1,.36,1),
    opacity .28s ease,
    background .28s ease,
    border-color .28s ease,
    color .28s ease !important;
}



@keyframes santDirectionSwitch{
  0%{opacity:.72;filter:blur(1px);transform:translateX(var(--sant-switch-from, 14px)) scale(.995)}
  100%{opacity:1;filter:blur(0);transform:translateX(0) scale(1)}
}

html[dir="rtl"] body.lang-switching{--sant-switch-from:18px}
html[dir="ltr"] body.lang-switching{--sant-switch-from:-18px}

/* Dashboard V3 exact RTL/LTR positions */
html[dir="ltr"] .dash-v3-sidebar{
  inset-inline-start:0 !important;
  inset-inline-end:auto !important;
  border-inline-end:1px solid #3d362b !important;
  border-inline-start:0 !important;
}
html[dir="ltr"] .dash-v3-main{
  margin-inline-start:250px !important;
  margin-inline-end:0 !important;
}
html[dir="ltr"] .dash-v3-topbar{
  inset-inline-start:250px !important;
  inset-inline-end:0 !important;
}
html[dir="rtl"] .dash-v3-sidebar{
  inset-inline-start:auto !important;
  inset-inline-end:0 !important;
  border-inline-start:1px solid #3d362b !important;
  border-inline-end:0 !important;
}
html[dir="rtl"] .dash-v3-main{
  margin-inline-start:0 !important;
  margin-inline-end:250px !important;
}
html[dir="rtl"] .dash-v3-topbar{
  inset-inline-start:0 !important;
  inset-inline-end:250px !important;
}

/* Topbar buttons move naturally to the opposite direction */
html[dir="ltr"] .dash-v3-actions,
html[dir="ltr"] .topbar-controls{
  order:2 !important;
  margin-inline-start:auto !important;
  margin-inline-end:0 !important;
  flex-direction:row !important;
}
html[dir="rtl"] .dash-v3-actions,
html[dir="rtl"] .topbar-controls{
  order:1 !important;
  margin-inline-start:0 !important;
  margin-inline-end:auto !important;
  flex-direction:row-reverse !important;
}
html[dir="ltr"] .dash-v3-search{order:1 !important}
html[dir="rtl"] .dash-v3-search{order:2 !important}

/* Profile dropdown: do not overlap sidebar, open under the account button */
.profile-wrap,
.dash-profile-wrap{
  position:relative !important;
}
.profile-menu,
.dash-profile-menu{
  position:absolute !important;
  top:52px !important;
  width:230px !important;
  max-width:calc(100vw - 24px) !important;
  z-index:9998 !important;
  overflow:hidden !important;
}
html[dir="rtl"] .profile-menu,
html[dir="rtl"] .dash-profile-menu{
  right:0 !important;
  left:auto !important;
  text-align:right !important;
  transform-origin:top right !important;
}
html[dir="ltr"] .profile-menu,
html[dir="ltr"] .dash-profile-menu{
  left:0 !important;
  right:auto !important;
  text-align:left !important;
  transform-origin:top left !important;
}

/* Notifications: keep same place, just fix correct display and overlap */
.notify-wrap,
.dash-notify-wrap{
  position:relative !important;
}
.notifications-popover,
.dash-notifications-popover{
  position:absolute !important;
  top:54px !important;
  width:370px !important;
  max-width:calc(100vw - 30px) !important;
  max-height:540px !important;
  background:linear-gradient(180deg,#1e1a14,#1e1a14) !important;
  border:1px solid #3d362b !important;
  border-radius:18px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.55) !important;
  overflow:hidden !important;
  z-index:9999 !important;
}
.notifications-popover.hidden,
.dash-notifications-popover.hidden{
  display:none !important;
}
html[dir="rtl"] .notifications-popover,
html[dir="rtl"] .dash-notifications-popover{
  right:0 !important;
  left:auto !important;
  transform-origin:top right !important;
}
html[dir="ltr"] .notifications-popover,
html[dir="ltr"] .dash-notifications-popover{
  left:0 !important;
  right:auto !important;
  transform-origin:top left !important;
}
.notifications-popover-head{
  height:58px !important;
  padding:0 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  border-bottom:1px solid #3d362b !important;
}
.notifications-popover-list,
#notificationsList{
  max-height:455px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:10px !important;
}
.notification-pop-item{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  width:100% !important;
  padding:12px !important;
  margin-bottom:8px !important;
  background:#302a20 !important;
  border:1px solid #3d362b !important;
  border-inline-start:3px solid transparent !important;
  border-radius:14px !important;
  overflow:hidden !important;
}
.notification-pop-item.unread{
  border-inline-start-color:#a89a83 !important;
  background:rgba(129,104,78,.10) !important;
}
.notification-pop-icon{
  width:42px !important;
  height:42px !important;
  border-radius:12px !important;
  display:grid !important;
  place-items:center !important;
  background:#26211a !important;
  font-size:16px !important;
  flex:0 0 auto !important;
}
.notification-pop-content{
  min-width:0 !important;
  overflow:hidden !important;
  text-align:start !important;
}
.notification-pop-content strong,
.notification-pop-content p,
.notification-pop-content small{
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
.notification-pop-content strong{
  display:block !important;
  font-size:13px !important;
  margin:0 0 4px !important;
  line-height:1.5 !important;
}
.notification-pop-content p{
  font-size:12px !important;
  line-height:1.6 !important;
  margin:0 !important;
  color:#9c907d !important;
}
.notification-pop-content small{
  display:block !important;
  font-size:11px !important;
  color:#a89a83 !important;
  margin-top:4px !important;
}

/* Light mode notification colors */
body.light .notifications-popover,
.dash-v3-body.light .notifications-popover,
.dash-v3-body.light .dash-notifications-popover{
  background:#1e1a14 !important;
  border-color:#26211a !important;
  box-shadow:0 22px 60px rgba(27,21,20,.16) !important;
}
body.light .notification-pop-item,
.dash-v3-body.light .notification-pop-item{
  background:#1e1a14 !important;
  border-color:#26211a !important;
}
body.light .notification-pop-content p,
.dash-v3-body.light .notification-pop-content p{
  color:#c2b6a1 !important;
}

@media(max-width:900px){
  html[dir="ltr"] .dash-v3-main,
  html[dir="rtl"] .dash-v3-main{
    margin-inline-start:0 !important;
    margin-inline-end:0 !important;
  }
  html[dir="ltr"] .dash-v3-topbar,
  html[dir="rtl"] .dash-v3-topbar{
    inset-inline-start:0 !important;
    inset-inline-end:0 !important;
  }
  .notifications-popover,
  .dash-notifications-popover{
    width:calc(100vw - 24px) !important;
    max-height:70vh !important;
  }
}


/* =========================================================
   NorelStore Dashboard final: centered fixed search + RTL/LTR motion
   ========================================================= */
.dash-v3-body{
  --dash-sidebar-w:250px;
  --dash-topbar-h:64px;
}
.dash-v3-sidebar,
.dash-v3-main,
.dash-v3-topbar,
.dash-v3-actions,
.dash-v3-search,
.profile-menu,
.notifications-popover{
  transition:left .42s cubic-bezier(.22,1,.36,1),right .42s cubic-bezier(.22,1,.36,1),
             inset-inline-start .42s cubic-bezier(.22,1,.36,1),inset-inline-end .42s cubic-bezier(.22,1,.36,1),
             margin .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),
             opacity .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease !important;
}

/* Sidebar changes side by language */

html[dir="ltr"] .dash-v3-sidebar{
  left:0 !important;
  right:auto !important;
  border-right:1px solid #3d362b !important;
  border-left:0 !important;
  box-shadow:18px 0 55px rgba(0,0,0,.22) !important;
}
html[dir="rtl"] .dash-v3-main{
  margin-right:var(--dash-sidebar-w) !important;
  margin-left:0 !important;
}
html[dir="ltr"] .dash-v3-main{
  margin-left:var(--dash-sidebar-w) !important;
  margin-right:0 !important;
}
html[dir="rtl"] .dash-v3-topbar{
  right:var(--dash-sidebar-w) !important;
  left:0 !important;
}
html[dir="ltr"] .dash-v3-topbar{
  left:var(--dash-sidebar-w) !important;
  right:0 !important;
}

/* Topbar actions move opposite while search stays centered */
.dash-v3-topbar{
  position:fixed !important;
  height:var(--dash-topbar-h) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 24px !important;
}
.dash-v3-search{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:min(460px,42vw) !important;
  min-width:320px !important;
  margin:0 !important;
  z-index:1 !important;
}
html[dir="rtl"] .dash-v3-search,
html[dir="ltr"] .dash-v3-search{
  left:50% !important;
  right:auto !important;
  transform:translate(-50%,-50%) !important;
  order:initial !important;
}
.dash-v3-actions{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  z-index:2 !important;
}
html[dir="rtl"] .dash-v3-actions{
  left:24px !important;
  right:auto !important;
  flex-direction:row !important;
}
html[dir="ltr"] .dash-v3-actions{
  right:24px !important;
  left:auto !important;
  flex-direction:row-reverse !important;
}

/* Sidebar item calm hover and language motion */

.dash-v3-nav a:hover,.dash-v3-nav button:hover{
  transform:translateX(var(--nav-hover-x,0)) translateY(-1px) !important;
}
html[dir="rtl"] .dash-v3-nav a:hover,html[dir="rtl"] .dash-v3-nav button:hover{--nav-hover-x:-3px}
html[dir="ltr"] .dash-v3-nav a:hover,html[dir="ltr"] .dash-v3-nav button:hover{--nav-hover-x:3px}

/* Direction switch animation */
.dash-lang-motion .dash-v3-sidebar{animation:sidebarSoftMove .42s cubic-bezier(.22,1,.36,1) both}
.dash-lang-motion .dash-v3-actions{animation:topbarActionsSoftMove .42s cubic-bezier(.22,1,.36,1) both}
.dash-lang-motion .dash-v3-main{animation:mainSoftFade .34s ease both}
@keyframes sidebarSoftMove{0%{opacity:.55;filter:blur(1px);transform:translateX(var(--side-shift,0))}100%{opacity:1;filter:blur(0);transform:translateX(0)}}
@keyframes topbarActionsSoftMove{0%{opacity:.4;filter:blur(1px);transform:translateY(-50%) translateX(var(--actions-shift,0))}100%{opacity:1;filter:blur(0);transform:translateY(-50%) translateX(0)}}
@keyframes mainSoftFade{0%{opacity:.62;filter:blur(1px);transform:translateY(4px)}100%{opacity:1;filter:blur(0);transform:translateY(0)}}
html[dir="rtl"] .dash-lang-motion{--side-shift:36px;--actions-shift:-28px}
html[dir="ltr"] .dash-lang-motion{--side-shift:-36px;--actions-shift:28px}

/* Keep notifications attached to button without overlap */
.notify-wrap{position:relative !important}
.notifications-popover{
  top:54px !important;
  width:370px !important;
  max-width:calc(100vw - 32px) !important;
  z-index:99999 !important;
}
html[dir="rtl"] .notifications-popover{
  left:0 !important;
  right:auto !important;
  transform-origin:top left !important;
}
html[dir="ltr"] .notifications-popover{
  right:0 !important;
  left:auto !important;
  transform-origin:top right !important;
}

/* Profile menu attached to profile button */
html[dir="rtl"] .profile-menu{
  left:0 !important;
  right:auto !important;
  transform-origin:top left !important;
}
html[dir="ltr"] .profile-menu{
  right:0 !important;
  left:auto !important;
  transform-origin:top right !important;
}

@media(max-width:1050px){
  .dash-v3-search{width:min(360px,36vw) !important;min-width:240px !important}
}
@media(max-width:900px){
  html[dir="rtl"] .dash-v3-sidebar,html[dir="ltr"] .dash-v3-sidebar{position:static !important;width:auto !important;box-shadow:none !important}
  html[dir="rtl"] .dash-v3-main,html[dir="ltr"] .dash-v3-main{margin:0 !important}
  html[dir="rtl"] .dash-v3-topbar,html[dir="ltr"] .dash-v3-topbar{left:0 !important;right:0 !important}
  .dash-v3-search{display:none !important}
  html[dir="rtl"] .dash-v3-actions{left:12px !important}
  html[dir="ltr"] .dash-v3-actions{right:12px !important}
}


/* =========================================================
   Norel Store Subscriptions Pro UI - exact futuristic layout
   ========================================================= */
.subs-pro-page{animation:subsProIn .35s ease both!important}.subs-pro-shell{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.subs-pro-main{min-width:0}.subs-pro-hero{min-height:215px;border:1px solid #3d362b;border-radius:18px;background:linear-gradient(135deg,rgba(26,21,20,.96),rgba(48,40,32,.96));display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:center;padding:24px;position:relative;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.25)}.subs-pro-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 17% 45%,rgba(129,104,78,.32),transparent 25%),radial-gradient(circle at 72% 20%,rgba(168,135,126,.16),transparent 28%);pointer-events:none}.subs-pro-robot{position:relative;height:165px;display:grid;place-items:center}.subs-pro-robot:after{content:"";position:absolute;bottom:12px;width:165px;height:38px;border:2px solid rgba(129,104,78,.45);border-radius:50%;box-shadow:0 0 35px rgba(129,104,78,.5),inset 0 0 25px rgba(129,104,78,.24)}.subs-pro-robot-core{position:relative;z-index:2;width:118px;height:118px;border-radius:38px;display:grid;place-items:center;font-size:70px;background:linear-gradient(135deg,#3d362b,#a89a83);box-shadow:0 22px 55px rgba(129,104,78,.36);animation:subsBotFloat 3.5s ease-in-out infinite}.subs-pro-hero-text{position:relative;z-index:2}.subs-pro-hero-text h1{font-size:28px;margin:0 0 12px;font-weight:700}.subs-pro-hero-text p{color:#c2b6a1;margin:0 0 28px;font-size:15px}.subs-pro-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.subs-pro-hero-actions button,.subs-pro-hero-actions a{height:48px;min-width:150px;border-radius:12px;border:1px solid #3d362b;background:#1e1a14;color:#fff;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;cursor:pointer}.subs-pro-hero-actions button{background:linear-gradient(135deg,#a89a83,#a89a83);border-color:#a89a83;box-shadow:0 14px 32px rgba(129,104,78,.28)}.subs-pro-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 16px}.subs-pro-stat{min-height:195px;background:linear-gradient(180deg,#26211a,#1e1a14);border:1px solid #3d362b;border-radius:18px;padding:20px;text-align:center;display:grid;place-items:center;align-content:center;gap:9px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.subs-pro-stat i{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;font-style:normal;font-size:27px}.subs-pro-stat span,.subs-pro-stat small{color:#9c907d;font-size:13px}.subs-pro-stat strong{font-size:34px;font-weight:700}.subs-pro-stat.purple i{background:rgba(168,135,126,.17);color:#c2b6a1}.subs-pro-stat.green i{background:rgba(99,76,54,.16);color:#a89a83}.subs-pro-stat.orange i{background:rgba(245,158,11,.17);color:#e0c078}.subs-pro-stat.red i{background:rgba(244,68,68,.17);color:#ef7f73}.subs-pro-stat.gray i{background:rgba(188,151,141,.14);color:#c2b6a1}.subs-pro-toolbar{margin:16px 0;display:grid;grid-template-columns:180px auto minmax(280px,1fr) 90px;gap:12px;align-items:center}.subs-pro-toolbar button,.subs-pro-search input{height:52px;border:1px solid #3d362b;background:#1e1a14;color:#ffffff;border-radius:13px;font-family:inherit;font-weight:700}.subs-pro-toolbar>button{cursor:pointer}.subs-pro-refresh{background:#1e1a14!important}.subs-pro-filters{display:flex!important;gap:10px!important;flex-wrap:nowrap!important}.subs-pro-filters button{padding:0 18px!important}.subs-pro-filters button.active{background:#a89a83!important;border-color:#a89a83!important;color:#fff!important}.subs-pro-search input{width:100%;padding:0 18px;outline:none;font-weight:600}.subs-pro-list{display:flex;flex-direction:column;gap:14px}.subs-pro-card{position:relative;min-height:240px;border:1px solid #3d362b;border-radius:18px;background:linear-gradient(180deg,#1e1a14,#15120e);display:grid;grid-template-columns:190px minmax(230px,1fr) 220px 200px;gap:18px;align-items:center;padding:22px;overflow:hidden;box-shadow:0 18px 54px rgba(0,0,0,.2);transition:.22s ease}.subs-pro-card:hover{transform:translateY(-3px);border-color:#a89a83;box-shadow:0 24px 70px rgba(129,104,78,.14),0 18px 54px rgba(0,0,0,.25)}.subs-pro-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 13% 48%,rgba(129,104,78,.16),transparent 24%);pointer-events:none}.subs-pro-card.orange:before{background:radial-gradient(circle at 13% 48%,rgba(245,158,11,.18),transparent 24%)}.subs-pro-card.red:before{background:radial-gradient(circle at 13% 48%,rgba(244,68,68,.14),transparent 24%)}.subs-pro-card-menu{position:absolute;top:14px;inset-inline-end:18px;color:#fff;font-size:22px;letter-spacing:2px}.subs-pro-bot-visual{position:relative;z-index:1;display:grid;place-items:center;gap:12px}.subs-pro-crown{position:absolute;top:0;inset-inline-start:8px;color:#f2ede4;font-size:22px}.subs-pro-ring{width:134px;height:134px;border-radius:50%;display:grid;place-items:center;border:5px solid #a89a83;box-shadow:0 0 36px rgba(129,104,78,.42)}.orange .subs-pro-ring{border-color:#e0c078;box-shadow:0 0 36px rgba(245,158,11,.38)}.red .subs-pro-ring{border-color:#ef7f73;box-shadow:0 0 36px rgba(244,68,68,.3)}.subs-pro-avatar{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-size:45px;background:linear-gradient(135deg,#3d362b,#3d362b);box-shadow:inset 0 0 25px rgba(255,255,255,.05)}.subs-pro-state{height:34px;padding:0 17px;border-radius:999px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;background:rgba(99,76,54,.12);color:#a89a83;border:1px solid rgba(99,76,54,.25)}.subs-pro-state b{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.subs-pro-state.paused{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.28);color:#e0c078}.subs-pro-state.ended,.subs-pro-state.stopped{background:rgba(244,68,68,.12);border-color:rgba(244,68,68,.25);color:#ef7f73}.subs-pro-card-main{position:relative;z-index:1}.subs-pro-card-main h2{margin:0 0 8px;font-size:22px;font-weight:700}.subs-pro-card-main h2 em{font-size:14px;background:#a89a83;color:#fff;border-radius:999px;padding:2px 6px;font-style:normal}.subs-pro-card-main p{margin:8px 0;color:#9c907d}.subs-pro-card-main p strong{color:#c2b6a1}.subs-pro-left{margin-top:18px}.subs-pro-left>span{display:block;color:#9c907d;margin-bottom:6px}.subs-pro-left>strong{display:block;font-size:26px;margin-bottom:10px}.subs-pro-progress{height:8px;border-radius:999px;background:#26211a;overflow:hidden;max-width:250px}.subs-pro-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a89a83,#a89a83)}.orange .subs-pro-progress i{background:linear-gradient(90deg,#e0c078,#544a3b)}.red .subs-pro-progress i{background:linear-gradient(90deg,#ef7f73,#e88493)}.subs-pro-left small{display:block;color:#9c907d;margin-top:9px}.subs-pro-card-info{position:relative;z-index:1;border-inline-start:1px solid #302a20;border-inline-end:1px solid #302a20;padding-inline:20px}.subs-pro-card-info dl{display:grid;grid-template-columns:1fr;gap:5px;margin:0 0 13px}.subs-pro-card-info dt{color:#a89a83;font-size:12px}.subs-pro-card-info dd{margin:0;color:#c2b6a1;font-size:13px;word-break:break-all}.subs-pro-card-info button{border:0;background:transparent;color:#c6b9a2;cursor:pointer}.subs-pro-card-actions{position:relative;z-index:1;display:grid;gap:10px}.subs-pro-card-actions button{height:46px;border:1px solid #3d362b;background:#1e1a14;color:#ffffff;border-radius:10px;font-family:inherit;font-weight:700;cursor:pointer}.subs-pro-card-actions button.main{background:linear-gradient(135deg,#a89a83,#a89a83);border-color:#a89a83}.subs-pro-card-actions button:hover{transform:translateY(-2px);border-color:#a89a83}.subs-pro-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:84px}.subs-pro-panel{background:linear-gradient(180deg,#1e1a14,#15120e);border:1px solid #3d362b;border-radius:18px;padding:18px;box-shadow:0 18px 54px rgba(0,0,0,.18)}.subs-pro-panel h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;font-size:18px}.subs-pro-timeline{position:relative;display:grid;gap:14px}.subs-pro-timeline:before{content:"";position:absolute;inset-block:20px;inset-inline-end:21px;width:1px;border-inline-end:1px dashed #3d362b}.subs-pro-timeline>div{position:relative;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.subs-pro-timeline i{width:40px;height:40px;border-radius:12px;background:#26211a;display:grid;place-items:center;font-style:normal;z-index:1}.subs-pro-timeline strong{display:block;font-size:13px}.subs-pro-timeline small{display:block;margin-top:5px;color:#9c907d}.subs-pro-info{display:grid;gap:10px}.subs-pro-info>div{min-height:44px;border:1px solid #3d362b;border-radius:11px;background:#1e1a14;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.subs-pro-info span{color:#9c907d}.subs-pro-info strong{font-size:13px}.subs-pro-info .good{color:#a89a83}.subs-pro-info .bad{color:#e78282}.subs-pro-empty{min-height:320px;display:grid;place-items:center;text-align:center;color:#9c907d;border:1px dashed #3d362b;border-radius:18px}.subs-pro-empty div{font-size:46px}.subs-pro-empty h3{color:#fff;margin:8px 0}.dash-v3-body.light .subs-pro-hero,.dash-v3-body.light .subs-pro-stat,.dash-v3-body.light .subs-pro-card,.dash-v3-body.light .subs-pro-panel,.dash-v3-body.light .subs-pro-toolbar button,.dash-v3-body.light .subs-pro-search input{background:#fff!important;color:#f2ede4!important;border-color:#26211a!important}.dash-v3-body.light .subs-pro-card-actions button,.dash-v3-body.light .subs-pro-info>div{background:#26211a!important;color:#f2ede4!important;border-color:#26211a!important}@keyframes subsBotFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes subsProIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1350px){.subs-pro-shell{grid-template-columns:1fr}.subs-pro-side{position:static;display:grid;grid-template-columns:1fr 1fr}.subs-pro-card{grid-template-columns:170px 1fr 210px}.subs-pro-card-actions{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}}@media(max-width:1050px){.subs-pro-hero{grid-template-columns:1fr;text-align:center}.subs-pro-robot{height:130px}.subs-pro-stats{grid-template-columns:repeat(2,1fr)}.subs-pro-toolbar{grid-template-columns:1fr}.subs-pro-filters{overflow:auto}.subs-pro-card{grid-template-columns:1fr;text-align:center}.subs-pro-card-info{border:0;border-top:1px solid #302a20;border-bottom:1px solid #302a20;padding:16px 0}.subs-pro-progress{margin:auto}.subs-pro-card-actions{grid-template-columns:1fr 1fr}.subs-pro-side{grid-template-columns:1fr}}@media(max-width:560px){.subs-pro-stats{grid-template-columns:1fr}.subs-pro-card-actions{grid-template-columns:1fr}.subs-pro-hero-actions{display:grid}.subs-pro-toolbar{gap:10px}.subs-pro-shell{gap:12px}}

/* =========================================================
   Norel Store Subscriptions Pro Final Polish
   - Smaller icons like reference
   - Better spacing, card size, shadows, radius, hover
   - No layout/function changes
   ========================================================= */
.subs-pro-page{
  --subs-card-radius:20px;
  --subs-soft-border:#3d362b;
  --subs-soft-shadow:0 18px 52px rgba(0,0,0,.20);
}

.subs-pro-stats{
  gap:15px !important;
}

.subs-pro-stat{
  min-height:172px !important;
  padding:18px 16px !important;
  border-radius:var(--subs-card-radius) !important;
  border-color:var(--subs-soft-border) !important;
  box-shadow:var(--subs-soft-shadow) !important;
  gap:7px !important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease !important;
}

.subs-pro-stat:hover{
  transform:translateY(-3px) !important;
  border-color:#a89a83 !important;
  box-shadow:0 24px 64px rgba(129,104,78,.13),0 16px 44px rgba(0,0,0,.24) !important;
}

.subs-pro-stat i{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  font-size:21px !important;
  margin-bottom:2px !important;
}

.subs-pro-stat strong{
  font-size:30px !important;
  line-height:1.1 !important;
}

.subs-pro-stat span,
.subs-pro-stat small{
  font-size:12px !important;
}

.subs-pro-hero{
  min-height:198px !important;
  border-radius:var(--subs-card-radius) !important;
  padding:22px !important;
  box-shadow:0 22px 64px rgba(0,0,0,.24) !important;
}

.subs-pro-robot{
  height:150px !important;
}

.subs-pro-robot:after{
  width:148px !important;
  height:32px !important;
  bottom:10px !important;
}

.subs-pro-robot-core{
  width:104px !important;
  height:104px !important;
  border-radius:32px !important;
  font-size:58px !important;
}

.subs-pro-hero-text h1{
  font-size:26px !important;
}

.subs-pro-hero-text p{
  font-size:14px !important;
  margin-bottom:22px !important;
}

.subs-pro-hero-actions button,
.subs-pro-hero-actions a{
  height:46px !important;
  min-width:142px !important;
  border-radius:13px !important;
  font-size:13px !important;
}

.subs-pro-toolbar{
  margin:15px 0 !important;
  gap:10px !important;
}

.subs-pro-toolbar button,
.subs-pro-search input{
  height:48px !important;
  border-radius:14px !important;
  font-size:12.5px !important;
}

.subs-pro-card{
  min-height:222px !important;
  grid-template-columns:170px minmax(220px,1fr) 210px 190px !important;
  gap:16px !important;
  padding:20px !important;
  border-radius:var(--subs-card-radius) !important;
  border-color:var(--subs-soft-border) !important;
  box-shadow:var(--subs-soft-shadow) !important;
}

.subs-pro-card:hover{
  transform:translateY(-4px) !important;
  border-color:#a89a83 !important;
  box-shadow:0 26px 70px rgba(129,104,78,.14),0 18px 54px rgba(0,0,0,.26) !important;
}

.subs-pro-card-menu{
  top:12px !important;
  inset-inline-end:16px !important;
  font-size:18px !important;
}

.subs-pro-bot-visual{
  gap:10px !important;
}

.subs-pro-crown{
  font-size:18px !important;
  top:2px !important;
}

.subs-pro-ring{
  width:112px !important;
  height:112px !important;
  border-width:4px !important;
  box-shadow:0 0 28px rgba(129,104,78,.36) !important;
}

.orange .subs-pro-ring{
  box-shadow:0 0 28px rgba(245,158,11,.32) !important;
}

.red .subs-pro-ring{
  box-shadow:0 0 28px rgba(244,68,68,.26) !important;
}

.subs-pro-avatar{
  width:74px !important;
  height:74px !important;
  font-size:36px !important;
}

.subs-pro-state{
  height:30px !important;
  padding:0 14px !important;
  font-size:12px !important;
  gap:7px !important;
}

.subs-pro-state b{
  width:8px !important;
  height:8px !important;
}

.subs-pro-card-main h2{
  font-size:20px !important;
  margin-bottom:7px !important;
}

.subs-pro-card-main h2 em{
  font-size:12px !important;
  padding:2px 6px !important;
}

.subs-pro-card-main p{
  font-size:13px !important;
  margin:7px 0 !important;
}

.subs-pro-left{
  margin-top:14px !important;
}

.subs-pro-left>span{
  font-size:12px !important;
}

.subs-pro-left>strong{
  font-size:23px !important;
  margin-bottom:8px !important;
}

.subs-pro-progress{
  height:7px !important;
  max-width:230px !important;
}

.subs-pro-left small{
  font-size:12px !important;
  margin-top:8px !important;
}

.subs-pro-card-info{
  padding-inline:18px !important;
}

.subs-pro-card-info dt{
  font-size:11.5px !important;
}

.subs-pro-card-info dd{
  font-size:12.5px !important;
}

.subs-pro-card-actions{
  gap:9px !important;
}

.subs-pro-card-actions button{
  height:42px !important;
  border-radius:11px !important;
  font-size:12.5px !important;
  transition:transform .2s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease !important;
}

.subs-pro-card-actions button:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 12px 26px rgba(129,104,78,.14) !important;
}

.subs-pro-side{
  gap:12px !important;
}

.subs-pro-panel{
  border-radius:var(--subs-card-radius) !important;
  padding:17px !important;
  box-shadow:var(--subs-soft-shadow) !important;
}

.subs-pro-panel h3{
  font-size:16px !important;
}

.subs-pro-timeline i{
  width:34px !important;
  height:34px !important;
  border-radius:11px !important;
  font-size:15px !important;
}

.subs-pro-timeline>div{
  grid-template-columns:36px 1fr !important;
  gap:10px !important;
}

.subs-pro-timeline strong{
  font-size:12.5px !important;
}

.subs-pro-timeline small{
  font-size:11.5px !important;
}

.subs-pro-info>div{
  min-height:42px !important;
  border-radius:12px !important;
  padding:0 13px !important;
}

.subs-pro-info span,
.subs-pro-info strong{
  font-size:12px !important;
}

@media(max-width:1350px){
  .subs-pro-card{
    grid-template-columns:150px 1fr 200px !important;
  }
  .subs-pro-card-actions{
    grid-column:1/-1 !important;
    grid-template-columns:repeat(4,1fr) !important;
  }
}

@media(max-width:1050px){
  .subs-pro-card{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
  .subs-pro-ring{
    width:108px !important;
    height:108px !important;
  }
  .subs-pro-avatar{
    width:70px !important;
    height:70px !important;
    font-size:34px !important;
  }
  .subs-pro-stats{
    grid-template-columns:repeat(2,1fr) !important;
  }
}

@media(max-width:560px){
  .subs-pro-stats{
    grid-template-columns:1fr !important;
  }
  .subs-pro-stat{
    min-height:150px !important;
  }
  .subs-pro-stat i{
    width:42px !important;
    height:42px !important;
    font-size:19px !important;
  }
  .subs-pro-card-actions{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   Exact screenshot polish + Bot Control Menu visual panel
   ========================================================= */
.modal-card.modal-card-pro{
  width:min(980px,94vw)!important;
  max-height:88vh!important;
  overflow:auto!important;
  padding:22px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#1e1a14,#15120e)!important;
  border:1px solid #3d362b!important;
  box-shadow:0 30px 90px rgba(0,0,0,.58)!important;
}
.modal-card.modal-card-pro #modalTitle{
  margin:0 0 18px!important;
  font-size:22px!important;
  font-weight:700!important;
}
.bot-control-pro{
  display:grid;
  grid-template-columns:220px minmax(0,1fr) 220px;
  gap:20px;
  align-items:center;
  min-height:300px;
  position:relative;
  overflow:hidden;
}
.bot-control-pro:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 12% 48%,rgba(129,104,78,.18),transparent 24%),radial-gradient(circle at 82% 10%,rgba(150,121,112,.12),transparent 25%);
  pointer-events:none;
}
.bot-control-pro.orange:before{background:radial-gradient(circle at 12% 48%,rgba(245,158,11,.18),transparent 24%),radial-gradient(circle at 82% 10%,rgba(150,121,112,.12),transparent 25%)}
.bot-control-pro.red:before{background:radial-gradient(circle at 12% 48%,rgba(244,68,68,.16),transparent 24%),radial-gradient(circle at 82% 10%,rgba(150,121,112,.12),transparent 25%)}
.bot-control-visual,.bot-control-main,.bot-control-actions{position:relative;z-index:1}
.bot-control-visual{display:grid;place-items:center;gap:12px}
.bot-control-crown{position:absolute;top:14px;inset-inline-start:14px;color:#f2ede4;font-size:22px}
.bot-control-ring{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;border:5px solid #a89a83;box-shadow:0 0 38px rgba(129,104,78,.45)}
.bot-control-pro.orange .bot-control-ring{border-color:#e0c078;box-shadow:0 0 36px rgba(245,158,11,.4)}
.bot-control-pro.red .bot-control-ring{border-color:#ef7f73;box-shadow:0 0 34px rgba(244,68,68,.32)}
.bot-control-avatar{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-size:46px;background:linear-gradient(135deg,#3d362b,#3d362b);box-shadow:inset 0 0 28px rgba(255,255,255,.06)}
.bot-control-state{height:34px;padding:0 17px;border-radius:999px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;background:rgba(99,76,54,.12);color:#a89a83;border:1px solid rgba(99,76,54,.25)}
.bot-control-state b{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.bot-control-state.paused{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.28);color:#e0c078}
.bot-control-state.ended,.bot-control-state.stopped{background:rgba(244,68,68,.12);border-color:rgba(244,68,68,.25);color:#ef7f73}
.bot-control-title h2{margin:0 0 8px;font-size:24px;font-weight:700}.bot-control-title h2 em{font-size:13px;background:#a89a83;color:#fff;border-radius:999px;padding:2px 6px;font-style:normal}.bot-control-title p{margin:0;color:#9c907d}.bot-control-title p span{opacity:.7;margin-inline:8px}
.bot-control-progress-wrap{margin-top:20px}.bot-control-progress-wrap span{display:block;color:#9c907d;margin-bottom:6px}.bot-control-progress-wrap strong{display:block;font-size:28px;margin-bottom:10px}.bot-control-progress{height:8px;border-radius:999px;background:#26211a;overflow:hidden;max-width:320px}.bot-control-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a89a83,#a89a83)}.bot-control-pro.orange .bot-control-progress i{background:linear-gradient(90deg,#e0c078,#544a3b)}.bot-control-pro.red .bot-control-progress i{background:linear-gradient(90deg,#ef7f73,#e88493)}.bot-control-progress-wrap small{display:block;color:#9c907d;margin-top:9px}
.bot-control-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.bot-control-info div{min-height:48px;border:1px solid #3d362b;border-radius:12px;background:#1e1a14;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.bot-control-info span{color:#9c907d;font-size:12px}.bot-control-info strong{font-size:13px;word-break:break-all}.bot-control-info .good{color:#a89a83}.bot-control-info .bad{color:#e78282}
.bot-control-actions{display:grid;gap:10px}.bot-control-actions button{height:46px;border:1px solid #3d362b;background:#1e1a14;color:#ffffff;border-radius:11px;font-family:inherit;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s ease}.bot-control-actions button.primary{background:linear-gradient(135deg,#a89a83,#a89a83);border-color:#a89a83}.bot-control-actions button:hover{transform:translateY(-2px);border-color:#a89a83;box-shadow:0 12px 26px rgba(129,104,78,.16)}
.subs-pro-card-actions button.main{background:linear-gradient(135deg,#a89a83,#a89a83)!important;border-color:#a89a83!important;box-shadow:0 10px 26px rgba(137,111,103,.20)!important}
.subs-pro-card-actions button{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
@media(max-width:900px){.bot-control-pro{grid-template-columns:1fr;text-align:center}.bot-control-progress{margin:auto}.bot-control-info{grid-template-columns:1fr}.bot-control-actions{grid-template-columns:1fr 1fr}.modal-card.modal-card-pro{width:min(620px,94vw)!important}}
@media(max-width:520px){.bot-control-actions{grid-template-columns:1fr}.bot-control-ring{width:128px;height:128px}.bot-control-avatar{width:82px;height:82px;font-size:40px}}

/* =========================================================
   Norel Store Subscriptions Exact Dashboard Mockup
   Matches the requested full-page futuristic layout
   ========================================================= */
:root{
  --exact-bg:#15120e;
  --exact-card:#1e1a14;
  --exact-card-2:#26211a;
  --exact-line:color-mix(in srgb,#a89a83 40%,#15120e);
  --exact-text:#ffffff;
  --exact-muted:#9c907d;
  --exact-blue:#a89a83;
  --exact-purple:#9c907d;
  --exact-green:#a89a83;
  --exact-red:#e2646f;
  --exact-orange:#a89a83;
}
.dash-v3-body{background:radial-gradient(circle at 55% -15%,rgba(129,104,78,.14),transparent 38%),radial-gradient(circle at 88% 18%,rgba(129,104,78,.10),transparent 28%),var(--exact-bg)!important;color:var(--exact-text)!important}
.dash-v3-sidebar{background:linear-gradient(180deg,#1e1a14,#15120e)!important;border-color:#3d362b!important;box-shadow:24px 0 80px rgba(0,0,0,.22)!important}
html[dir="rtl"] .dash-v3-sidebar{right:0!important;left:auto!important;border-left:1px solid #3d362b!important;border-right:0!important}
html[dir="ltr"] .dash-v3-sidebar{left:0!important;right:auto!important;border-right:1px solid #3d362b!important;border-left:0!important}
.dash-v3-main{background:transparent!important;min-height:100vh!important}
html[dir="rtl"] .dash-v3-main{margin-right:260px!important;margin-left:0!important}
html[dir="ltr"] .dash-v3-main{margin-left:260px!important;margin-right:0!important}
.dash-v3-topbar{height:70px!important;background:rgba(48,40,32,.88)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid #3d362b!important;box-shadow:0 18px 60px rgba(0,0,0,.26)!important}
.dash-v3-search{width:min(440px,40vw)!important;height:48px!important;border-radius:22px!important;background:rgba(30,24,22,.9)!important;border:1px solid #3d362b!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 18px 40px rgba(0,0,0,.18)!important}
.dash-v3-search input{font-size:13px!important;color:#ffffff!important}
.dash-v3-actions{gap:10px!important}.dash-icon-btn,.dash-profile{background:#1e1a14!important;border:1px solid color-mix(in srgb,#a89a83 42%,#15120e)!important;border-radius:14px!important;box-shadow:0 10px 24px rgba(0,0,0,.12)!important}.dash-icon-btn{width:48px!important;height:48px!important}.dash-profile{height:48px!important;padding:6px 10px!important}.dash-profile img{width:34px!important;height:34px!important;border:2px solid var(--exact-blue)!important}
.dash-v3-brand{font-size:21px!important;gap:12px!important}.dash-v3-brand img{width:44px!important;height:44px!important}.dash-v3-nav{gap:14px!important;margin-top:34px!important}.dash-v3-nav button,.dash-v3-nav a{height:56px!important;border-radius:12px!important;font-size:15px!important;background:transparent!important;color:#c2b6a1!important;border:1px solid transparent!important}.dash-v3-nav button.active,.dash-v3-nav a.active,.dash-v3-nav button:hover,.dash-v3-nav a:hover{background:linear-gradient(135deg,#a89a83,#a89a83)!important;border-color:#a89a83!important;color:#fff!important;box-shadow:0 16px 36px rgba(129,104,78,.25)!important}.dash-v3-upgrade{background:linear-gradient(135deg,rgba(129,104,78,.16),rgba(129,104,78,.18))!important;border:1px solid #3d362b!important;border-radius:16px!important}.dash-v3-upgrade a{background:linear-gradient(135deg,#a89a83,#a89a83)!important;box-shadow:0 14px 28px rgba(129,104,78,.26)!important}

.subs-exact-page{padding:26px 28px 46px!important;overflow:hidden!important}.subs-exact-shell{width:100%;max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr)300px;gap:22px;align-items:start}.subs-exact-main{min-width:0}.subs-exact-hero{min-height:190px;display:grid;grid-template-columns:170px 1fr;align-items:center;gap:28px;padding:28px 36px;margin-bottom:20px;border:1px solid var(--exact-line);border-radius:22px;background:radial-gradient(circle at 13% 40%,rgba(129,104,78,.25),transparent 28%),linear-gradient(135deg,rgba(37,30,28,.90),rgba(48,40,32,.86) 52%,rgba(31,25,23,.88));box-shadow:0 24px 70px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.04);position:relative;overflow:hidden}.subs-exact-hero:after{content:"";position:absolute;inset:auto -120px -140px auto;width:360px;height:360px;background:radial-gradient(circle,rgba(129,104,78,.20),transparent 62%);pointer-events:none}.subs-exact-robot{width:145px;height:145px;position:relative;display:grid;place-items:center}.subs-exact-robot-orbit{position:absolute;inset:10px;border:2px solid rgba(129,104,78,.78);border-radius:50%;box-shadow:0 0 40px rgba(129,104,78,.32),inset 0 0 22px rgba(129,104,78,.22)}.subs-exact-robot-core{width:108px;height:108px;border-radius:30px;display:grid;place-items:center;font-size:58px;background:linear-gradient(135deg,#a89a83,#3d362b);box-shadow:0 20px 52px rgba(129,104,78,.36),0 0 0 12px rgba(129,104,78,.06)}.subs-exact-robot b{position:absolute;right:18px;bottom:22px;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#c6b9a2,#3d362b);display:grid;place-items:center;box-shadow:0 12px 28px rgba(129,104,78,.35)}html[dir="ltr"] .subs-exact-robot b{right:auto;left:18px}.subs-exact-hero-text h1{margin:0 0 12px;font-size:28px;line-height:1.2;letter-spacing:-.5px}.subs-exact-hero-text p{margin:0 0 26px;color:#c2b6a1;font-size:14px}.subs-exact-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.subs-exact-actions button,.subs-exact-actions a{height:52px;min-width:150px;border-radius:12px;border:1px solid #3d362b;color:#fff;text-decoration:none;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.subs-exact-actions button{background:linear-gradient(135deg,#a89a83,#a89a83);border-color:#a89a83;box-shadow:0 16px 32px rgba(129,104,78,.25)}.subs-exact-actions a{background:rgba(24,20,18,.72)}
.subs-exact-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.subs-exact-stat{min-height:142px;border-radius:17px;border:1px solid #3d362b;background:linear-gradient(180deg,rgba(36,29,27,.86),rgba(20,16,15,.92));padding:24px 20px;position:relative;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.19)}.subs-exact-stat i{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:25px;font-style:normal;margin-bottom:10px}.subs-exact-stat span{display:block;color:#c2b6a1;font-size:13px}.subs-exact-stat strong{display:block;margin-top:9px;font-size:32px;line-height:1;font-weight:700}.subs-exact-stat small{display:block;margin-top:8px;color:#c2b6a1}.subs-exact-stat em{position:absolute;left:22px;right:22px;bottom:16px;height:3px;border-radius:999px;opacity:.9}.subs-exact-stat em:before{content:"";display:block;width:74%;height:100%;border-radius:inherit;background:currentColor}.subs-exact-stat.purple{color:#a89a83;background:radial-gradient(circle at 18% 28%,rgba(129,104,78,.22),transparent 45%),linear-gradient(180deg,rgba(36,29,27,.9),rgba(20,16,15,.92))}.subs-exact-stat.purple i{background:rgba(129,104,78,.18)}.subs-exact-stat.green{color:#7fd3ac;background:radial-gradient(circle at 18% 28%,rgba(127,211,172,.18),transparent 45%),linear-gradient(180deg,rgba(36,29,27,.9),rgba(20,16,15,.92))}.subs-exact-stat.green i{background:rgba(127,211,172,.18)}.subs-exact-stat.red{color:#e2646f;background:radial-gradient(circle at 18% 28%,rgba(255,71,87,.18),transparent 45%),linear-gradient(180deg,rgba(36,29,27,.9),rgba(20,16,15,.92))}.subs-exact-stat.red i{background:rgba(255,71,87,.18)}.subs-exact-stat.blue{color:#a89a83;background:radial-gradient(circle at 18% 28%,rgba(129,104,78,.20),transparent 45%),linear-gradient(180deg,rgba(36,29,27,.9),rgba(20,16,15,.92))}.subs-exact-stat.blue i{background:rgba(129,104,78,.18)}
.subs-exact-card,.subs-exact-side-panel{border:1px solid var(--exact-line)!important;background:linear-gradient(180deg,rgba(27,22,20,.96),rgba(19,15,14,.96))!important;border-radius:18px!important;box-shadow:0 20px 58px rgba(0,0,0,.20)!important}.subs-exact-subscriptions{padding:18px;margin-bottom:16px}.subs-exact-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.subs-exact-title-row h2{margin:0;font-size:18px}.subs-exact-title-row button{height:38px;padding:0 16px;border-radius:10px;border:1px solid #3d362b;background:#1e1a14;color:#ffffff;font-weight:600}.subs-exact-toolbar{display:grid!important;grid-template-columns:140px auto minmax(260px,1fr)48px!important;gap:12px!important;margin:0 0 14px!important;align-items:center!important}.subs-exact-toolbar>button,.subs-exact-toolbar .subs-pro-refresh{height:44px!important;border-radius:10px!important;background:#1e1a14!important;border:1px solid #3d362b!important;color:#ffffff!important;font-size:13px!important}.subs-exact-toolbar .subs-filters{display:flex!important;gap:10px!important}.subs-exact-toolbar .subs-filters button{height:44px!important;border-radius:10px!important;padding:0 20px!important;background:#1e1a14!important;border:1px solid #3d362b!important;color:#ffffff!important}.subs-exact-toolbar .subs-filters button.active{background:linear-gradient(135deg,#a89a83,#a89a83)!important;border-color:#a89a83!important;color:#fff!important;box-shadow:0 14px 26px rgba(129,104,78,.22)!important}.subs-exact-toolbar .subs-pro-search input{height:44px!important;border-radius:10px!important;background:#1e1a14!important;border:1px solid #3d362b!important;color:#ffffff!important}.subs-exact-list{display:flex!important;flex-direction:column!important;gap:14px!important;min-height:0!important}.subs-pro-empty{border:1px dashed #3d362b;border-radius:14px;padding:44px;text-align:center;color:#9c907d;background:rgba(32,26,24,.45)}
.subs-pro-card{display:grid!important;grid-template-columns:172px minmax(260px,1fr)250px 230px!important;gap:18px!important;align-items:center!important;min-height:240px!important;margin:0!important;padding:20px!important;border:1px solid #3d362b!important;border-radius:18px!important;background:radial-gradient(circle at 8% 44%,rgba(255,71,87,.12),transparent 32%),linear-gradient(180deg,rgba(26,21,20,.98),rgba(19,15,14,.98))!important;box-shadow:0 24px 60px rgba(0,0,0,.24)!important;position:relative!important;overflow:hidden!important}.subs-pro-card.blue{background:radial-gradient(circle at 8% 44%,rgba(129,104,78,.14),transparent 32%),linear-gradient(180deg,rgba(26,21,20,.98),rgba(19,15,14,.98))!important}.subs-pro-card.orange{background:radial-gradient(circle at 8% 44%,rgba(255,159,28,.14),transparent 32%),linear-gradient(180deg,rgba(26,21,20,.98),rgba(19,15,14,.98))!important}.subs-pro-card:hover{transform:translateY(-3px)!important;border-color:#a89a83!important;box-shadow:0 28px 72px rgba(129,104,78,.13),0 20px 60px rgba(0,0,0,.26)!important}.subs-pro-card-menu{position:absolute!important;top:20px!important;inset-inline-end:22px!important;color:#fff!important;font-size:24px!important;letter-spacing:3px!important}.subs-pro-bot-visual{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important}.subs-pro-crown{align-self:flex-start!important;font-size:17px!important;color:#fff!important}.subs-pro-ring{width:120px!important;height:120px!important;border-radius:50%!important;display:grid!important;place-items:center!important;border:4px solid var(--exact-red)!important;box-shadow:0 0 36px rgba(255,71,87,.30)!important;background:radial-gradient(circle,rgba(255,71,87,.16),transparent 65%)!important}.subs-pro-card.blue .subs-pro-ring{border-color:#a89a83!important;box-shadow:0 0 36px rgba(129,104,78,.30)!important;background:radial-gradient(circle,rgba(129,104,78,.16),transparent 65%)!important}.subs-pro-card.orange .subs-pro-ring{border-color:#a89a83!important;box-shadow:0 0 36px rgba(255,159,28,.30)!important;background:radial-gradient(circle,rgba(255,159,28,.16),transparent 65%)!important}.subs-pro-avatar{width:72px!important;height:72px!important;border-radius:50%!important;background:#26211a!important;display:grid!important;place-items:center!important;font-size:34px!important}.subs-pro-state{min-width:96px;height:32px;padding:0 12px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-weight:700!important;font-size:12px!important;background:rgba(255,71,87,.14)!important;color:#e7828a!important}.subs-pro-state.online{background:rgba(127,211,172,.14)!important;color:#7fd3ac!important}.subs-pro-state.paused{background:rgba(255,159,28,.14)!important;color:#a89a83!important}.subs-pro-state b{width:8px!important;height:8px!important;border-radius:50%!important;background:currentColor!important}.subs-pro-card-main h2{font-size:22px!important;margin:0 0 8px!important}.subs-pro-card-main h2 em{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:#a89a83;color:#fff;font-size:14px;font-style:normal}.subs-pro-card-main p{margin:7px 0!important;color:#9c907d!important;font-size:13px!important}.subs-pro-card-main strong{color:#c6b9a2!important}.subs-pro-left{margin-top:18px}.subs-pro-left span{display:block;color:#9c907d;font-size:12px}.subs-pro-left>strong{display:block;font-size:24px!important;margin:4px 0 9px!important;color:#fff!important}.subs-pro-progress{height:8px!important;border-radius:999px!important;background:#26211a!important;overflow:hidden!important;width:100%!important}.subs-pro-progress i{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#a89a83,#a89a83)!important}.subs-pro-card-info{padding-inline:18px!important;border-inline-start:1px solid #3d362b!important;border-inline-end:1px solid #3d362b!important}.subs-pro-card-info dl{margin:0 0 12px!important}.subs-pro-card-info dt{font-size:12px!important;color:#9c907d!important;margin-bottom:5px!important}.subs-pro-card-info dd{margin:0!important;color:#ffffff!important;font-size:13px!important}.subs-pro-card-info button{background:transparent!important;border:0!important;color:#c2b6a1!important;cursor:pointer!important}.subs-pro-card-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.subs-pro-card-actions button{height:46px!important;border-radius:10px!important;border:1px solid #3d362b!important;background:#1e1a14!important;color:#fff!important;font-weight:700!important}.subs-pro-card-actions button.main{background:linear-gradient(135deg,#a89a83,#a89a83)!important;border-color:#a89a83!important;box-shadow:0 14px 28px rgba(129,104,78,.18)!important}.subs-pro-card-actions button:hover{transform:translateY(-2px)!important;border-color:#a89a83!important}.subs-exact-side{display:flex;flex-direction:column;gap:16px}.subs-exact-side-panel{padding:18px!important}.subs-exact-side-panel h3{margin:0 0 16px!important;font-size:18px!important;display:flex;justify-content:space-between;align-items:center}.subs-pro-timeline{position:relative!important;display:flex!important;flex-direction:column!important;gap:14px!important}.subs-pro-timeline:after{content:"";position:absolute;top:20px;bottom:14px;inset-inline-end:17px;width:1px;background:linear-gradient(#3d362b,#3d362b)}.subs-pro-timeline>div{display:grid!important;grid-template-columns:42px 1fr!important;gap:12px!important;align-items:center!important;position:relative!important;z-index:2!important}.subs-pro-timeline i{width:42px!important;height:42px!important;border-radius:12px!important;background:#26211a!important;display:grid!important;place-items:center!important;font-style:normal!important}.subs-pro-timeline strong{display:block!important;font-size:13px!important}.subs-pro-timeline small{display:block!important;color:#9c907d!important;margin-top:4px!important}.subs-exact-side-btn{width:100%;height:42px;border:1px solid #3d362b;border-radius:10px;background:#1e1a14;color:#ffffff;font-weight:700;margin-top:14px}.subs-pro-info{display:flex!important;flex-direction:column!important;gap:10px!important}.subs-pro-info>div{min-height:44px;border:1px solid #3d362b;background:#1e1a14;border-radius:10px;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.subs-pro-info span{color:#9c907d}.subs-pro-info strong{color:#fff}.subs-pro-info .good{color:#7fd3ac!important}.subs-pro-info .bad{color:#e57780!important}.subs-exact-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.subs-exact-chart-card,.subs-exact-quick-actions{padding:18px!important}.subs-exact-overview{display:grid;grid-template-columns:150px 150px 1fr;gap:18px;align-items:center}.subs-exact-donut{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#a89a83 var(--pct,0deg),#c2b6a1 0);box-shadow:0 0 40px rgba(129,104,78,.16);position:relative}.subs-exact-donut:after{content:"";position:absolute;inset:18px;border-radius:inherit;background:#1e1a14}.subs-exact-donut span{position:relative;z-index:2;font-size:26px;font-weight:700}.subs-exact-overview ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.subs-exact-overview li{display:flex;align-items:center;gap:10px;color:#c2b6a1}.subs-exact-overview li strong{margin-inline-start:auto}.subs-exact-overview li b{width:9px;height:9px;border-radius:50%;display:block}.green-dot{background:#7fd3ac}.red-dot{background:#e2646f}.orange-dot{background:#a89a83}.blue-dot{background:#a89a83}.subs-exact-chart{height:150px;display:flex;align-items:end;gap:12px;padding:16px;border:1px solid #3d362b;border-radius:14px;background:linear-gradient(180deg,rgba(32,26,24,.55),rgba(19,15,14,.55))}.subs-exact-chart span{flex:1;min-height:8px;border-radius:999px;background:linear-gradient(180deg,#e2646f,#a89a83);box-shadow:0 0 20px rgba(255,71,87,.18)}.subs-exact-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.subs-exact-action-grid button{height:94px;border-radius:14px;border:1px solid #3d362b;background:radial-gradient(circle at 50% 20%,rgba(129,104,78,.12),transparent 55%),#1e1a14;color:#fff;font-size:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer}.subs-exact-action-grid button span{font-size:12px;font-weight:700}.subs-exact-action-grid button:hover{transform:translateY(-3px);border-color:#a89a83;box-shadow:0 18px 34px rgba(129,104,78,.15)}

@media(max-width:1380px){.subs-exact-shell{grid-template-columns:1fr}.subs-exact-side{display:grid;grid-template-columns:1fr 1fr}.subs-pro-card{grid-template-columns:160px minmax(240px,1fr)220px 200px!important}.subs-exact-stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:1120px){.subs-pro-card{grid-template-columns:1fr!important;text-align:center!important}.subs-pro-card-info{border:0!important;padding:0!important}.subs-exact-bottom-grid{grid-template-columns:1fr}.subs-exact-overview{grid-template-columns:140px 1fr}.subs-exact-chart{grid-column:1/-1}.subs-exact-toolbar{grid-template-columns:1fr!important}.subs-exact-toolbar .subs-filters{flex-wrap:wrap}.subs-exact-hero{grid-template-columns:1fr;text-align:center}.subs-exact-robot{margin:auto}.subs-exact-actions{justify-content:center}}@media(max-width:720px){html[dir="rtl"] .dash-v3-main,html[dir="ltr"] .dash-v3-main{margin:0!important}.dash-v3-sidebar{display:none!important}.subs-exact-page{padding:16px!important}.subs-exact-stats{grid-template-columns:1fr}.subs-exact-side{grid-template-columns:1fr}.subs-exact-action-grid{grid-template-columns:repeat(2,1fr)}.subs-exact-overview{grid-template-columns:1fr;justify-items:center}.subs-exact-hero-text h1{font-size:24px}.subs-exact-hero{padding:22px}.dash-v3-search{display:none!important}}


/* =========================================================
   Norel Store Full Mobile Responsive Fix - 2026
   هدفه جعل كامل الموقع مناسب للجوال بدون تغيير وظائف الصفحات
   ========================================================= */

/* Global mobile safety */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overflow-x:hidden!important;
}
body{
  overflow-x:hidden!important;
  max-width:100vw!important;
}
img,video,canvas,svg{
  max-width:100%;
}
input,select,textarea,button{
  max-width:100%;
}
*{
  scrollbar-width:thin;
}

/* Better tap targets */
@media (hover:none){
  button,a,input,select,textarea{
    touch-action:manipulation;
  }
  button,a{
    -webkit-tap-highlight-color:rgba(129,104,78,.22);
  }
}

/* Tablet cleanup */
@media (max-width:1100px){
  .main,
  .store-main,
  .admin-page,
  .dash-v3-main{
    max-width:100vw!important;
  }

  .admin-grid,
  .dashboard-v2-layout,
  .dashboard-mid-grid,
  .dashboard-detail-grid,
  .dash-v3-layout,
  .dash-v3-two,
  .dash-v3-two.lower,
  .subs-exact-shell,
  .subs-pro-shell{
    grid-template-columns:1fr!important;
  }

  .dash-v3-right,
  .subs-exact-side,
  .subs-pro-side{
    position:static!important;
    width:100%!important;
  }
}

/* Main mobile layout */
@media (max-width:900px){

  body{
    min-width:0!important;
  }

  /* Old sidebar pages: store/admin */
  body:not(.dash-v3-body) .sidebar{
    display:block!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:auto!important;
    padding:12px 14px!important;
    border:0!important;
    border-bottom:1px solid #3d362b!important;
    background:rgba(48,40,32,.96)!important;
    z-index:20!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
  }

  body:not(.dash-v3-body) .brand{
    margin:0 0 10px!important;
    justify-content:center!important;
    font-size:18px!important;
  }

  body:not(.dash-v3-body) .brand img{
    width:34px!important;
    height:34px!important;
  }

  body:not(.dash-v3-body) .menu-title{
    display:none!important;
  }

  body:not(.dash-v3-body) nav{
    display:flex!important;
    flex-direction:row!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding:2px 2px 8px!important;
    scroll-snap-type:x proximity;
  }

  body:not(.dash-v3-body) nav a,
  body:not(.dash-v3-body) nav button{
    min-width:max-content!important;
    height:42px!important;
    padding:0 14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    font-size:13px!important;
    scroll-snap-align:start;
  }

  body:not(.dash-v3-body) .main{
    margin:0!important;
    padding:76px 14px 24px!important;
    width:100%!important;
  }

  /* Dashboard V3 mobile shell */
  .dash-v3-body .dash-v3-sidebar{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    inset:auto!important;
    padding:12px 12px 10px!important;
    border:0!important;
    border-bottom:1px solid #3d362b!important;
    background:rgba(48,40,32,.96)!important;
    z-index:90!important;
    box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
  }

  .dash-v3-brand{
    justify-content:center!important;
    font-size:19px!important;
    margin-bottom:8px!important;
  }

  .dash-v3-brand img{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
  }

  .dash-v3-nav{
    margin-top:8px!important;
    flex-direction:row!important;
    overflow-x:auto!important;
    gap:8px!important;
    padding-bottom:8px!important;
    scroll-snap-type:x proximity;
  }

  .dash-v3-nav a,
  .dash-v3-nav button{
    flex:0 0 auto!important;
    width:auto!important;
    height:42px!important;
    min-width:max-content!important;
    padding:0 14px!important;
    font-size:12.5px!important;
    gap:8px!important;
    scroll-snap-align:start;
  }

  .dash-v3-nav i{
    width:auto!important;
  }

  .dash-v3-upgrade,
  .dash-v3-logout{
    display:none!important;
  }

  .dash-v3-main{
    margin:0!important;
    padding:76px 12px 22px!important;
    width:100%!important;
  }

  .dash-v3-topbar{
    position:fixed!important;
    inset-inline:0!important;
    top:0!important;
    height:60px!important;
    padding:0 12px!important;
    z-index:160!important;
  }

  .dash-v3-search{
    display:none!important;
  }

  .dash-v3-actions{
    position:static!important;
    transform:none!important;
    margin-inline-start:auto!important;
    display:flex!important;
    gap:7px!important;
  }

  html[dir="rtl"] .dash-v3-actions,
  html[dir="ltr"] .dash-v3-actions{
    left:auto!important;
    right:auto!important;
    flex-direction:row!important;
  }

  .dash-icon-btn,
  .dash-profile{
    height:38px!important;
    min-width:38px!important;
    border-radius:11px!important;
  }

  .dash-profile{
    padding:0 7px!important;
    max-width:145px!important;
  }

  .dash-profile span{
    max-width:86px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }

  .dash-profile img{
    width:28px!important;
    height:28px!important;
  }

  .notifications-popover,
  .profile-menu{
    position:fixed!important;
    top:66px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    transform-origin:top center!important;
  }

  /* Dashboard content */
  .dash-v3-layout,
  .dash-v3-content,
  .dash-v3-right{
    display:block!important;
    width:100%!important;
  }

  .dash-v3-hero{
    min-height:auto!important;
    height:auto!important;
    padding:22px 18px!important;
    border-radius:16px!important;
    display:block!important;
    text-align:center!important;
  }

  .dash-v3-hero h1{
    font-size:23px!important;
    line-height:1.45!important;
  }

  .dash-v3-hero p{
    font-size:13px!important;
    line-height:1.8!important;
  }

  .dash-v3-bot-art{
    margin-top:12px!important;
    font-size:62px!important;
  }

  .dash-v3-kpis,
  .dash-v3-owner,
  .owner-stats-v2,
  .dashboard-kpis-v2{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin:14px 0!important;
  }

  .dash-v3-kpis>div,
  .owner-card,
  .kpi-card{
    min-height:88px!important;
    padding:13px!important;
    border-radius:13px!important;
    gap:10px!important;
  }

  .dash-v3-kpis i{
    width:38px!important;
    height:38px!important;
    font-size:18px!important;
  }

  .dash-v3-kpis strong,
  .owner-card strong{
    font-size:22px!important;
  }

  .dash-v3-kpis span,
  .owner-card span,
  .owner-card small{
    font-size:11px!important;
  }

  .dash-v3-two,
  .dash-v3-two.lower{
    display:block!important;
    margin:0!important;
  }

  .dash-v3-panel,
  .panel-v2,
  .profile-card-v2{
    padding:15px!important;
    border-radius:15px!important;
    margin-bottom:14px!important;
  }

  .dash-v3-panel h3,
  .dash-v3-panel-head h3{
    font-size:15px!important;
  }

  .dash-v3-panel-head{
    gap:10px!important;
    align-items:center!important;
  }

  .dash-v3-sub-item,
  .active-sub-row{
    grid-template-columns:42px 1fr!important;
    gap:10px!important;
    padding:12px!important;
  }

  .dash-v3-sub-item>span{
    grid-column:1/-1!important;
    width:max-content!important;
  }

  .dash-v3-sub-item i{
    width:38px!important;
    height:38px!important;
    font-size:18px!important;
  }

  .dash-v3-sub-item strong,
  .dash-v3-status-row strong{
    font-size:13px!important;
  }

  .dash-v3-sub-item small,
  .dash-v3-status-row span{
    font-size:11px!important;
    overflow-wrap:anywhere!important;
  }

  .dash-v3-quick-grid,
  .quick-actions-grid-v2{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  .dash-v3-quick-grid button,
  .dash-v3-quick-grid a,
  .quick-actions-grid-v2 button{
    height:92px!important;
    min-height:92px!important;
    font-size:12px!important;
    border-radius:12px!important;
    gap:8px!important;
  }

  .dash-v3-quick-grid i{
    font-size:22px!important;
  }

  .dash-v3-selector>button{
    height:auto!important;
    min-height:56px!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
  }

  .dash-v3-selector b,
  .dash-v3-selector small{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    display:block!important;
  }

  .dash-v3-selector-menu{
    position:absolute!important;
    top:64px!important;
    max-height:320px!important;
    overflow:auto!important;
  }

  .dash-v3-manage-actions{
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }

  .dash-v3-manage-actions button{
    height:44px!important;
    font-size:12px!important;
  }

  .dash-v3-user-card{
    padding:18px!important;
    margin-bottom:14px!important;
  }

  .dash-v3-status-row{
    grid-template-columns:34px 1fr auto 10px!important;
    padding:10px!important;
    gap:8px!important;
  }

  .dash-v3-activity-row{
    grid-template-columns:34px 1fr!important;
    padding:10px!important;
  }

  .dash-v3-page-head{
    display:block!important;
    margin-bottom:14px!important;
  }

  .dash-v3-page-head h1{
    font-size:22px!important;
    margin-bottom:10px!important;
  }

  .dash-v3-page-head button{
    width:100%!important;
  }

  .dash-v3-order{
    display:block!important;
    padding:14px!important;
  }

  .dash-v3-order b{
    display:block!important;
    margin-top:10px!important;
  }

  /* Subscriptions page exact */
  .subs-exact-shell,
  .subs-pro-shell{
    display:block!important;
    width:100%!important;
  }

  .subs-exact-main,
  .subs-pro-main{
    width:100%!important;
  }

  .subs-exact-hero,
  .subs-pro-hero{
    display:block!important;
    min-height:auto!important;
    padding:18px!important;
    text-align:center!important;
    border-radius:16px!important;
  }

  .subs-exact-robot,
  .subs-pro-robot{
    height:110px!important;
    margin-bottom:8px!important;
  }

  .subs-exact-robot-core,
  .subs-pro-robot-core{
    width:82px!important;
    height:82px!important;
    border-radius:26px!important;
    font-size:46px!important;
  }

  .subs-exact-hero-text h1,
  .subs-pro-hero-text h1{
    font-size:22px!important;
    line-height:1.45!important;
  }

  .subs-exact-hero-text p,
  .subs-pro-hero-text p{
    font-size:13px!important;
    line-height:1.8!important;
  }

  .subs-exact-actions,
  .subs-pro-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .subs-exact-actions button,
  .subs-exact-actions a,
  .subs-pro-hero-actions button,
  .subs-pro-hero-actions a{
    width:100%!important;
    min-width:0!important;
  }

  .subs-exact-stats,
  .subs-pro-stats{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  .subs-exact-stat,
  .subs-pro-stat{
    min-height:126px!important;
    padding:13px!important;
    border-radius:14px!important;
  }

  .subs-exact-stat i,
  .subs-pro-stat i{
    width:42px!important;
    height:42px!important;
    font-size:20px!important;
  }

  .subs-exact-stat strong,
  .subs-pro-stat strong{
    font-size:25px!important;
  }

  .subs-exact-card{
    padding:14px!important;
    border-radius:16px!important;
    margin-bottom:14px!important;
  }

  .subs-exact-title-row{
    display:block!important;
  }

  .subs-exact-title-row h2{
    font-size:18px!important;
    margin-bottom:10px!important;
  }

  .subs-pro-toolbar,
  .subs-exact-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:12px 0!important;
  }

  .subs-pro-toolbar button,
  .subs-pro-search input{
    width:100%!important;
    height:46px!important;
    font-size:12px!important;
  }

  .subs-pro-filters,
  .subs-filters{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;
    overflow:visible!important;
  }

  .subs-pro-filters button,
  .subs-filters button{
    min-width:0!important;
    padding:0 8px!important;
    font-size:11px!important;
  }

  .subs-pro-card{
    display:block!important;
    min-height:auto!important;
    padding:16px!important;
    border-radius:16px!important;
  }

  .subs-pro-card-menu{
    top:10px!important;
    inset-inline-end:12px!important;
  }

  .subs-pro-bot-visual{
    margin:6px auto 14px!important;
  }

  .subs-pro-ring{
    width:112px!important;
    height:112px!important;
  }

  .subs-pro-avatar{
    width:74px!important;
    height:74px!important;
    font-size:36px!important;
  }

  .subs-pro-card-main{
    text-align:center!important;
  }

  .subs-pro-card-main h2{
    font-size:19px!important;
  }

  .subs-pro-card-main p{
    font-size:12px!important;
    overflow-wrap:anywhere!important;
  }

  .subs-pro-progress{
    max-width:100%!important;
  }

  .subs-pro-card-info{
    margin:14px 0!important;
    padding:12px 0!important;
    border-inline:0!important;
    border-top:1px solid #302a20!important;
    border-bottom:1px solid #302a20!important;
  }

  .subs-pro-card-info dl{
    display:grid!important;
    grid-template-columns:95px minmax(0,1fr)!important;
    text-align:start!important;
    gap:8px!important;
  }

  .subs-pro-card-info dd{
    overflow-wrap:anywhere!important;
  }

  .subs-pro-card-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:0!important;
    width:100%!important;
  }

  .subs-pro-card-actions button{
    width:100%!important;
    height:44px!important;
    font-size:12px!important;
    border-radius:11px!important;
    margin:0!important;
  }

  .subs-exact-bottom-grid{
    display:block!important;
  }

  .subs-exact-overview{
    display:block!important;
    text-align:center!important;
  }

  .subs-exact-donut{
    margin:10px auto 16px!important;
  }

  .subs-exact-chart{
    max-width:100%!important;
    margin-top:14px!important;
  }

  .subs-exact-action-grid{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  .subs-exact-action-grid button{
    min-height:88px!important;
    font-size:12px!important;
  }

  .subs-exact-side{
    display:block!important;
  }

  /* Store mobile */
  .store-page-body .topbar{
    height:60px!important;
    padding:0 12px!important;
  }

  .store-page-body .topbar-brand span{
    display:inline!important;
    font-size:16px!important;
  }

  .store-page-body .topbar-brand img{
    width:32px!important;
    height:32px!important;
  }

  .store-page-body .topbar-controls{
    gap:6px!important;
  }

  .store-page-body .icon-btn{
    width:38px!important;
    height:38px!important;
  }

  .store-main{
    padding-inline:12px!important;
    padding-top:76px!important;
  }

  .store-hero{
    padding:18px 8px 16px!important;
    margin-bottom:20px!important;
  }

  .store-badge{
    font-size:11px!important;
    padding:7px 12px!important;
    margin-bottom:12px!important;
  }

  .store-hero h1{
    font-size:30px!important;
    line-height:1.25!important;
    letter-spacing:-.5px!important;
  }

  .store-hero p{
    font-size:13px!important;
    line-height:1.8!important;
    margin:10px 0 18px!important;
  }

  .store-stats-line{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;
  }

  .store-stats-line strong{
    font-size:21px!important;
  }

  .store-stats-line span{
    font-size:10.5px!important;
  }

  .store-tools{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-bottom:18px!important;
  }

  .store-tools input,
  .store-tools select,
  .currency-switch button{
    height:46px!important;
    min-width:0!important;
    width:100%!important;
    border-radius:12px!important;
    font-size:12px!important;
  }

  .currency-switch{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }

  .store-count{
    font-size:12px!important;
    margin-bottom:12px!important;
  }

  .products-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
  }

  .product-card{
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    padding:18px!important;
    border-radius:18px!important;
  }

  .product-top-line{
    left:90px!important;
    right:90px!important;
  }

  .product-head{
    gap:10px!important;
  }

  .product-icon{
    width:46px!important;
    height:46px!important;
    font-size:22px!important;
  }

  .product-head h3{
    font-size:17px!important;
  }

  .product-card p{
    min-height:auto!important;
    font-size:12px!important;
    line-height:1.75!important;
    margin:16px 0 14px!important;
  }

  .product-meta{
    height:38px!important;
    font-size:11.5px!important;
  }

  .product-card select{
    height:46px!important;
    margin:14px 0 12px!important;
  }

  .music-qty{
    grid-template-columns:42px 1fr 42px!important;
  }

  .product-bottom{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .product-bottom button{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    order:2;
  }

  .product-price{
    order:1;
    text-align:center!important;
  }

  .product-price strong{
    font-size:24px!important;
  }

  .floating-cart{
    width:50px!important;
    height:50px!important;
    font-size:20px!important;
    left:16px!important;
    right:auto!important;
    bottom:16px!important;
    z-index:200!important;
  }

  .store-cart-panel{
    width:100%!important;
    max-width:100vw!important;
    border:0!important;
  }

  .cart-head{
    height:62px!important;
    padding:0 14px!important;
  }

  .cart-head h3{
    font-size:17px!important;
  }

  .cart-items{
    padding:14px!important;
  }

  .checkout-cart-item{
    grid-template-columns:46px 1fr!important;
    min-height:104px!important;
    padding:12px!important;
  }

  .cart-product-icon{
    width:38px!important;
    height:38px!important;
    font-size:18px!important;
  }

  .cart-summary-footer{
    padding:15px!important;
  }

  .checkout-btn.bank{
    height:52px!important;
  }

  .checkout-overlay{
    padding:10px!important;
  }

  .checkout-layout{
    display:block!important;
    min-height:auto!important;
  }

  .checkout-main-card,
  .checkout-side-cart{
    width:100%!important;
    height:auto!important;
    min-height:auto!important;
    border-radius:16px!important;
    padding:12px!important;
    margin-bottom:12px!important;
  }

  .checkout-steps{
    margin:0 0 12px!important;
    grid-template-columns:1fr 22px 1fr 22px 1fr!important;
    height:auto!important;
    gap:4px!important;
  }

  .checkout-step{
    font-size:10px!important;
  }

  .checkout-step b{
    width:24px!important;
    height:24px!important;
  }

  .checkout-panel{
    min-height:auto!important;
    padding:14px!important;
    border-radius:14px!important;
  }

  .checkout-panel h3{
    font-size:15px!important;
  }

  .billing-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .billing-grid label{
    font-size:11px!important;
  }

  .billing-grid input,
  .billing-grid select,
  .pay-panel input{
    height:44px!important;
    font-size:12px!important;
  }

  .payment-option{
    height:auto!important;
    min-height:72px!important;
    grid-template-columns:22px 1fr 42px!important;
    padding:12px!important;
  }

  .payment-option>b{
    width:38px!important;
    height:38px!important;
    font-size:18px!important;
  }

  .checkout-actions-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .checkout-wide-btn,
  .checkout-wide-btn.small,
  .checkout-back-btn{
    width:100%!important;
    height:48px!important;
  }

  .orders-section{
    margin-bottom:84px!important;
  }

  .order-row{
    display:block!important;
    padding:12px!important;
  }

  .order-row > * + *{
    margin-top:8px!important;
  }

  /* Admin mobile */
  .admin-page{
    padding-inline:12px!important;
    padding-top:76px!important;
  }

  .admin-hero{
    display:block!important;
    padding:18px!important;
    border-radius:16px!important;
    margin-bottom:14px!important;
  }

  .admin-hero h1{
    font-size:23px!important;
  }

  .admin-hero p{
    font-size:13px!important;
    line-height:1.8!important;
  }

  .admin-live{
    display:inline-block!important;
    margin-top:12px!important;
    font-size:12px!important;
  }

  .admin-stats{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin-bottom:14px!important;
  }

  .admin-stats div{
    padding:14px!important;
    border-radius:14px!important;
  }

  .admin-stats strong{
    font-size:22px!important;
  }

  .admin-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .admin-card{
    padding:14px!important;
    border-radius:16px!important;
  }

  .admin-card h3{
    font-size:16px!important;
  }

  .admin-card-head{
    display:block!important;
  }

  .admin-card-head input{
    max-width:100%!important;
    margin-top:10px!important;
  }

  .admin-form-grid{
    grid-template-columns:1fr!important;
  }

  .admin-card input,
  .admin-card textarea,
  .admin-card select{
    min-height:44px!important;
    font-size:12px!important;
  }

  .admin-row{
    display:block!important;
    padding:12px!important;
  }

  .admin-row strong,
  .admin-row small{
    overflow-wrap:anywhere!important;
  }

  .admin-row-actions{
    margin-top:10px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .admin-row-actions button,
  .admin-row-actions a,
  .admin-card button{
    min-height:40px!important;
    font-size:12px!important;
    text-align:center!important;
  }

  .admin-table{
    max-height:none!important;
  }

  /* Login mobile */
  body.sant-login-page{
    overflow:auto!important;
  }

  .login-top-left{
    top:12px!important;
    left:12px!important;
  }

  html[dir="rtl"] .login-top-left{
    left:auto!important;
    right:12px!important;
  }

  .login-theme-btn{
    top:12px!important;
    right:12px!important;
  }

  html[dir="rtl"] .login-theme-btn{
    right:auto!important;
    left:12px!important;
  }

  .sant-login-wrap{
    min-height:100svh!important;
    padding:76px 14px 24px!important;
  }

  .sant-login-card{
    width:100%!important;
    min-height:auto!important;
    padding:30px 20px 24px!important;
    border-radius:22px!important;
  }

  .sant-login-logo{
    width:68px!important;
    height:68px!important;
    margin-bottom:20px!important;
  }

  .sant-login-card h1{
    font-size:25px!important;
  }

  .sant-login-sub{
    font-size:13px!important;
    margin-bottom:22px!important;
  }

  .discord-login-btn{
    height:56px!important;
    font-size:13px!important;
  }

  .oauth-box{
    padding:15px!important;
    margin:18px 0 24px!important;
  }

  .oauth-box p{
    font-size:12px!important;
  }

  .login-links{
    gap:10px!important;
  }

  .login-links a,
  .back-home{
    font-size:12px!important;
  }

  /* Modal mobile */
  .modal{
    padding:10px!important;
  }

  .modal-card{
    width:100%!important;
    max-height:88svh!important;
    overflow:auto!important;
    padding:16px!important;
    border-radius:16px!important;
  }

  .modal input,
  .modal button{
    width:100%!important;
    min-height:44px!important;
  }

  .modal-actions{
    display:grid!important;
    gap:8px!important;
  }
}

/* Very small phones */
@media (max-width:430px){
  .dash-v3-kpis,
  .dash-v3-owner,
  .subs-exact-stats,
  .subs-pro-stats,
  .admin-stats{
    grid-template-columns:1fr!important;
  }

  .dash-v3-quick-grid,
  .quick-actions-grid-v2,
  .dash-v3-manage-actions,
  .subs-exact-action-grid,
  .admin-row-actions{
    grid-template-columns:1fr!important;
  }

  .store-hero h1{
    font-size:26px!important;
  }

  .store-stats-line{
    grid-template-columns:1fr!important;
  }

  .product-card{
    padding:15px!important;
  }

  .checkout-steps{
    grid-template-columns:1fr!important;
  }

  .checkout-steps i{
    display:none!important;
  }

  .subs-pro-card-info dl{
    grid-template-columns:1fr!important;
  }
}

/* Prevent desktop hover transforms from causing horizontal scroll on mobile */
@media (max-width:900px){
  .product-card:hover,
  .subs-pro-card:hover,
  .dash-v3-sub-item:hover,
  .admin-row:hover{
    transform:none!important;
  }
}

/* =========================================================
   Norel Store Login Full Redesign - added by ChatGPT
   ========================================================= */
body.sant-login-redesign{
  min-height:100vh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  display:block!important;
  color:#f2ede4!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(129,104,78,.22),transparent 30%),
    radial-gradient(circle at 84% 12%,rgba(129,104,78,.18),transparent 28%),
    linear-gradient(135deg,#15120e 0%,#15120e 46%,#15120e 100%)!important;
}
body.sant-login-redesign::before{display:none!important}
.sant-login-redesign *{box-sizing:border-box}
.sant-login-redesign .login-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.sant-login-redesign .grid-glow{position:absolute;inset:auto -10% -35% -10%;height:62%;background:linear-gradient(rgba(129,104,78,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(129,104,78,.08) 1px,transparent 1px);background-size:64px 64px;transform:perspective(700px) rotateX(62deg);opacity:.28;filter:blur(.2px)}
.sant-login-redesign .orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.85;animation:santOrb 7s ease-in-out infinite}
.sant-login-redesign .orb-one{width:440px;height:440px;right:7%;top:13%;background:radial-gradient(circle,rgba(129,104,78,.28),transparent 64%)}
.sant-login-redesign .orb-two{width:380px;height:380px;left:5%;bottom:4%;background:radial-gradient(circle,rgba(117,94,88,.25),transparent 68%);animation-delay:-2s}
.sant-login-redesign .orb-three{width:170px;height:170px;left:44%;top:12%;background:radial-gradient(circle,rgba(183,148,138,.20),transparent 70%);animation-delay:-4s}
@keyframes santOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.06)}}
.sant-login-redesign .sant-login-top{position:relative;z-index:2;width:min(1540px,calc(100% - 56px));margin:0 auto;padding:28px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sant-login-redesign .sant-login-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-size:25px;font-weight:700;letter-spacing:-.7px}
.sant-login-redesign .sant-login-brand img{width:50px;height:50px;border-radius:16px;object-fit:cover;box-shadow:0 14px 34px rgba(129,104,78,.22)}
.sant-login-redesign .sant-login-brand b{color:#a89a83;font-weight:700}
.sant-login-redesign .sant-login-controls{display:flex;align-items:center;gap:14px}
.sant-login-redesign .login-lang-switch{position:static!important;display:flex!important;gap:6px!important;padding:6px!important;background:rgba(21,17,15,.76)!important;border:1px solid rgba(182,147,137,.22)!important;border-radius:18px!important;backdrop-filter:blur(16px)!important;box-shadow:0 16px 44px rgba(0,0,0,.23)!important}
.sant-login-redesign .login-lang-switch button{height:44px!important;min-width:72px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#c2b6a1!important;font-weight:700!important;font-family:inherit!important;cursor:pointer!important;transition:.22s ease!important}
.sant-login-redesign .login-lang-switch button.active{background:linear-gradient(135deg,#a89a83,#a89a83)!important;color:white!important;box-shadow:0 12px 28px rgba(122,99,92,.34)!important}
.sant-login-redesign .login-theme-btn{position:static!important;width:58px!important;min-width:58px!important;height:56px!important;border-radius:18px!important;background:rgba(21,17,15,.76)!important;border:1px solid rgba(182,147,137,.22)!important;color:#fff!important;backdrop-filter:blur(16px)!important;box-shadow:0 16px 44px rgba(0,0,0,.23)!important}
.sant-login-redesign .sant-auth-stage{position:relative;z-index:1;width:min(1540px,calc(100% - 56px));min-height:calc(100vh - 92px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,620px);gap:48px;align-items:center;padding:34px 0 54px;direction:ltr}
html[dir="rtl"] .sant-login-redesign .sant-auth-stage{direction:ltr}
.sant-login-redesign .sant-auth-showcase,.sant-login-redesign .sant-auth-card{direction:rtl}
html[dir="ltr"] .sant-login-redesign .sant-auth-showcase,html[dir="ltr"] .sant-login-redesign .sant-auth-card{direction:ltr}
.sant-login-redesign .sant-auth-showcase{position:relative;min-height:740px;border-radius:34px;overflow:hidden;padding:56px;background:linear-gradient(135deg,rgba(27,22,20,.62),rgba(16,13,12,.22));border:1px solid rgba(149,120,112,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.sant-login-redesign .sant-auth-showcase::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 46% 56%,rgba(129,104,78,.38),transparent 26%),radial-gradient(circle at 30% 80%,rgba(129,104,78,.25),transparent 26%),linear-gradient(180deg,transparent 0%,rgba(48,40,32,.90) 96%);pointer-events:none}
.sant-login-redesign .sant-auth-showcase::after{content:"";position:absolute;left:-20%;right:-10%;bottom:-12%;height:330px;background:radial-gradient(ellipse at center,rgba(109,88,82,.45),transparent 65%);filter:blur(20px);opacity:.75}
.sant-login-redesign .showcase-copy{position:relative;z-index:2;max-width:580px}
.sant-login-redesign .eyebrow{display:inline-flex;margin:0 0 16px;padding:9px 14px;border-radius:999px;color:#c6b9a2;background:rgba(129,104,78,.12);border:1px solid rgba(148,119,111,.25);font-weight:700;font-size:13px}
.sant-login-redesign .showcase-copy h1{margin:0 0 16px;font-size:clamp(40px,4.8vw,72px);line-height:1.08;font-weight:800;letter-spacing:-2px;background:linear-gradient(90deg,#fff,#a89a83 60%,#a89a83);-webkit-background-clip:text;color:transparent}
.sant-login-redesign .showcase-copy p:not(.eyebrow){margin:0;color:#c2b6a1;font-size:17px;line-height:2;max-width:520px}
.sant-login-redesign .robot-scene{position:absolute;z-index:2;inset:170px 0 120px 0;display:grid;place-items:center;pointer-events:none}
.sant-login-redesign .robot-platform{position:absolute;bottom:90px;width:320px;height:76px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(160,129,120,.45),rgba(123,99,93,.18) 42%,transparent 72%);border:1px solid rgba(129,104,78,.23);box-shadow:0 0 80px rgba(129,104,78,.45)}
.sant-login-redesign .robot-body{position:relative;width:230px;height:210px;border-radius:42% 42% 48% 48%;background:linear-gradient(145deg,#26211a,#3d362b 48%,#302a20);box-shadow:0 35px 75px rgba(0,0,0,.45),0 0 70px rgba(112,90,84,.35);animation:robotFloat 4s ease-in-out infinite}
.sant-login-redesign .robot-face{position:absolute;left:30px;right:30px;top:50px;height:92px;border-radius:34px;background:linear-gradient(180deg,#15120e,#3d362b);box-shadow:inset 0 0 22px rgba(167,134,125,.22);display:flex;align-items:center;justify-content:center;gap:38px}
.sant-login-redesign .robot-face i{width:25px;height:25px;border-radius:50%;background:#544a3b;box-shadow:0 0 22px #544a3b}
.sant-login-redesign .robot-face b{position:absolute;bottom:18px;width:44px;height:16px;border-bottom:5px solid #a89a83;border-radius:50%;display:block}
.sant-login-redesign .robot-ear{position:absolute;top:74px;width:34px;height:58px;border-radius:18px;background:linear-gradient(180deg,#a89a83,#3d362b)}
.sant-login-redesign .robot-ear.left{left:-14px}.sant-login-redesign .robot-ear.right{right:-14px}
.sant-login-redesign .robot-badge{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#a89a83,#a89a83);font-size:24px;font-weight:800;box-shadow:0 0 28px rgba(122,99,92,.45)}
@keyframes robotFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(2deg)}}
.sant-login-redesign .float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:20px;color:#f2ede4;background:rgba(27,22,20,.62);border:1px solid rgba(178,144,134,.22);box-shadow:0 22px 60px rgba(0,0,0,.25);backdrop-filter:blur(18px);font-weight:700}
.sant-login-redesign .float-card b{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(129,104,78,.17);font-size:20px}
.sant-login-redesign .float-card.secure{right:8%;top:24%}.sant-login-redesign .float-card.support{left:12%;bottom:28%}.sant-login-redesign .float-card.speed{right:15%;bottom:18%}
.sant-login-redesign .showcase-stats{position:absolute;z-index:3;left:48px;right:48px;bottom:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:rgba(21,17,15,.72);border:1px solid rgba(178,144,134,.18);border-radius:26px;box-shadow:0 28px 70px rgba(0,0,0,.28);backdrop-filter:blur(20px);overflow:hidden}
.sant-login-redesign .showcase-stats div{padding:22px 16px;text-align:center;border-inline-start:1px solid rgba(255,255,255,.08)}
.sant-login-redesign .showcase-stats div:first-child{border-inline-start:0}
.sant-login-redesign .showcase-stats strong{display:block;font-size:28px;line-height:1;color:#fff}.sant-login-redesign .showcase-stats span{display:block;margin-top:8px;color:#c2b6a1;font-size:13px}
.sant-login-redesign .sant-auth-card{position:relative;min-height:760px;border-radius:34px;padding:54px 56px;background:linear-gradient(145deg,rgba(32,26,24,.88),rgba(48,40,32,.82));border:1px solid rgba(129,104,78,.22);box-shadow:0 32px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(24px);text-align:center;overflow:hidden}
.sant-login-redesign .sant-auth-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#a89a83,#a89a83,transparent 62%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.8}
.sant-login-redesign .auth-logo-ring{position:relative;width:132px;height:132px;margin:0 auto 34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(129,104,78,.35),rgba(124,100,93,.25));box-shadow:0 0 70px rgba(119,96,89,.35)}
.sant-login-redesign .auth-logo-ring::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 180deg,#a89a83,#a89a83,#a89a83);z-index:-1;animation:ringSpin 5s linear infinite}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.sant-login-redesign .auth-logo-ring img{width:96px;height:96px;border-radius:30px;object-fit:cover}
.sant-login-redesign .auth-mini{margin:0 0 8px;color:#c2b6a1;font-weight:700;letter-spacing:.2px}
.sant-login-redesign .sant-auth-card h2{margin:0 0 14px;font-size:46px;line-height:1.15;font-weight:800;letter-spacing:-1.5px;color:#fff}
.sant-login-redesign .auth-sub{margin:0 auto 34px;max-width:470px;color:#c2b6a1;line-height:1.9;font-size:16px}
.sant-login-redesign .discord-login-btn{width:100%!important;height:72px!important;border-radius:18px!important;display:grid!important;grid-template-columns:46px 1fr 42px!important;align-items:center!important;gap:12px!important;padding:0 22px!important;text-decoration:none!important;background:linear-gradient(135deg,#3d362b,#3d362b)!important;color:#fff!important;font-size:20px!important;font-weight:800!important;box-shadow:0 24px 55px rgba(129,104,78,.32)!important;transition:.22s ease!important}
.sant-login-redesign .discord-login-btn:hover{transform:translateY(-3px)!important;box-shadow:0 30px 70px rgba(129,104,78,.42)!important}.sant-login-redesign .discord-login-btn:active{transform:scale(.98)!important}
.sant-login-redesign .discord-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:22px}.sant-login-redesign .discord-login-btn em{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-style:normal}
.sant-login-redesign .auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:28px 0;color:#c2b6a1}.sant-login-redesign .auth-divider::before,.sant-login-redesign .auth-divider::after{content:"";height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}
.sant-login-redesign .oauth-box{margin:0!important;padding:24px!important;border-radius:22px!important;border:1px solid rgba(151,122,114,.23)!important;background:rgba(24,19,18,.58)!important;display:grid!important;grid-template-columns:74px 1fr!important;gap:18px!important;align-items:center!important;text-align:start!important;box-shadow:inset 0 0 40px rgba(129,104,78,.05)!important}
.sant-login-redesign .oauth-icon{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(129,104,78,.28),rgba(129,104,78,.18));font-size:30px;color:#fff}
.sant-login-redesign .oauth-box h3{margin:0 0 10px!important;color:#c2b6a1!important;font-size:18px!important}.sant-login-redesign .oauth-box p{margin:0!important;color:#c2b6a1!important;line-height:1.85!important;font-size:14px!important}
.sant-login-redesign .auth-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.sant-login-redesign .auth-benefits span{min-height:70px;display:grid;place-items:center;gap:4px;border-radius:18px;background:rgba(19,15,14,.55);border:1px solid rgba(178,144,134,.14);color:#f2ede4}.sant-login-redesign .auth-benefits b{font-size:13px}
.sant-login-redesign .login-links{border-top:1px solid rgba(255,255,255,.10)!important;padding-top:24px!important;display:flex!important;justify-content:center!important;gap:14px 26px!important;flex-wrap:wrap!important}.sant-login-redesign .login-links a{color:#c2b6a1!important;text-decoration:none!important;font-size:14px!important;font-weight:600!important}.sant-login-redesign .login-links a:hover{color:#fff!important}
.sant-login-redesign .back-home{height:58px;margin:28px auto 0!important;border-radius:18px;border:1px solid rgba(178,144,134,.16);background:rgba(19,15,14,.42);display:flex!important;align-items:center;justify-content:center;text-decoration:none;color:#f2ede4!important;font-weight:700;transition:.2s ease}.sant-login-redesign .back-home:hover{border-color:#a89a83;transform:translateY(-2px)}
body.sant-login-redesign.light{background:linear-gradient(135deg,#15120e,#26211a 48%,#26211a)!important;color:#f2ede4!important}
body.sant-login-redesign.light .sant-auth-card,body.sant-login-redesign.light .sant-auth-showcase{background:rgba(255,255,255,.76)!important;color:#f2ede4!important;border-color:rgba(129,104,78,.20)!important}
body.sant-login-redesign.light .sant-auth-card h2,body.sant-login-redesign.light .showcase-stats strong{color:#f2ede4!important}
body.sant-login-redesign.light .auth-sub,body.sant-login-redesign.light .oauth-box p,body.sant-login-redesign.light .showcase-copy p:not(.eyebrow),body.sant-login-redesign.light .showcase-stats span{color:#c2b6a1!important}
body.sant-login-redesign.light .oauth-box,body.sant-login-redesign.light .auth-benefits span,body.sant-login-redesign.light .back-home,body.sant-login-redesign.light .showcase-stats{background:rgba(255,255,255,.64)!important;color:#f2ede4!important}
@media(max-width:1120px){.sant-login-redesign .sant-auth-stage{grid-template-columns:1fr;gap:24px}.sant-login-redesign .sant-auth-showcase{min-height:560px}.sant-login-redesign .sant-auth-card{min-height:auto;max-width:720px;margin:0 auto;width:100%}.sant-login-redesign .robot-scene{opacity:.55}.sant-login-redesign .showcase-copy{max-width:100%;text-align:center;margin:auto}.sant-login-redesign .showcase-copy p:not(.eyebrow){margin:auto}.sant-login-redesign .float-card{display:none}}
@media(max-width:720px){.sant-login-redesign .sant-login-top{width:calc(100% - 28px);padding-top:16px;align-items:flex-start}.sant-login-redesign .sant-login-brand span{display:none}.sant-login-redesign .sant-login-brand img{width:44px;height:44px}.sant-login-redesign .sant-login-controls{gap:8px}.sant-login-redesign .login-lang-switch button{height:38px!important;min-width:55px!important;font-size:12px!important}.sant-login-redesign .login-theme-btn{width:46px!important;min-width:46px!important;height:46px!important}.sant-login-redesign .sant-auth-stage{width:calc(100% - 24px);padding:18px 0 28px;min-height:auto}.sant-login-redesign .sant-auth-showcase{min-height:360px;padding:28px 18px;border-radius:26px}.sant-login-redesign .showcase-copy h1{font-size:34px;letter-spacing:-1px}.sant-login-redesign .showcase-copy p:not(.eyebrow){font-size:13px}.sant-login-redesign .robot-scene{display:none}.sant-login-redesign .showcase-stats{position:relative;left:auto;right:auto;bottom:auto;margin-top:28px;grid-template-columns:1fr;border-radius:20px}.sant-login-redesign .showcase-stats div{padding:14px}.sant-login-redesign .sant-auth-card{border-radius:26px;padding:32px 18px}.sant-login-redesign .auth-logo-ring{width:94px;height:94px;margin-bottom:22px}.sant-login-redesign .auth-logo-ring img{width:70px;height:70px;border-radius:22px}.sant-login-redesign .sant-auth-card h2{font-size:34px}.sant-login-redesign .auth-sub{font-size:13px}.sant-login-redesign .discord-login-btn{height:62px!important;font-size:15px!important;grid-template-columns:38px 1fr 34px!important;padding:0 14px!important}.sant-login-redesign .discord-mark{width:38px;height:38px}.sant-login-redesign .discord-login-btn em{width:34px;height:34px}.sant-login-redesign .oauth-box{grid-template-columns:1fr!important;text-align:center!important;padding:20px!important}.sant-login-redesign .oauth-icon{margin:auto}.sant-login-redesign .auth-benefits{grid-template-columns:1fr}.sant-login-redesign .login-links{display:grid!important;gap:12px!important}.sant-login-redesign .back-home{height:54px}}

/* =========================================================
   Norel Store Login Logo Circle Fix
   يجعل شعار صفحة تسجيل الدخول دائري بالكامل ويملأ الدائرة بدون فراغات
   ========================================================= */
.sant-login-redesign .auth-logo-ring{
  width:132px !important;
  height:132px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:50% !important;
  display:block !important;
  place-items:initial !important;
  background:transparent !important;
  border:3px solid rgba(163,131,122,.95) !important;
  box-shadow:
    0 0 0 6px rgba(129,104,78,.16),
    0 0 42px rgba(129,104,78,.36),
    0 18px 44px rgba(0,0,0,.34) !important;
}

.sant-login-redesign .auth-logo-ring::before{
  content:"" !important;
  position:absolute !important;
  inset:-4px !important;
  border-radius:50% !important;
  background:conic-gradient(from 180deg,#a89a83,#a89a83,#a89a83) !important;
  z-index:-1 !important;
  animation:ringSpin 5s linear infinite !important;
}

.sant-login-redesign .auth-logo-ring img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
  border-radius:50% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.06) !important;
  box-shadow:none !important;
}

/* شعار الهيدر أيضًا دائري حتى يكون نفس الهوية */
.sant-login-redesign .sant-login-brand img{
  border-radius:50% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@media(max-width:640px){
  .sant-login-redesign .auth-logo-ring{
    width:104px !important;
    height:104px !important;
  }
  .sant-login-redesign .auth-logo-ring img{
    width:100% !important;
    height:100% !important;
    border-radius:50% !important;
    transform:scale(1.06) !important;
  }
}


/* =========================================================
   Norel Store Terms Modal - login page
   ========================================================= */
body.terms-open{
  overflow:hidden!important;
}
.terms-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:28px;
}
.terms-modal.hidden{
  display:none!important;
}
.terms-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(48,40,32,.72);
  backdrop-filter:blur(14px) saturate(1.1);
}
.terms-modal-backdrop::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 25% 18%,rgba(168,135,126,.22),transparent 30%),
    radial-gradient(circle at 80% 72%,rgba(129,104,78,.18),transparent 34%);
  pointer-events:none;
}
.terms-modal-card{
  position:relative;
  width:min(1060px,96vw);
  height:min(760px,88vh);
  padding:30px 30px 26px;
  border:1px solid rgba(164,132,123,.36);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(48,40,32,.96),rgba(48,40,32,.94));
  box-shadow:0 34px 100px rgba(0,0,0,.58),0 0 80px rgba(129,104,78,.14);
  overflow:hidden;
  animation:termsModalIn .24s ease both;
}
.terms-modal-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(168,135,126,.14),transparent 38%,rgba(129,104,78,.11));
  pointer-events:none;
}
.terms-close{
  position:absolute;
  top:22px;
  inset-inline-start:22px;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(188,151,141,.28);
  background:rgba(27,21,20,.68);
  color:#fff;
  font-size:32px;
  line-height:1;
  cursor:pointer;
  z-index:4;
  display:grid;
  place-items:center;
  transition:.2s ease;
}
.terms-close:hover{
  transform:rotate(90deg) scale(1.04);
  border-color:#a89a83;
  box-shadow:0 0 28px rgba(164,132,123,.28);
}
.terms-header{
  position:relative;
  z-index:2;
  text-align:center;
  margin-bottom:26px;
}
.terms-icon{
  width:92px;
  height:92px;
  margin:0 auto 14px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:42px;
  background:radial-gradient(circle,rgba(168,135,126,.18),rgba(129,104,78,.08));
  border:1px solid rgba(168,135,126,.62);
  box-shadow:0 0 38px rgba(168,135,126,.28), inset 0 0 22px rgba(129,104,78,.1);
}
.terms-kicker{
  margin:0 0 4px!important;
  color:#a89a83!important;
  font-weight:700;
  font-size:12px!important;
  letter-spacing:.5px;
}
.terms-header h2{
  margin:0 0 8px;
  color:#fff;
  font-size:34px;
  font-weight:700;
  letter-spacing:-.7px;
}
.terms-header p{
  margin:0!important;
  color:#9c907d!important;
  font-size:14px!important;
}
.terms-layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:28px;
  height:calc(100% - 184px);
  direction:ltr;
}
html[dir="rtl"] .terms-layout{
  direction:rtl;
}
.terms-nav{
  border:1px solid rgba(188,151,141,.16);
  border-radius:18px;
  background:rgba(48,40,32,.66);
  padding:18px;
  overflow:auto;
}
.terms-nav strong{
  display:block;
  color:#a89a83;
  font-size:16px;
  margin:0 0 14px;
}
.terms-nav a{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:0 14px;
  color:#c2b6a1;
  text-decoration:none;
  border-radius:12px;
  font-weight:600;
  margin-bottom:8px;
  transition:.18s ease;
}
.terms-nav a span{
  width:24px;
  text-align:center;
  opacity:.88;
}
.terms-nav a b{
  font-size:13px;
}
.terms-nav a:hover,
.terms-nav a.active{
  color:#fff;
  background:linear-gradient(135deg,rgba(168,135,126,.42),rgba(129,104,78,.58));
  box-shadow:0 14px 34px rgba(129,104,78,.18);
  transform:translateY(-1px);
}
.terms-content{
  border:1px solid rgba(188,151,141,.16);
  border-radius:18px;
  background:rgba(48,40,32,.58);
  padding:8px 26px 26px;
  overflow:auto;
  scroll-behavior:smooth;
  box-shadow:inset 6px 0 0 rgba(129,104,78,.06);
}
html[dir="rtl"] .terms-content{
  box-shadow:inset -6px 0 0 rgba(129,104,78,.06);
}
.terms-content section{
  padding:28px 0;
  border-bottom:1px solid rgba(188,151,141,.12);
  scroll-margin-top:12px;
}
.terms-content section:last-child{
  border-bottom:0;
}
.terms-content h3{
  margin:0 0 18px;
  color:#a89a83;
  font-size:20px;
  font-weight:700;
}
.terms-content p{
  margin:0!important;
  color:#f2ede4!important;
  font-size:15px!important;
  line-height:2.05!important;
}
body.sant-login-page.light .terms-modal-backdrop{
  background:rgba(237,229,224,.70);
}
body.sant-login-page.light .terms-modal-card,
body.sant-login-page.light .terms-nav,
body.sant-login-page.light .terms-content{
  background:rgba(255,255,255,.94);
  border-color:#26211a;
  color:#f2ede4;
}
body.sant-login-page.light .terms-header h2,
body.sant-login-page.light .terms-content p{
  color:#f2ede4!important;
}
body.sant-login-page.light .terms-header p,
body.sant-login-page.light .terms-nav a{
  color:#c2b6a1!important;
}
body.sant-login-page.light .terms-close{
  background:#fff;
  color:#f2ede4;
  border-color:#26211a;
}
@keyframes termsModalIn{
  from{opacity:0;transform:translateY(18px) scale(.97);filter:blur(1px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@media(max-width:850px){
  .terms-modal{padding:14px}
  .terms-modal-card{height:90vh;padding:24px 16px 18px;border-radius:20px}
  .terms-header h2{font-size:25px}
  .terms-icon{width:72px;height:72px;font-size:34px}
  .terms-layout{grid-template-columns:1fr;height:calc(100% - 166px);gap:12px}
  .terms-nav{display:flex;gap:8px;overflow:auto;padding:10px;border-radius:15px}
  .terms-nav strong{display:none}
  .terms-nav a{min-width:max-content;margin:0;min-height:42px;padding:0 12px}
  .terms-content{padding:4px 18px 18px}
  .terms-content h3{font-size:18px}
  .terms-content p{font-size:13.5px!important;line-height:1.9!important}
  .terms-close{width:42px;height:42px;font-size:28px;top:14px;inset-inline-start:14px}
}


/* Norel Store Neon Icon Pack - global replacement */
.sant-neon-icon{
  width:1.35em;
  height:1.35em;
  min-width:1.35em;
  display:inline-block;
  vertical-align:-0.28em;
  object-fit:contain;
  filter:drop-shadow(0 0 8px rgba(147,119,111,.25));
}
button .sant-neon-icon,a .sant-neon-icon,h1 .sant-neon-icon,h2 .sant-neon-icon,h3 .sant-neon-icon{
  margin-inline:4px;
}
.dash-v3-nav .sant-neon-icon,.dash-v3-kpis .sant-neon-icon,.dash-v3-quick-grid .sant-neon-icon,.product-icon .sant-neon-icon,.subs-exact-stat .sant-neon-icon,.terms-icon .sant-neon-icon{
  width:32px;
  height:32px;
  min-width:32px;
  vertical-align:middle;
}
.dash-icon-btn .sant-neon-icon,.icon-btn .sant-neon-icon,.login-theme-btn .sant-neon-icon{
  width:22px;
  height:22px;
  min-width:22px;
  margin:0;
}
.float-card .sant-neon-icon,.oauth-icon .sant-neon-icon,.discord-mark .sant-neon-icon,.auth-benefits .sant-neon-icon{
  width:24px;
  height:24px;
  min-width:24px;
}
.floating-cart .sant-neon-icon{width:26px;height:26px;min-width:26px;margin:0;}
.product-icon{font-size:0!important;}
.product-icon .sant-neon-icon{width:36px;height:36px;min-width:36px;margin:0;}
.terms-icon .sant-neon-icon{width:64px;height:64px;min-width:64px;margin:0;}
.terms-nav .sant-neon-icon{width:22px;height:22px;min-width:22px;}



/* =========================================================
   Norel Store - Store icons exact size fix
   Fixes empty padding/space inside product icons and keeps each bot icon centered.
   ========================================================= */
.product-icon,
.cart-product-icon,
.store-product-icon,
.product-card .product-icon,
.checkout-cart-item .cart-product-icon{
  position:relative !important;
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  max-width:52px !important;
  min-height:52px !important;
  max-height:52px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  line-height:1 !important;
  background:linear-gradient(135deg,#a89a83,#a89a83) !important;
  box-shadow:0 14px 34px rgba(129,104,78,.30), inset 0 0 16px rgba(255,255,255,.08) !important;
}

.product-icon img,
.cart-product-icon img,
.store-product-icon img,
.product-card .product-icon img,
.checkout-cart-item .cart-product-icon img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:inherit !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
}

.product-icon svg,
.cart-product-icon svg,
.store-product-icon svg,
.product-card .product-icon svg,
.checkout-cart-item .cart-product-icon svg{
  width:74% !important;
  height:74% !important;
  display:block !important;
  margin:auto !important;
  object-fit:contain !important;
}

.product-icon .sant-neon-icon,
.cart-product-icon .sant-neon-icon,
.store-product-icon .sant-neon-icon{
  width:100% !important;
  height:100% !important;
  transform:none !important;
}

.product-icon i,
.cart-product-icon i,
.store-product-icon i,
.product-icon span,
.cart-product-icon span,
.store-product-icon span{
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  height:100% !important;
  font-size:25px !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Product cards: keep icons visually balanced */
.product-head{
  align-items:center !important;
}

.product-card .product-icon{
  margin:0 auto 2px !important;
}

/* If icon files are transparent PNG/WebP with internal whitespace, zoom them slightly */
.product-icon img[src*="icon"],
.product-icon img[src*="bot"],
.product-icon img[src*="neon"],
.cart-product-icon img[src*="icon"],
.cart-product-icon img[src*="bot"],
.cart-product-icon img[src*="neon"]{
  transform:scale(1.18) !important;
}

/* Smaller mobile icon size while still filling the circle */
@media(max-width:700px){
  .product-icon,
  .cart-product-icon,
  .store-product-icon,
  .product-card .product-icon,
  .checkout-cart-item .cart-product-icon{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    border-radius:15px !important;
  }
}



/* =========================================================
   Norel Store Logo Theme - graphite / steel blue icons and store colors
   ========================================================= */
:root{
  --sant-logo-bg:#15120e;
  --sant-logo-panel:#1e1a14;
  --sant-logo-card:#26211a;
  --sant-logo-card2:#26211a;
  --sant-logo-border:color-mix(in srgb, #a89a83 42%, #15120e);
  --sant-logo-line:color-mix(in srgb, #a89a83 58%, #15120e);
  --sant-logo-soft:#c6b9a2;
  --sant-logo-text:#f2ede4;
  --sant-logo-muted:#9c907d;
  --sant-logo-glow:rgba(129,104,78,.28);
}
.store-page-body{
  background:radial-gradient(circle at 70% 0%,rgba(184,153,145,.12),transparent 30%),linear-gradient(180deg,#15120e,#15120e 420px,#15120e)!important;
  color:var(--sant-logo-text)!important;
}
.store-main,.store-hero,.products-grid,.orders-section{color:var(--sant-logo-text)!important}
.store-badge,.store-tools input,.store-tools select,.currency-switch button,.product-card select,.music-qty input,.music-qty button{
  background:linear-gradient(180deg,#15120e,#15120e)!important;
  border-color:var(--sant-logo-border)!important;
  color:var(--sant-logo-text)!important;
}
.currency-switch button.active,.product-bottom button,.checkout-btn.bank,.checkout-wide-btn,.floating-cart{
  background:linear-gradient(180deg,#26211a,#1e1a14)!important;
  color:#f2ede4!important;
  border:1px solid color-mix(in srgb, #a89a83 45%, #15120e)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
}
.store-hero h1{
  background:linear-gradient(90deg,#ddd2be,#a89a83,#a89a83)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.store-hero p,.store-count,.store-stats-line span,.product-card p,.product-meta,.product-price small{color:var(--sant-logo-muted)!important}
.store-stats-line strong,.store-count b,.product-price strong{color:#c2b6a1!important}
.products-grid{justify-content:center!important;justify-items:center!important}
.product-card{
  background:linear-gradient(180deg,#15120e,#15120e)!important;
  border-color:#3d362b!important;
  box-shadow:0 20px 54px rgba(0,0,0,.32)!important;
}
.product-card:hover,.product-card.selected{
  border-color:#a89a83!important;
  box-shadow:0 24px 70px rgba(184,153,145,.16),0 18px 48px rgba(0,0,0,.34)!important;
}
.product-top-line{background:linear-gradient(90deg,transparent,#544a3b,#3d362b,transparent)!important}
.product-head span{color:#f2ede4!important;background:#15120e!important;border-color:#3d362b!important}
.product-meta{border-color:#3d362b!important}
.product-icon,.cart-product-icon,.store-product-icon,.sant-icon-circle{
  width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important;
  padding:0!important;overflow:hidden!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  background:radial-gradient(circle at 45% 35%,#3d362b,#15120e 58%,#15120e)!important;
  border:1px solid rgba(208,200,196,.42)!important;
  box-shadow:0 0 0 1px rgba(184,153,145,.12),0 16px 34px rgba(0,0,0,.34),0 0 28px rgba(184,153,145,.18)!important;
}
.sant-neon-icon,.product-icon img,.cart-product-icon img,.store-product-icon img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;border-radius:inherit!important;padding:0!important;margin:0!important;background:transparent!important;
}
.icon-btn .sant-neon-icon,.login-links .sant-neon-icon,.store-badge .sant-neon-icon,.checkout-btn .sant-neon-icon,.checkout-wide-btn .sant-neon-icon,
.currency-switch .sant-neon-icon,h3 .sant-neon-icon,a .sant-neon-icon,button .sant-neon-icon{
  width:26px!important;height:26px!important;min-width:26px!important;border-radius:50%!important;object-fit:cover!important;vertical-align:middle!important;margin-inline:4px!important;
}
.floating-cart .sant-neon-icon{width:100%!important;height:100%!important;margin:0!important;border-radius:50%!important;object-fit:cover!important}
.cart-product-icon{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important}
.product-icon .sant-neon-icon{transform:scale(1.04)!important}
.store-cart-panel,.checkout-side-cart,.checkout-main-card,.checkout-panel,.bank-info-box,.cart-summary-footer,.checkout-cart-item{
  background:linear-gradient(180deg,#15120e,#15120e)!important;
  border-color:#3d362b!important;
}
.cart-head{border-color:#3d362b!important}.cart-product-info b,.cart-total.final strong{color:#c2b6a1!important}
@media(max-width:700px){.product-icon{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}}



/* =========================================================
   Norel Store Full Website Logo Theme
   Global gray-blue glass theme matching Sant logo
   ========================================================= */
:root{
  --bg:#15120e!important;
  --side:#15120e!important;
  --card:#1e1a14!important;
  --card2:#26211a!important;
  --text:#15120e!important;
  --muted:#544a3b!important;
  --border:#3d362b!important;
  --blue:#a89a83!important;
  --green:#302a20!important;
  --red:#d77070!important;
  --orange:#544a3b!important;
  --sant-logo-main:#302a20!important;
  --sant-logo-soft:#a89a83!important;
  --sant-logo-dark:#15120e!important;
  --sant-glow:rgba(129,104,78,.22)!important;
}

body,
.login-page,
.store-page-body,
.dash-v3-body,
.sant-new-dashboard{
  background:
    radial-gradient(circle at 70% 8%,rgba(129,104,78,.13),transparent 31%),
    radial-gradient(circle at 18% 25%,rgba(124,100,94,.10),transparent 30%),
    linear-gradient(180deg,#15120e 0%,#15120e 100%)!important;
  color:var(--text)!important;
}

.sidebar,
.dash-v3-sidebar,
.app-sidebar-v2,
.topbar,
.dash-v3-topbar,
.dashboard-v2-topbar,
.sant-login-top{
  background:rgba(48,40,32,.92)!important;
  border-color:#3d362b!important;
  box-shadow:0 18px 55px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(16px)!important;
}

.sant-login-brand span b,
.brand span span,
.topbar-brand span span,
.dash-v3-brand span span{
  color:var(--sant-logo-main)!important;
}

nav a.active,
nav a:hover,
.dash-v3-nav .active,
.dash-v3-nav a:hover,
.dash-v3-nav button:hover,
.primary-btn,
.small-btn,
.discord-login-btn,
.checkout-wide-btn,
.checkout-btn.bank,
.product-bottom button,
.currency-switch button.active,
.subs-filters button.active,
.subs-pro-hero-actions button,
.dash-v3-hero-actions button{
  background:linear-gradient(135deg,#302a20,#3d362b)!important;
  border-color:#302a20!important;
  color:#15120e!important;
  box-shadow:0 14px 35px rgba(129,104,78,.22)!important;
}

button:hover,
a:hover,
.product-card:hover,
.product-card.selected,
.panel:hover,
.dash-v3-panel:hover,
.subs-pro-card:hover{
  border-color:#a89a83!important;
  box-shadow:0 20px 55px rgba(129,104,78,.13)!important;
}

.product-card,
.store-cart-panel,
.checkout-main-card,
.checkout-side-cart,
.cart-item,
.order-row,
.panel,
.hero-card,
.mini,
.info-card,
.admin-card,
.admin-hero,
.admin-stats div,
.dash-v3-panel,
.dash-v3-user-card,
.dash-v3-kpis>div,
.owner-card,
.subs-stat-card,
.subs-row,
.subs-pro-card,
.subs-pro-stat,
.sant-auth-card,
.oauth-box,
.terms-modal-card,
.modal-card{
  background:linear-gradient(180deg,rgba(28,28,31,.96),rgba(48,40,32,.96))!important;
  border-color:#3d362b!important;
  box-shadow:0 18px 58px rgba(0,0,0,.25)!important;
}

.product-icon,
.cart-product-icon,
.store-product-icon,
.bot-icon,
.info-icon,
.subs-stat-icon,
.dash-v3-kpis i,
.active-sub-icon,
.notification-pop-icon,
.oauth-icon,
.auth-logo-ring,
.sant-login-logo,
.terms-icon,
.subs-pro-stat i,
.subs-pro-card-icon,
.dash-icon-btn{
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.20),transparent 36%),
    linear-gradient(135deg,#302a20,#a89a83 58%,#26211a)!important;
  color:#26211a!important;
  border:1px solid rgba(212,204,199,.38)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 16px 35px rgba(186,150,139,.22),
    0 0 28px rgba(129,104,78,.18)!important;
}

.product-icon img,
.cart-product-icon img,
.store-product-icon img,
.auth-logo-ring img,
.sant-login-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
  padding:0!important;
  margin:0!important;
}

.product-top-line,
.subs-pro-card:before,
.sant-auth-card:before{
  background:linear-gradient(90deg,transparent,#302a20,transparent)!important;
}

.store-hero h1,
.subs-head h1,
.dash-v3-hero h1 b,
.store-count b,
.product-price strong,
.cart-total.final strong,
.owner-stat-card small,
.oauth-box h3,
.terms-content h3,
.terms-nav button.active{
  color:#c2b6a1!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
}

.store-badge,
.status-pill,
.subs-badge.active,
.dash-v3-user-card p,
.profile-card-v2 span,
.login-lang-switch button.active{
  background:rgba(129,104,78,.13)!important;
  border-color:rgba(129,104,78,.32)!important;
  color:#f2ede4!important;
}

input,
select,
textarea,
.store-tools input,
.store-tools select,
.product-card select,
.billing-grid input,
.billing-grid select,
.dash-v3-search,
.bot-dropdown-head,
.dash-v3-selector>button{
  background:#15120e!important;
  border-color:#3d362b!important;
  color:#f2ede4!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:#302a20!important;
  box-shadow:0 0 0 3px rgba(129,104,78,.12)!important;
}

.floating-cart{
  background:linear-gradient(135deg,#302a20,#a89a83)!important;
  color:#15120e!important;
  box-shadow:0 16px 42px rgba(129,104,78,.28)!important;
}

body.light{
  --bg:#26211a!important;
  --side:#ffffff!important;
  --card:#ffffff!important;
  --card2:#26211a!important;
  --text:#1e1a14!important;
  --muted:#a89a83!important;
  --border:#26211a!important;
  --blue:#a89a83!important;
}

body.light,
body.sant-login-page.light,
.dash-v3-body.light{
  background:linear-gradient(135deg,#26211a,#26211a)!important;
  color:#f2ede4!important;
}

body.light .product-card,
body.light .panel,
body.light .admin-card,
body.light .dash-v3-panel,
body.light .sant-auth-card,
body.light .modal-card{
  background:#1e1a14!important;
  border-color:#26211a!important;
  color:#f2ede4!important;
}




/* =========================================================
   Norel Store Final Logo Color Fix
   Removes remaining blue/purple active colors and matches logo theme.
   ========================================================= */
:root{
  --sant-logo-bg:#15120e!important;
  --sant-logo-card:#1e1a14!important;
  --sant-logo-card2:#26211a!important;
  --sant-logo-border:#3d362b!important;
  --sant-logo-main:#c6b9a2!important;
  --sant-logo-mid:#a89a83!important;
  --sant-logo-dark:#c2b6a1!important;
  --sant-logo-text:#26211a!important;
  --sant-logo-muted:#544a3b!important;
  --sant-logo-glow:rgba(216,174,162,.24)!important;
  --blue:#a89a83!important;
}

/* Sidebar / menu active states */
nav a.active,
nav a:hover,
.sidebar nav a.active,
.sidebar nav a:hover,
.dash-v3-nav .active,
.dash-v3-nav a.active,
.dash-v3-nav button.active,
.dash-v3-nav a:hover,
.dash-v3-nav button:hover,
.app-sidebar-v2 nav a.active,
.app-sidebar-v2 nav a:hover,
[data-page].active,
.menu a.active,
.menu button.active{
  background:linear-gradient(135deg,#c6b9a2 0%,#a89a83 55%,#3d362b 100%)!important;
  color:#15120e!important;
  border-color:#302a20!important;
  box-shadow:0 14px 34px rgba(216,174,162,.25)!important;
}

/* Main primary buttons and old blue/purple gradients */
button.primary,
.primary-btn,
.small-btn,
.discord-login-btn,
.checkout-wide-btn,
.checkout-btn.bank,
.product-bottom button,
.subs-pro-card-actions button,
.subs-pro-hero-actions button,
.dash-v3-manage-actions button,
.dash-v3-hero-actions button,
.dash-v3-quick-grid button:hover,
.dash-v3-quick-grid a:hover,
.subs-pro-upgrade a,
.sidebar-upgrade-card a,
.dash-v3-upgrade a,
.upgrade-card a,
.upgrade-card button,
button[data-action],
.currency-switch button.active,
.login-lang-switch button.active,
.subs-filters button.active,
#renewBtn,
#startBot,
#manageBot,
#saveBtn{
  background:linear-gradient(135deg,#302a20 0%,#a89a83 52%,#9c907d 100%)!important;
  color:#15120e!important;
  border-color:#302a20!important;
  box-shadow:0 16px 38px rgba(216,174,162,.25)!important;
}

/* Specific purple/blue cards/buttons shown in screenshots */
.subs-pro-card-actions button:first-child,
.subs-pro-manage-btn,
.manage-bot-btn,
.bot-manage-btn,
.dash-v3-manage-actions button:first-child,
.subs-pro-upgrade .upgrade-btn,
.upgrade-now,
.upgrade-btn{
  background:linear-gradient(135deg,#302a20 0%,#544a3b 55%,#3d362b 100%)!important;
  color:#15120e!important;
}

/* Progress bars */
.sub-progress span,
.progress-bar span,
.progress-fill,
.subs-pro-progress span,
.subs-pro-progress-fill,
.subscription-progress span,
.product-top-line,
.kpi-card:after,
.owner-card:after{
  background:linear-gradient(90deg,#3d362b 0%,#c6b9a2 45%,#a89a83 100%)!important;
  color:#c6b9a2!important;
  box-shadow:0 0 20px rgba(216,174,162,.20)!important;
}

progress::-webkit-progress-value{
  background:linear-gradient(90deg,#3d362b,#c6b9a2,#a89a83)!important;
}
progress::-moz-progress-bar{
  background:linear-gradient(90deg,#3d362b,#c6b9a2,#a89a83)!important;
}

/* Remaining hard-coded gradient surfaces */
[style*="#c6b9a2"],
[style*="#c6b9a2"],
[style*="#a89a83"],
[style*="#a89a83"]{
  color:inherit;
}

/* Icons and badges */
.product-icon,
.cart-product-icon,
.store-product-icon,
.bot-icon,
.info-icon,
.subs-stat-icon,
.subs-pro-stat i,
.subs-pro-card-icon,
.dash-v3-kpis i,
.notification-pop-icon,
.auth-logo-ring,
.terms-icon,
.oauth-icon{
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.22),transparent 34%),
    linear-gradient(135deg,#302a20 0%,#a89a83 55%,#3d362b 100%)!important;
  border-color:rgba(214,206,202,.38)!important;
  color:#15120e!important;
  box-shadow:0 16px 35px rgba(216,174,162,.22), inset 0 0 16px rgba(255,255,255,.08)!important;
}

/* Links / highlighted text */
a,
.store-count b,
.product-price strong,
.cart-total.final strong,
.dash-v3-hero h1 b,
.oauth-box h3,
.terms-content h3,
.subs-title-icon,
.panel-v2-head button,
.dash-v3-panel-head button,
.dash-v3-panel-head a{
  color:#c2b6a1!important;
}

/* Hover/focus */
button:hover,
a:hover,
.product-card:hover,
.product-card.selected,
.subs-pro-card:hover,
.dash-v3-sub-item:hover{
  border-color:#a89a83!important;
  box-shadow:0 18px 48px rgba(216,174,162,.18)!important;
}

input:focus,
select:focus,
textarea:focus,
.store-tools input:focus,
.store-tools select:focus,
.product-card select:focus{
  border-color:#a89a83!important;
  box-shadow:0 0 0 3px rgba(216,174,162,.13)!important;
}

/* Cart floating button */
.floating-cart{
  background:linear-gradient(135deg,#302a20,#a89a83,#3d362b)!important;
  color:#15120e!important;
  box-shadow:0 16px 42px rgba(216,174,162,.30)!important;
}

/* Replace old blue/purple common classes if used */
.blue,
.purple,
.kpi-card.blue,
.kpi-card.purple{
  color:#c6b9a2!important;
}
.kpi-card.blue i,
.kpi-card.purple i{
  background:rgba(216,174,162,.15)!important;
}

/* Selection and scroll */
::selection{
  background:#c6b9a2!important;
  color:#15120e!important;
}
::-webkit-scrollbar-thumb{
  background:#302a20!important;
  border-radius:999px!important;
}




/* =========================================================
   Norel Store Final UI Fixes
   Login logo-theme colors, small search/notification icons, exact text alignment,
   and removes remaining blue/purple active states.
   ========================================================= */
:root{
  --sant-logo-bg:#15120e!important;
  --sant-logo-card:#15120e!important;
  --sant-logo-card2:#1e1a14!important;
  --sant-logo-border:#3d362b!important;
  --sant-logo-main:#c6b9a2!important;
  --sant-logo-mid:#a89a83!important;
  --sant-logo-dark:#c2b6a1!important;
  --sant-logo-text:#26211a!important;
  --sant-logo-muted:#544a3b!important;
  --sant-logo-glow:rgba(216,174,162,.24)!important;
  --blue:#a89a83!important;
}

/* Login page: remove purple/blue, use logo gray-blue */
body.sant-login-page,
body.login-page{
  background:
    radial-gradient(circle at 74% 14%,rgba(216,174,162,.14),transparent 31%),
    radial-gradient(circle at 18% 45%,rgba(125,101,94,.12),transparent 34%),
    linear-gradient(180deg,#15120e 0%,#15120e 100%)!important;
}
body.sant-login-page::before{
  background:linear-gradient(115deg,rgba(0,0,0,.38),transparent 46%,rgba(216,174,162,.08))!important;
}
.sant-auth-showcase,
.sant-auth-card,
.sant-login-card,
.login-card{
  background:linear-gradient(180deg,rgba(28,28,31,.94),rgba(48,40,32,.96))!important;
  border-color:#3d362b!important;
  box-shadow:0 30px 85px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.03) inset!important;
}
.showcase-copy .eyebrow,
.auth-mini,
.oauth-box h3,
.sant-auth-showcase h1,
.sant-auth-card h2{
  color:#f2ede4!important;
}
.sant-auth-showcase h1,
.showcase-copy h1{
  background:linear-gradient(90deg,#ddd2be,#c6b9a2 58%,#a89a83)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.discord-login-btn,
.login-lang-switch button.active,
.sant-login-card .discord-login-btn{
  background:linear-gradient(135deg,#302a20 0%,#544a3b 54%,#9c907d 100%)!important;
  color:#15120e!important;
  border-color:#302a20!important;
  box-shadow:0 16px 38px rgba(216,174,162,.25)!important;
}
.auth-logo-ring,
.sant-login-logo,
.oauth-icon,
.auth-benefits span,
.float-card{
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.22),transparent 34%),
    linear-gradient(135deg,#302a20 0%,#a89a83 55%,#3d362b 100%)!important;
  border-color:rgba(214,206,202,.38)!important;
  box-shadow:0 16px 35px rgba(216,174,162,.22), inset 0 0 16px rgba(255,255,255,.08)!important;
}
.robot-body,
.robot-face,
.robot-badge{
  filter:saturate(.45) hue-rotate(145deg)!important;
}

/* Fix left login text/image overlap */
.sant-auth-showcase{
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  align-content:center!important;
  padding:34px!important;
}
.showcase-copy{
  position:relative!important;
  z-index:4!important;
  max-width:100%!important;
  text-align:center!important;
}
.showcase-copy h1{
  font-size:clamp(34px,4vw,58px)!important;
  line-height:1.15!important;
  margin:10px auto 14px!important;
  max-width:680px!important;
}
.showcase-copy p:not(.eyebrow){
  max-width:620px!important;
  margin-inline:auto!important;
  line-height:1.8!important;
}
.robot-scene{
  position:relative!important;
  z-index:2!important;
  margin:10px auto 0!important;
  transform:scale(.88)!important;
  transform-origin:center!important;
}
.showcase-stats{
  position:relative!important;
  z-index:5!important;
  margin-top:12px!important;
}

/* Sidebar/list active colors: no blue */
nav a.active,
nav a:hover,
.sidebar nav a.active,
.sidebar nav a:hover,
.dash-v3-nav .active,
.dash-v3-nav a.active,
.dash-v3-nav button.active,
.dash-v3-nav a:hover,
.dash-v3-nav button:hover,
.subs-filters button.active,
.currency-switch button.active,
button.active,
[data-filter].active{
  background:linear-gradient(135deg,#c6b9a2 0%,#a89a83 55%,#3d362b 100%)!important;
  color:#15120e!important;
  border-color:#302a20!important;
  box-shadow:0 14px 34px rgba(216,174,162,.25)!important;
}

/* Bot management buttons: make text centered and contained */
.subs-pro-card-actions,
.dash-v3-manage-actions,
.quick-actions-grid-v2,
.advanced{
  gap:10px!important;
}
.subs-pro-card-actions button,
.dash-v3-manage-actions button,
.quick-actions-grid-v2 button,
.advanced button,
.manage-bot-btn,
.bot-manage-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-width:0!important;
  padding-inline:12px!important;
  background:linear-gradient(135deg,#302a20 0%,#a89a83 52%,#9c907d 100%)!important;
  color:#15120e!important;
  border-color:#302a20!important;
  box-shadow:0 12px 28px rgba(216,174,162,.18)!important;
}
.subs-pro-card-actions button *,
.dash-v3-manage-actions button *,
.quick-actions-grid-v2 button *,
.advanced button *{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Search icons: smaller in subscriptions/store/dashboard */
.search-icon,
.store-tools .search-icon,
.subs-tools .search-icon,
.dash-v3-search > span,
.dash-v3-search > i,
.dash-v3-search svg,
.store-tools svg,
.subs-tools svg,
.subs-pro-tools svg,
.subs-pro-toolbar svg{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  font-size:14px!important;
  line-height:1!important;
  opacity:.72!important;
}
.store-tools input,
.subs-tools input,
.subs-pro-tools input,
.subs-pro-toolbar input,
.dash-v3-search input{
  font-size:12.5px!important;
}

/* Notification icons/images: smaller and clean */
.notification-pop-icon,
.notification-pop-icon img,
.notification-item img,
.notifications-popover img,
.dash-notifications-popover img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:11px!important;
  object-fit:cover!important;
  padding:0!important;
}
.notification-pop-item{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
}
.notifications-popover-list,
#notificationsList{
  overflow-x:hidden!important;
}
.notification-pop-content{
  min-width:0!important;
}

/* Oversized icon in notification/details cards fix */
.subs-pro-activity img,
.dash-v3-activity-row img,
.rail-activity-card img,
.activity img{
  width:36px!important;
  height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  object-fit:cover!important;
  border-radius:12px!important;
}

/* Progress bars and blue/purple remaining gradients */
.sub-progress span,
.progress-bar span,
.progress-fill,
.subs-pro-progress span,
.subs-pro-progress-fill,
.subscription-progress span,
.product-top-line{
  background:linear-gradient(90deg,#3d362b 0%,#c6b9a2 48%,#a89a83 100%)!important;
  box-shadow:0 0 20px rgba(216,174,162,.20)!important;
}
.product-bottom button,
.primary-btn,
.small-btn,
.checkout-wide-btn,
.checkout-btn.bank,
.floating-cart,
.subs-pro-hero-actions button,
.dash-v3-upgrade a,
.sidebar-upgrade-card a,
.upgrade-now,
.upgrade-btn{
  background:linear-gradient(135deg,#302a20 0%,#a89a83 52%,#9c907d 100%)!important;
  color:#15120e!important;
  border-color:#302a20!important;
}

/* Store USD/SAR active and button visuals */
.currency-switch button{
  color:#f2ede4!important;
}
.currency-switch button.active{
  color:#f2ede4!important;
}

/* Mobile login safe */
@media(max-width:900px){
  .sant-auth-stage{
    grid-template-columns:1fr!important;
  }
  .sant-auth-showcase{
    padding:24px!important;
  }
  .robot-scene{
    transform:scale(.72)!important;
    margin-top:-6px!important;
  }
  .showcase-copy h1{
    font-size:34px!important;
  }
}




/* =========================================================
   Final fixes: product icon sizing, notification icon sizing, controls alignment
   ========================================================= */
.product-icon,
.cart-product-icon,
.store-product-icon,
.product-card .product-icon,
.checkout-cart-item .cart-product-icon{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:15px!important;
}
.product-icon img,
.cart-product-icon img,
.store-product-icon img,
.product-card .product-icon img,
.checkout-cart-item .cart-product-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  padding:5px!important;
  border-radius:inherit!important;
}
.product-icon .sant-neon-icon,
.cart-product-icon .sant-neon-icon,
.store-product-icon .sant-neon-icon{
  width:100%!important;
  height:100%!important;
  transform:none!important;
}
.notification-pop-icon,
.notification-pop-icon img,
.notification-item img,
.notifications-popover img,
.dash-v3-activity-row img,
.subs-pro-activity img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  object-fit:contain!important;
  padding:3px!important;
  border-radius:11px!important;
}
.notification-pop-item{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important}
.subs-pro-card-actions button,
.dash-v3-manage-actions button,
.advanced button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.currency-switch button.active,
.subs-filters button.active,
nav a.active,
.dash-v3-nav .active{
  background:linear-gradient(135deg,#c6b9a2,#a89a83,#9c907d)!important;
  color:#15120e!important;
}


/* Recent activity mirrors notifications */
.dash-v3-activity-row.unread{
  border-color:#3d362b!important;
  background:rgba(216,174,162,.10)!important;
}



/* Norel Store Dashboard Final Fix */
.upgrade-card,.sidebar-upgrade-card,.dash-v3-upgrade,.upgrade-account,[data-upgrade-card]{
  display:none!important;height:0!important;min-height:0!important;max-height:0!important;
  padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;
}
.sidebar,.dash-v3-sidebar,.app-sidebar-v2{display:flex!important;flex-direction:column!important}
.sidebar nav,.dash-v3-nav,.app-sidebar-v2 nav{flex:0 0 auto!important}
.sidebar a[href="/logout"],.dash-v3-sidebar a[href="/logout"],.app-sidebar-v2 a[href="/logout"]{margin-top:auto!important}

.dash-v3-hero,.hero-card,.welcome-card,.sant-hero,.subs-pro-hero{
  background:radial-gradient(circle at 82% 26%,rgba(216,174,162,.18),transparent 32%),linear-gradient(135deg,rgba(48,40,32,.98),rgba(48,40,32,.98))!important;
  border-color:#3d362b!important;box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
.dash-v3-hero h1,.dash-v3-hero h1 b,.hero-card h1,.welcome-card h1{
  color:#f2ede4!important;background:none!important;-webkit-text-fill-color:initial!important;
}
.primary-btn,.small-btn,.dash-v3-hero-actions button,.subs-pro-hero-actions button,button.active,nav a.active,.dash-v3-nav .active{
  background:linear-gradient(135deg,#302a20 0%,#a89a83 52%,#9c907d 100%)!important;
  color:#15120e!important;border-color:#302a20!important;box-shadow:0 14px 32px rgba(216,174,162,.22)!important;
}
.subs-stat-card,.dash-v3-kpis>div,.kpi-card,.stat-card{
  background:linear-gradient(180deg,rgba(48,40,32,.96),rgba(48,40,32,.96))!important;
  border-color:#3d362b!important;box-shadow:0 16px 45px rgba(0,0,0,.25)!important;
  position:relative!important;overflow:hidden!important;
}
.subs-stat-icon,.stat-icon,.kpi-icon,.dash-v3-kpis i,.dash-v3-hero-avatar,.hero-avatar,.bot-avatar,.active-sub-icon{
  display:grid!important;place-items:center!important;overflow:hidden!important;padding:0!important;border-radius:50%!important;
}
.subs-stat-icon img,.stat-icon img,.kpi-icon img,.dash-v3-kpis i img,.dash-v3-hero-avatar img,.hero-avatar img,.bot-avatar img,.active-sub-icon img{
  max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;padding:4px!important;transform:none!important;border-radius:inherit!important;
}
.subs-stat-card.active .subs-stat-icon,.subs-stat-card[data-status="active"] .subs-stat-icon,.kpi-card.active .kpi-icon,.stat-card.active .stat-icon{
  border:2px solid #7fd3ac!important;box-shadow:0 0 0 5px rgba(127,211,172,.10),0 0 30px rgba(127,211,172,.30)!important;
}
.subs-stat-card.ended .subs-stat-icon,.subs-stat-card[data-status="ended"] .subs-stat-icon,.kpi-card.ended .kpi-icon,.stat-card.ended .stat-icon{
  border:2px solid #e3697a!important;box-shadow:0 0 0 5px rgba(255,77,101,.10),0 0 30px rgba(255,77,101,.26)!important;
}
.subs-stat-card.soon .subs-stat-icon,.subs-stat-card.near .subs-stat-icon,.subs-stat-card[data-status="soon"] .subs-stat-icon,.kpi-card.soon .kpi-icon,.stat-card.soon .stat-icon{
  border:2px solid #302a20!important;box-shadow:0 0 0 5px rgba(217,209,205,.10),0 0 30px rgba(217,209,205,.24)!important;
}
.subs-stat-card.total .subs-stat-icon,.subs-stat-card[data-status="total"] .subs-stat-icon,.kpi-card.total .kpi-icon,.stat-card.total .stat-icon{
  border:2px solid #3d362b!important;box-shadow:0 0 0 5px rgba(216,174,162,.10),0 0 30px rgba(216,174,162,.22)!important;
}
.subs-stats-grid .subs-stat-card:nth-child(1) .subs-stat-icon{border:2px solid #3d362b!important;box-shadow:0 0 0 5px rgba(216,174,162,.10),0 0 30px rgba(216,174,162,.22)!important}
.subs-stats-grid .subs-stat-card:nth-child(2) .subs-stat-icon{border:2px solid #7fd3ac!important;box-shadow:0 0 0 5px rgba(127,211,172,.10),0 0 30px rgba(127,211,172,.30)!important}
.subs-stats-grid .subs-stat-card:nth-child(3) .subs-stat-icon{border:2px solid #e3697a!important;box-shadow:0 0 0 5px rgba(255,77,101,.10),0 0 30px rgba(255,77,101,.26)!important}
.subs-stats-grid .subs-stat-card:nth-child(4) .subs-stat-icon{border:2px solid #302a20!important;box-shadow:0 0 0 5px rgba(217,209,205,.10),0 0 30px rgba(217,209,205,.24)!important}
.subs-stat-card:active .subs-stat-icon,.subs-stat-card.selected .subs-stat-icon,.kpi-card:active .kpi-icon,.kpi-card.selected .kpi-icon,.stat-card:active .stat-icon,.stat-card.selected .stat-icon{
  transform:scale(.96)!important;transition:.18s ease!important;
}




/* =========================================================
   Norel Store My Subscriptions Page Only Fix
   لا يغير لوحة التحكم، فقط قائمة اشتراكاتي.
   ========================================================= */

#subscriptionsPage .subs-pro-hero,
#subscriptionsPage .subs-head,
#subscriptionsPage .subs-pro-card,
#subscriptionsPage .subs-row,
#subscriptionsPage .subs-stat-card,
#subscriptionsPage .subs-pro-stat,
.subscriptions-page .subs-pro-hero,
.subscriptions-page .subs-head,
.subscriptions-page .subs-pro-card,
.subscriptions-page .subs-row,
.subscriptions-page .subs-stat-card,
.subscriptions-page .subs-pro-stat,
.subs-pro-page .subs-pro-hero,
.subs-pro-page .subs-pro-card,
.subs-pro-page .subs-row,
.subs-pro-page .subs-stat-card,
.subs-pro-page .subs-pro-stat{
  background:
    radial-gradient(circle at 80% 18%,rgba(216,174,162,.14),transparent 32%),
    linear-gradient(135deg,rgba(48,40,32,.98),rgba(48,40,32,.98))!important;
  border-color:#3d362b!important;
  box-shadow:0 18px 58px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.025)!important;
}

#subscriptionsPage .subs-pro-hero:before,
.subscriptions-page .subs-pro-hero:before,
.subs-pro-page .subs-pro-hero:before{
  background:radial-gradient(circle at 82% 25%,rgba(216,174,162,.18),transparent 30%)!important;
}

#subscriptionsPage .subs-pro-hero h1,
#subscriptionsPage .subs-head h1,
.subscriptions-page .subs-pro-hero h1,
.subscriptions-page .subs-head h1,
.subs-pro-page .subs-pro-hero h1{
  color:#f2ede4!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
}

/* أزرار وفلاتر اشتراكاتي فقط بدون أزرق */
#subscriptionsPage .subs-filters button.active,
#subscriptionsPage .subs-pro-hero-actions button,
#subscriptionsPage .subs-pro-card-actions button,
.subscriptions-page .subs-filters button.active,
.subscriptions-page .subs-pro-hero-actions button,
.subscriptions-page .subs-pro-card-actions button,
.subs-pro-page .subs-filters button.active,
.subs-pro-page .subs-pro-hero-actions button,
.subs-pro-page .subs-pro-card-actions button{
  background:linear-gradient(135deg,#302a20 0%,#a89a83 52%,#9c907d 100%)!important;
  color:#15120e!important;
  border-color:#302a20!important;
  box-shadow:0 14px 34px rgba(216,174,162,.22)!important;
}

/* صور الأيقونات داخل قائمة اشتراكاتي فقط تظهر كاملة */
#subscriptionsPage .subs-stat-icon,
#subscriptionsPage .subs-pro-stat i,
#subscriptionsPage .subs-row-icon,
#subscriptionsPage .subs-pro-card-icon,
#subscriptionsPage .subs-pro-robot-core,
.subscriptions-page .subs-stat-icon,
.subscriptions-page .subs-pro-stat i,
.subscriptions-page .subs-row-icon,
.subscriptions-page .subs-pro-card-icon,
.subscriptions-page .subs-pro-robot-core,
.subs-pro-page .subs-stat-icon,
.subs-pro-page .subs-pro-stat i,
.subs-pro-page .subs-row-icon,
.subs-pro-page .subs-pro-card-icon,
.subs-pro-page .subs-pro-robot-core{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(135deg,#302a20 0%,#a89a83 55%,#3d362b 100%)!important;
  color:#1e1a14!important;
  border:2px solid #3d362b!important;
  box-shadow:0 0 0 5px rgba(216,174,162,.10),0 0 28px rgba(216,174,162,.22)!important;
}

#subscriptionsPage .subs-stat-icon img,
#subscriptionsPage .subs-pro-stat i img,
#subscriptionsPage .subs-row-icon img,
#subscriptionsPage .subs-pro-card-icon img,
.subscriptions-page .subs-stat-icon img,
.subscriptions-page .subs-pro-stat i img,
.subscriptions-page .subs-row-icon img,
.subscriptions-page .subs-pro-card-icon img,
.subs-pro-page .subs-stat-icon img,
.subs-pro-page .subs-pro-stat i img,
.subs-pro-page .subs-row-icon img,
.subs-pro-page .subs-pro-card-icon img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:5px!important;
  margin:0!important;
  transform:none!important;
  border-radius:inherit!important;
}

/* ألوان الحلقة حسب حالة الكرت في قائمة اشتراكاتي */
#subscriptionsPage .sant-sub-active .subs-stat-icon,
#subscriptionsPage .sant-sub-active .subs-pro-card-icon,
#subscriptionsPage .sant-sub-active .subs-row-icon,
#subscriptionsPage .sant-sub-active i,
.subscriptions-page .sant-sub-active .subs-stat-icon,
.subscriptions-page .sant-sub-active .subs-pro-card-icon,
.subscriptions-page .sant-sub-active .subs-row-icon,
.subscriptions-page .sant-sub-active i,
.subs-pro-page .sant-sub-active .subs-stat-icon,
.subs-pro-page .sant-sub-active .subs-pro-card-icon,
.subs-pro-page .sant-sub-active .subs-row-icon,
.subs-pro-page .sant-sub-active i{
  border-color:#7fd3ac!important;
  box-shadow:0 0 0 5px rgba(127,211,172,.12),0 0 32px rgba(127,211,172,.32)!important;
}

#subscriptionsPage .sant-sub-ended .subs-stat-icon,
#subscriptionsPage .sant-sub-ended .subs-pro-card-icon,
#subscriptionsPage .sant-sub-ended .subs-row-icon,
#subscriptionsPage .sant-sub-ended i,
.subscriptions-page .sant-sub-ended .subs-stat-icon,
.subscriptions-page .sant-sub-ended .subs-pro-card-icon,
.subscriptions-page .sant-sub-ended .subs-row-icon,
.subscriptions-page .sant-sub-ended i,
.subs-pro-page .sant-sub-ended .subs-stat-icon,
.subs-pro-page .sant-sub-ended .subs-pro-card-icon,
.subs-pro-page .sant-sub-ended .subs-row-icon,
.subs-pro-page .sant-sub-ended i{
  border-color:#e3697a!important;
  box-shadow:0 0 0 5px rgba(255,77,101,.12),0 0 32px rgba(255,77,101,.30)!important;
}

#subscriptionsPage .sant-sub-soon .subs-stat-icon,
#subscriptionsPage .sant-sub-soon .subs-pro-card-icon,
#subscriptionsPage .sant-sub-soon .subs-row-icon,
#subscriptionsPage .sant-sub-soon i,
.subscriptions-page .sant-sub-soon .subs-stat-icon,
.subscriptions-page .sant-sub-soon .subs-pro-card-icon,
.subscriptions-page .sant-sub-soon .subs-row-icon,
.subscriptions-page .sant-sub-soon i,
.subs-pro-page .sant-sub-soon .subs-stat-icon,
.subs-pro-page .sant-sub-soon .subs-pro-card-icon,
.subs-pro-page .sant-sub-soon .subs-row-icon,
.subs-pro-page .sant-sub-soon i{
  border-color:#302a20!important;
  box-shadow:0 0 0 5px rgba(217,209,205,.12),0 0 32px rgba(217,209,205,.27)!important;
}

#subscriptionsPage .sant-sub-total .subs-stat-icon,
#subscriptionsPage .sant-sub-total .subs-pro-card-icon,
#subscriptionsPage .sant-sub-total .subs-row-icon,
#subscriptionsPage .sant-sub-total i,
.subscriptions-page .sant-sub-total .subs-stat-icon,
.subscriptions-page .sant-sub-total .subs-pro-card-icon,
.subscriptions-page .sant-sub-total .subs-row-icon,
.subscriptions-page .sant-sub-total i,
.subs-pro-page .sant-sub-total .subs-stat-icon,
.subs-pro-page .sant-sub-total .subs-pro-card-icon,
.subs-pro-page .sant-sub-total .subs-row-icon,
.subs-pro-page .sant-sub-total i{
  border-color:#3d362b!important;
  box-shadow:0 0 0 5px rgba(216,174,162,.12),0 0 32px rgba(216,174,162,.25)!important;
}

/* عند الضغط على كرت داخل اشتراكاتي فقط */
#subscriptionsPage .subs-stat-card.selected .subs-stat-icon,
#subscriptionsPage .subs-pro-card.selected .subs-pro-card-icon,
#subscriptionsPage .subs-row.selected .subs-row-icon,
.subscriptions-page .subs-stat-card.selected .subs-stat-icon,
.subscriptions-page .subs-pro-card.selected .subs-pro-card-icon,
.subscriptions-page .subs-row.selected .subs-row-icon,
.subs-pro-page .subs-stat-card.selected .subs-stat-icon,
.subs-pro-page .subs-pro-card.selected .subs-pro-card-icon,
.subs-pro-page .subs-row.selected .subs-row-icon{
  transform:scale(.96)!important;
  outline:2px solid rgba(255,255,255,.20)!important;
  outline-offset:3px!important;
}

/* fallback حسب ترتيب كروت الإحصائيات داخل اشتراكاتي فقط */
#subscriptionsPage .subs-stats .subs-stat-card:nth-child(1) .subs-stat-icon,
.subscriptions-page .subs-stats .subs-stat-card:nth-child(1) .subs-stat-icon,
.subs-pro-page .subs-stats .subs-stat-card:nth-child(1) .subs-stat-icon{
  border-color:#3d362b!important;
}
#subscriptionsPage .subs-stats .subs-stat-card:nth-child(2) .subs-stat-icon,
.subscriptions-page .subs-stats .subs-stat-card:nth-child(2) .subs-stat-icon,
.subs-pro-page .subs-stats .subs-stat-card:nth-child(2) .subs-stat-icon{
  border-color:#7fd3ac!important;
}
#subscriptionsPage .subs-stats .subs-stat-card:nth-child(3) .subs-stat-icon,
.subscriptions-page .subs-stats .subs-stat-card:nth-child(3) .subs-stat-icon,
.subs-pro-page .subs-stats .subs-stat-card:nth-child(3) .subs-stat-icon{
  border-color:#e3697a!important;
}
#subscriptionsPage .subs-stats .subs-stat-card:nth-child(4) .subs-stat-icon,
.subscriptions-page .subs-stats .subs-stat-card:nth-child(4) .subs-stat-icon,
.subs-pro-page .subs-stats .subs-stat-card:nth-child(4) .subs-stat-icon{
  border-color:#302a20!important;
}

/* شريط التقدم داخل اشتراكاتي فقط */
#subscriptionsPage .sub-progress span,
#subscriptionsPage .progress-fill,
#subscriptionsPage .subs-pro-progress span,
.subscriptions-page .sub-progress span,
.subscriptions-page .progress-fill,
.subscriptions-page .subs-pro-progress span,
.subs-pro-page .sub-progress span,
.subs-pro-page .progress-fill,
.subs-pro-page .subs-pro-progress span{
  background:linear-gradient(90deg,#3d362b 0%,#c6b9a2 48%,#a89a83 100%)!important;
  color:#c6b9a2!important;
  box-shadow:0 0 20px rgba(216,174,162,.18)!important;
}




/* =========================================================
   Norel Store My Subscriptions Exact Requested Fix
   يعدل قائمة اشتراكاتي فقط: الهيدر، الصورة، ألوان الضغط.
   ========================================================= */

/* هيدر اشتراكاتي العلوي: إزالة الأزرق */
#subscriptionsPage .subs-pro-hero,
#subscriptionsPage .subscriptions-hero,
#subscriptionsPage .welcome-card,
#subscriptionsPage .hero-card,
#subscriptionsPage .dash-v3-hero,
.subscriptions-page .subs-pro-hero,
.subscriptions-page .subscriptions-hero,
.subscriptions-page .welcome-card,
.subscriptions-page .hero-card,
.subs-pro-page .subs-pro-hero,
.subs-pro-page .subscriptions-hero,
.subs-pro-page .welcome-card,
.subs-pro-page .hero-card{
  background:
    radial-gradient(circle at 82% 28%, rgba(216,174,162,.16), transparent 30%),
    linear-gradient(135deg, rgba(48,40,32,.98), rgba(48,40,32,.98))!important;
  border-color:#3d362b!important;
  box-shadow:0 18px 58px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025)!important;
}

#subscriptionsPage .subs-pro-hero::before,
#subscriptionsPage .subscriptions-hero::before,
#subscriptionsPage .welcome-card::before,
#subscriptionsPage .hero-card::before,
.subscriptions-page .subs-pro-hero::before,
.subscriptions-page .subscriptions-hero::before,
.subscriptions-page .welcome-card::before,
.subscriptions-page .hero-card::before{
  background:
    radial-gradient(circle at 82% 25%, rgba(216,174,162,.18), transparent 28%),
    linear-gradient(90deg, transparent, rgba(216,174,162,.12), transparent)!important;
}

#subscriptionsPage .subs-pro-hero h1,
#subscriptionsPage .subscriptions-hero h1,
#subscriptionsPage .welcome-card h1,
#subscriptionsPage .hero-card h1,
.subscriptions-page .subs-pro-hero h1,
.subscriptions-page .subscriptions-hero h1,
.subscriptions-page .welcome-card h1,
.subscriptions-page .hero-card h1{
  color:#f2ede4!important;
  background:none!important;
  -webkit-text-fill-color:initial!important;
}

/* صورة الروبوت في الهيدر: كاملة داخل الدائرة بدون قص */
#subscriptionsPage .subs-pro-hero img,
#subscriptionsPage .subscriptions-hero img,
#subscriptionsPage .welcome-card img,
#subscriptionsPage .hero-card img,
.subscriptions-page .subs-pro-hero img,
.subscriptions-page .subscriptions-hero img,
.subscriptions-page .welcome-card img,
.subscriptions-page .hero-card img{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  padding:5px!important;
}

/* دائرة صورة الهيدر بدون لون أزرق */
#subscriptionsPage .hero-avatar,
#subscriptionsPage .dash-v3-hero-avatar,
#subscriptionsPage .subs-pro-avatar,
#subscriptionsPage .bot-avatar,
.subscriptions-page .hero-avatar,
.subscriptions-page .dash-v3-hero-avatar,
.subscriptions-page .subs-pro-avatar,
.subscriptions-page .bot-avatar{
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(135deg,#302a20 0%,#a89a83 55%,#3d362b 100%)!important;
  border:2px solid #3d362b!important;
  box-shadow:0 0 0 6px rgba(216,174,162,.12),0 0 34px rgba(216,174,162,.25)!important;
  overflow:hidden!important;
}

/* كروت إحصائيات اشتراكاتي فقط */
#subscriptionsPage .subs-stat-card,
#subscriptionsPage .subs-pro-stat,
#subscriptionsPage .stat-card,
#subscriptionsPage .kpi-card,
.subscriptions-page .subs-stat-card,
.subscriptions-page .subs-pro-stat,
.subscriptions-page .stat-card,
.subscriptions-page .kpi-card,
.subs-pro-page .subs-stat-card,
.subs-pro-page .subs-pro-stat,
.subs-pro-page .stat-card,
.subs-pro-page .kpi-card{
  background:
    radial-gradient(circle at 75% 22%, rgba(216,174,162,.10), transparent 35%),
    linear-gradient(180deg, rgba(48,40,32,.96), rgba(48,40,32,.96))!important;
  border:1px solid #3d362b!important;
  box-shadow:0 16px 45px rgba(0,0,0,.25)!important;
  transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease!important;
}

/* أيقونات كروت اشتراكاتي: الصورة كاملة */
#subscriptionsPage .subs-stat-icon,
#subscriptionsPage .subs-pro-stat i,
#subscriptionsPage .stat-icon,
#subscriptionsPage .kpi-icon,
.subscriptions-page .subs-stat-icon,
.subscriptions-page .subs-pro-stat i,
.subscriptions-page .stat-icon,
.subscriptions-page .kpi-icon,
.subs-pro-page .subs-stat-icon,
.subs-pro-page .subs-pro-stat i,
.subs-pro-page .stat-icon,
.subs-pro-page .kpi-icon{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:0!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 32% 18%,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(135deg,#302a20 0%,#a89a83 55%,#3d362b 100%)!important;
  color:#1e1a14!important;
  border:2px solid #3d362b!important;
  box-shadow:0 0 0 5px rgba(216,174,162,.10),0 0 28px rgba(216,174,162,.22)!important;
}

#subscriptionsPage .subs-stat-icon img,
#subscriptionsPage .subs-pro-stat i img,
#subscriptionsPage .stat-icon img,
#subscriptionsPage .kpi-icon img,
.subscriptions-page .subs-stat-icon img,
.subscriptions-page .subs-pro-stat i img,
.subscriptions-page .stat-icon img,
.subscriptions-page .kpi-icon img,
.subs-pro-page .subs-stat-icon img,
.subs-pro-page .subs-pro-stat i img,
.subs-pro-page .stat-icon img,
.subs-pro-page .kpi-icon img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:5px!important;
  margin:0!important;
  transform:none!important;
  border-radius:inherit!important;
}

/* عند الضغط: لون حول الخانة والأيقونة حسب نفس لون الخط */
#subscriptionsPage .sant-sub-active.selected,
.subscriptions-page .sant-sub-active.selected,
.subs-pro-page .sant-sub-active.selected{
  border-color:#7fd3ac!important;
  box-shadow:0 0 0 1px rgba(127,211,172,.45),0 0 34px rgba(127,211,172,.20)!important;
}
#subscriptionsPage .sant-sub-active.selected .subs-stat-icon,
#subscriptionsPage .sant-sub-active.selected i,
.subscriptions-page .sant-sub-active.selected .subs-stat-icon,
.subscriptions-page .sant-sub-active.selected i,
.subs-pro-page .sant-sub-active.selected .subs-stat-icon,
.subs-pro-page .sant-sub-active.selected i{
  border-color:#7fd3ac!important;
  box-shadow:0 0 0 5px rgba(127,211,172,.14),0 0 35px rgba(127,211,172,.34)!important;
}

#subscriptionsPage .sant-sub-ended.selected,
.subscriptions-page .sant-sub-ended.selected,
.subs-pro-page .sant-sub-ended.selected{
  border-color:#e3697a!important;
  box-shadow:0 0 0 1px rgba(255,77,101,.45),0 0 34px rgba(255,77,101,.20)!important;
}
#subscriptionsPage .sant-sub-ended.selected .subs-stat-icon,
#subscriptionsPage .sant-sub-ended.selected i,
.subscriptions-page .sant-sub-ended.selected .subs-stat-icon,
.subscriptions-page .sant-sub-ended.selected i,
.subs-pro-page .sant-sub-ended.selected .subs-stat-icon,
.subs-pro-page .sant-sub-ended.selected i{
  border-color:#e3697a!important;
  box-shadow:0 0 0 5px rgba(255,77,101,.14),0 0 35px rgba(255,77,101,.34)!important;
}

#subscriptionsPage .sant-sub-soon.selected,
.subscriptions-page .sant-sub-soon.selected,
.subs-pro-page .sant-sub-soon.selected{
  border-color:#302a20!important;
  box-shadow:0 0 0 1px rgba(217,209,205,.42),0 0 34px rgba(217,209,205,.18)!important;
}
#subscriptionsPage .sant-sub-soon.selected .subs-stat-icon,
#subscriptionsPage .sant-sub-soon.selected i,
.subscriptions-page .sant-sub-soon.selected .subs-stat-icon,
.subscriptions-page .sant-sub-soon.selected i,
.subs-pro-page .sant-sub-soon.selected .subs-stat-icon,
.subs-pro-page .sant-sub-soon.selected i{
  border-color:#302a20!important;
  box-shadow:0 0 0 5px rgba(217,209,205,.14),0 0 35px rgba(217,209,205,.28)!important;
}

#subscriptionsPage .sant-sub-total.selected,
.subscriptions-page .sant-sub-total.selected,
.subs-pro-page .sant-sub-total.selected{
  border-color:#a89a83!important;
  box-shadow:0 0 0 1px rgba(216,174,162,.42),0 0 34px rgba(216,174,162,.18)!important;
}
#subscriptionsPage .sant-sub-total.selected .subs-stat-icon,
#subscriptionsPage .sant-sub-total.selected i,
.subscriptions-page .sant-sub-total.selected .subs-stat-icon,
.subscriptions-page .sant-sub-total.selected i,
.subs-pro-page .sant-sub-total.selected .subs-stat-icon,
.subs-pro-page .sant-sub-total.selected i{
  border-color:#a89a83!important;
  box-shadow:0 0 0 5px rgba(216,174,162,.14),0 0 35px rgba(216,174,162,.28)!important;
}

/* الخط السفلي يبقى كما هو، والضغط يضيف الإطار فقط */
#subscriptionsPage .subs-stat-card.selected,
#subscriptionsPage .subs-pro-stat.selected,
.subscriptions-page .subs-stat-card.selected,
.subscriptions-page .subs-pro-stat.selected,
.subs-pro-page .subs-stat-card.selected,
.subs-pro-page .subs-pro-stat.selected{
  transform:translateY(-1px)!important;
}









/* Exact removal: only the Welcome card inside My Subscriptions */
#subscriptionsPage .subs-exact-hero{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}

/* Fix icon vertical alignment without hiding any card */
#dashboardPage .dash-v3-bot-art img,
#subscriptionsPage .sant-neon-icon{
  object-fit:contain!important;
  object-position:center!important;
  vertical-align:middle!important;
}


/* Smaller hero/search images */
.hero-image img,
.hero-banner img,
.hero-art img,
.dash-v3-bot-art img,
.hero-robot img,
.subs-exact-hero img{
    transform:scale(.62)!important;
    object-fit:contain!important;
}

.search-icon img,
.search-card img,
.search-result-icon img,
.search-result-avatar img,
.search-bot-icon img,
.search-item img,
.search-box img{
    width:60%!important;
    height:60%!important;
    max-width:60%!important;
    max-height:60%!important;
    object-fit:contain!important;
    margin:auto!important;
    display:block!important;
}

.search-icon,
.search-card,
.search-result-icon,
.search-result-avatar,
.search-bot-icon,
.search-item{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
}


/* Extra small hero/search images */
.hero-image img,
.hero-banner img,
.hero-art img,
.dash-v3-bot-art img,
.hero-robot img,
.subs-exact-hero img{
    transform:scale(.45)!important;
    object-fit:contain!important;
    object-position:center!important;
}

.search-icon img,
.search-card img,
.search-result-icon img,
.search-result-avatar img,
.search-bot-icon img,
.search-item img,
.search-box img{
    width:42%!important;
    height:42%!important;
    max-width:42%!important;
    max-height:42%!important;
    object-fit:contain!important;
    object-position:center!important;
}


/* Final icon sizing */
.hero-image img,
.hero-banner img,
.hero-art img,
.dash-v3-bot-art img,
.hero-robot img,
.subs-exact-hero img{
    transform:translateX(-6%) scale(.38)!important;
    transform-origin:center center!important;
    object-fit:contain!important;
    object-position:center!important;
}

.search-icon img,
.search-card img,
.search-result-icon img,
.search-result-avatar img,
.search-bot-icon img,
.search-item img,
.search-box img{
    width:50%!important;
    height:50%!important;
    max-width:50%!important;
    max-height:50%!important;
    object-fit:contain!important;
    object-position:center!important;
}


/* Force search icon to exactly 50% */
.search-box img,
.search-icon img,
.search-result img,
.search-result-icon img,
.search-result-avatar img,
.search-bot-icon img,
.search-item img,
.search-input img{
    width:50% !important;
    height:50% !important;
    max-width:50% !important;
    max-height:50% !important;
    min-width:50% !important;
    min-height:50% !important;
    object-fit:contain !important;
    object-position:center !important;
    display:block !important;
    margin:auto !important;
    transform:none !important;
}

.search-box,
.search-icon,
.search-result,
.search-result-icon,
.search-result-avatar,
.search-bot-icon,
.search-item,
.search-input{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
}

/* Norel Store login v4 */
body.sant-login-v4{
  min-height:100vh!important;
  background:
    linear-gradient(135deg,rgba(129,104,78,.10) 0,transparent 30%),
    linear-gradient(180deg,#15120e 0%,#15120e 46%,#15120e 100%)!important;
  color:#f2ede4!important;
  overflow-x:hidden!important;
}
body.sant-login-v4::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(129,104,78,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(129,104,78,.045) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,transparent,black 24%,black 72%,transparent);
  opacity:.48;
}
.sant-login-v4 *,
.sant-login-v4 *::before,
.sant-login-v4 *::after{
  letter-spacing:0!important;
}
.sant-login-v4 .login-bg{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(115deg,rgba(129,104,78,.13),transparent 26%),
    linear-gradient(245deg,rgba(130,105,98,.16),transparent 34%);
}
.sant-login-v4 .orb,
.sant-login-v4 .grid-glow{
  display:none!important;
}
.sant-login-v4 .sant-login-top{
  position:relative!important;
  z-index:3!important;
  width:min(1420px,calc(100% - 56px))!important;
  margin:0 auto!important;
  padding:22px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.sant-login-v4 .sant-login-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#f2ede4!important;
  text-decoration:none!important;
  font-size:24px!important;
  font-weight:700!important;
}
.sant-login-v4 .sant-login-brand img{
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:1px solid rgba(129,104,78,.42)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 28px rgba(129,104,78,.18)!important;
}
.sant-login-v4 .sant-login-brand b{
  color:#a89a83!important;
}
.sant-login-v4 .sant-login-controls{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.sant-login-v4 .login-lang-switch{
  position:static!important;
  display:flex!important;
  gap:5px!important;
  padding:5px!important;
  border-radius:14px!important;
  background:rgba(28,28,31,.82)!important;
  border:1px solid rgba(129,104,78,.20)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(16px)!important;
}
.sant-login-v4 .login-lang-switch button{
  min-width:66px!important;
  height:40px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#c2b6a1!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.sant-login-v4 .login-lang-switch button.active{
  background:#a89a83!important;
  color:#15120e!important;
  box-shadow:0 10px 24px rgba(129,104,78,.28)!important;
}
.sant-login-v4 .login-theme-btn{
  position:static!important;
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  border-radius:14px!important;
  border:1px solid rgba(129,104,78,.20)!important;
  background:rgba(28,28,31,.82)!important;
  color:#f2ede4!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(16px)!important;
}
.sant-login-v4 .sant-auth-stage{
  position:relative!important;
  z-index:2!important;
  width:min(1420px,calc(100% - 56px))!important;
  min-height:calc(100vh - 78px)!important;
  margin:0 auto!important;
  padding:28px 0 54px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(380px,500px)!important;
  gap:54px!important;
  align-items:center!important;
  direction:ltr!important;
}
.sant-login-v4 .sant-auth-showcase,
.sant-login-v4 .sant-auth-card{
  direction:rtl!important;
}
html[dir="ltr"] .sant-login-v4 .sant-auth-showcase,
html[dir="ltr"] .sant-login-v4 .sant-auth-card{
  direction:ltr!important;
}
.sant-login-v4 .sant-auth-showcase{
  position:relative!important;
  min-height:660px!important;
  padding:36px 0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sant-login-v4 .sant-auth-showcase::before,
.sant-login-v4 .sant-auth-showcase::after{
  display:none!important;
}
.sant-login-v4 .showcase-copy{
  position:relative!important;
  z-index:4!important;
  max-width:590px!important;
  padding-top:18px!important;
}
.sant-login-v4 .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  min-height:36px!important;
  margin:0 0 18px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(129,104,78,.12)!important;
  border:1px solid rgba(129,104,78,.26)!important;
  color:#f2ede4!important;
  font-size:13px!important;
  font-weight:700!important;
}
.sant-login-v4 .showcase-copy h1{
  margin:0 0 18px!important;
  max-width:640px!important;
  color:#f2ede4!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  font-size:64px!important;
  line-height:1.12!important;
  font-weight:800!important;
  text-wrap:balance!important;
}
.sant-login-v4 .showcase-copy p:not(.eyebrow){
  margin:0!important;
  max-width:560px!important;
  color:#c2b6a1!important;
  font-size:17px!important;
  line-height:2!important;
}
.sant-login-v4 .login-visual-board{
  position:absolute!important;
  z-index:2!important;
  inset:132px 0 74px 0!important;
  display:block!important;
  pointer-events:none!important;
}
.sant-login-v4 .visual-orbit{
  position:absolute;
  left:50%;
  top:50%;
  width:420px;
  height:420px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(129,104,78,.20);
  box-shadow:inset 0 0 52px rgba(129,104,78,.10),0 0 90px rgba(0,0,0,.28);
}
.sant-login-v4 .visual-orbit::before,
.sant-login-v4 .visual-orbit::after{
  content:"";
  position:absolute;
  inset:50px;
  border-radius:50%;
  border:1px solid rgba(129,104,78,.14);
}
.sant-login-v4 .visual-orbit::after{
  inset:108px;
  background:linear-gradient(145deg,rgba(129,104,78,.14),rgba(28,28,31,.15));
}
.sant-login-v4 .visual-logo-core{
  position:absolute;
  left:50%;
  top:50%;
  width:178px;
  height:178px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(28,28,31,.72);
  border:1px solid rgba(129,104,78,.34);
  box-shadow:0 30px 80px rgba(0,0,0,.40),0 0 54px rgba(129,104,78,.20);
}
.sant-login-v4 .visual-logo-core img{
  width:126px;
  height:126px;
  border-radius:50%;
  object-fit:cover;
}
.sant-login-v4 .visual-panel{
  position:absolute;
  display:grid;
  gap:6px;
  min-width:172px;
  min-height:104px;
  padding:16px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(28,28,31,.86),rgba(48,40,32,.82));
  border:1px solid rgba(129,104,78,.24);
  box-shadow:0 24px 62px rgba(0,0,0,.32);
  backdrop-filter:blur(18px);
}
.sant-login-v4 .visual-panel span{
  width:38px;
  height:38px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(129,104,78,.15);
}
.sant-login-v4 .sant-neon-icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  object-fit:contain!important;
  transform:none!important;
  margin:0!important;
}
.sant-login-v4 .login-theme-btn .sant-neon-icon,
.sant-login-v4 .discord-mark .sant-neon-icon,
.sant-login-v4 .oauth-icon .sant-neon-icon,
.sant-login-v4 .auth-benefits .sant-neon-icon,
.sant-login-v4 .visual-panel .sant-neon-icon{
  display:block!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
}
.sant-login-v4 .visual-panel b{
  color:#f2ede4;
  font-size:18px;
  font-weight:800;
}
.sant-login-v4 .visual-panel small{
  color:#c2b6a1;
  font-size:12px;
  font-weight:600;
}
.sant-login-v4 .visual-panel i{
  display:block;
  width:120px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(90deg,#a89a83,rgba(129,104,78,.20));
}
.sant-login-v4 .visual-panel-main{left:8%;top:34%}
.sant-login-v4 .visual-panel-bots{right:8%;top:20%}
.sant-login-v4 .visual-panel-orders{right:13%;bottom:16%}
.sant-login-v4 .visual-panel-secure{left:16%;bottom:18%}
.sant-login-v4 .robot-platform,
.sant-login-v4 .robot-body,
.sant-login-v4 .robot-ear,
.sant-login-v4 .robot-face,
.sant-login-v4 .robot-badge,
.sant-login-v4 .float-card{
  display:none!important;
}
.sant-login-v4 .showcase-stats{
  position:absolute!important;
  z-index:4!important;
  left:0!important;
  right:auto!important;
  bottom:18px!important;
  width:min(610px,100%)!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:rgba(28,28,31,.78)!important;
  border:1px solid rgba(129,104,78,.22)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px)!important;
}
html[dir="rtl"] .sant-login-v4 .showcase-stats{
  right:0!important;
  left:auto!important;
}
.sant-login-v4 .showcase-stats div{
  min-height:94px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:8px!important;
  padding:16px!important;
  border-inline-start:1px solid rgba(129,104,78,.12)!important;
}
.sant-login-v4 .showcase-stats div:first-child{
  border-inline-start:0!important;
}
.sant-login-v4 .showcase-stats strong{
  color:#f2ede4!important;
  font-size:28px!important;
  line-height:1!important;
}
.sant-login-v4 .showcase-stats span{
  color:#c2b6a1!important;
  font-size:13px!important;
  font-weight:600!important;
}
.sant-login-v4 .sant-auth-card{
  position:relative!important;
  min-height:690px!important;
  padding:42px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  text-align:center!important;
  background:linear-gradient(180deg,rgba(28,28,31,.92),rgba(48,40,32,.94))!important;
  border:1px solid rgba(129,104,78,.26)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:blur(24px)!important;
}
.sant-login-v4 .sant-auth-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  padding:1px!important;
  background:linear-gradient(135deg,rgba(129,104,78,.68),transparent 38%,rgba(129,104,78,.22))!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  pointer-events:none!important;
  opacity:1!important;
}
.sant-login-v4 .auth-logo-ring{
  position:relative!important;
  width:116px!important;
  height:116px!important;
  margin:0 auto 28px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(129,104,78,.12)!important;
  border:1px solid rgba(129,104,78,.32)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.34),0 0 44px rgba(129,104,78,.18)!important;
}
.sant-login-v4 .auth-logo-ring::before{
  display:none!important;
}
.sant-login-v4 .auth-logo-ring img{
  width:86px!important;
  height:86px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.sant-login-v4 .auth-mini{
  margin:0 0 8px!important;
  color:#a89a83!important;
  font-size:14px!important;
  font-weight:700!important;
}
.sant-login-v4 .sant-auth-card h2{
  margin:0 0 12px!important;
  color:#f2ede4!important;
  font-size:42px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.sant-login-v4 .auth-sub{
  max-width:390px!important;
  margin:0 auto 30px!important;
  color:#c2b6a1!important;
  font-size:15px!important;
  line-height:1.9!important;
}
.sant-login-v4 .discord-login-btn{
  width:100%!important;
  height:66px!important;
  display:grid!important;
  grid-template-columns:44px 1fr 38px!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  text-decoration:none!important;
  color:#f2ede4!important;
  background:linear-gradient(135deg,#302a20,#544a3b)!important;
  border:1px solid rgba(254,245,240,.10)!important;
  box-shadow:0 20px 46px rgba(129,104,78,.24)!important;
  font-size:18px!important;
  font-weight:800!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.sant-login-v4 .discord-login-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 26px 60px rgba(129,104,78,.30)!important;
}
.sant-login-v4 .discord-login-btn:active{
  transform:scale(.98)!important;
}
.sant-login-v4 .discord-mark,
.sant-login-v4 .discord-login-btn em{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:rgba(48,40,32,.12)!important;
  color:#f2ede4!important;
  font-style:normal!important;
}
.sant-login-v4 .auth-divider{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:12px!important;
  margin:24px 0!important;
  color:#a89a83!important;
}
.sant-login-v4 .auth-divider::before,
.sant-login-v4 .auth-divider::after{
  content:""!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(129,104,78,.20),transparent)!important;
}
.sant-login-v4 .oauth-box{
  display:grid!important;
  grid-template-columns:54px 1fr!important;
  gap:14px!important;
  align-items:center!important;
  margin:0!important;
  padding:0 0 22px!important;
  border:0!important;
  border-bottom:1px solid rgba(129,104,78,.14)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:start!important;
}
.sant-login-v4 .oauth-icon{
  width:52px!important;
  height:52px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(129,104,78,.12)!important;
  color:#f2ede4!important;
}
.sant-login-v4 .oauth-box h3{
  margin:0 0 7px!important;
  color:#f2ede4!important;
  font-size:16px!important;
  font-weight:700!important;
}
.sant-login-v4 .oauth-box p{
  margin:0!important;
  color:#c2b6a1!important;
  font-size:13px!important;
  line-height:1.75!important;
}
.sant-login-v4 .auth-benefits{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:22px 0!important;
}
.sant-login-v4 .auth-benefits span{
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:12px!important;
  background:rgba(129,104,78,.08)!important;
  border:1px solid rgba(129,104,78,.12)!important;
  color:#f2ede4!important;
}
.sant-login-v4 .auth-benefits b{
  font-size:12px!important;
  font-weight:700!important;
}
.sant-login-v4 .login-links{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:10px 18px!important;
  padding-top:2px!important;
  border:0!important;
}
.sant-login-v4 .login-links a{
  color:#c2b6a1!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:600!important;
}
.sant-login-v4 .login-links a:hover{
  color:#f2ede4!important;
}
.sant-login-v4 .back-home{
  width:100%!important;
  height:50px!important;
  margin:22px auto 0!important;
  border-radius:12px!important;
  border:1px solid rgba(129,104,78,.18)!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f2ede4!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:700!important;
}
.sant-login-v4 .back-home:hover{
  border-color:#a89a83!important;
}
body.sant-login-v4.light{
  background:linear-gradient(180deg,#26211a,#1e1a14)!important;
  color:#f2ede4!important;
}
body.sant-login-v4.light::before{
  opacity:.35;
}
body.sant-login-v4.light .sant-auth-card,
body.sant-login-v4.light .login-lang-switch,
body.sant-login-v4.light .login-theme-btn,
body.sant-login-v4.light .showcase-stats,
body.sant-login-v4.light .visual-panel{
  background:rgba(255,255,255,.86)!important;
  color:#f2ede4!important;
  border-color:rgba(130,105,98,.22)!important;
}
body.sant-login-v4.light .showcase-copy h1,
body.sant-login-v4.light .sant-auth-card h2,
body.sant-login-v4.light .oauth-box h3,
body.sant-login-v4.light .visual-panel b,
body.sant-login-v4.light .showcase-stats strong{
  color:#f2ede4!important;
}
body.sant-login-v4.light .showcase-copy p:not(.eyebrow),
body.sant-login-v4.light .auth-sub,
body.sant-login-v4.light .oauth-box p,
body.sant-login-v4.light .showcase-stats span,
body.sant-login-v4.light .visual-panel small{
  color:#a89a83!important;
}
@media(max-width:1280px){
  .sant-login-v4 .sant-auth-stage{
    grid-template-columns:minmax(0,1fr) minmax(360px,470px)!important;
    gap:32px!important;
  }
  .sant-login-v4 .showcase-copy h1{
    font-size:56px!important;
  }
  .sant-login-v4 .visual-panel-main{left:0}
  .sant-login-v4 .visual-panel-bots{right:0}
}
@media(max-width:1020px){
  .sant-login-v4 .sant-auth-stage{
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }
  .sant-login-v4 .sant-auth-showcase{
    min-height:auto!important;
    padding:28px 0 0!important;
    text-align:center!important;
  }
  .sant-login-v4 .showcase-copy{
    max-width:720px!important;
    margin:0 auto!important;
    padding-top:0!important;
  }
  .sant-login-v4 .showcase-copy p:not(.eyebrow){
    margin:0 auto!important;
  }
  .sant-login-v4 .login-visual-board{
    position:relative!important;
    inset:auto!important;
    height:360px!important;
    margin:20px auto 0!important;
    max-width:760px!important;
  }
  .sant-login-v4 .showcase-stats{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:720px!important;
    margin:18px auto 0!important;
  }
  .sant-login-v4 .sant-auth-card{
    max-width:560px!important;
    width:100%!important;
    min-height:auto!important;
    margin:0 auto!important;
  }
}
@media(max-width:720px){
  .sant-login-v4 .sant-login-top{
    width:calc(100% - 28px)!important;
    padding-top:14px!important;
  }
  .sant-login-v4 .sant-login-brand span{
    display:none!important;
  }
  .sant-login-v4 .sant-login-brand img{
    width:44px!important;
    height:44px!important;
  }
  .sant-login-v4 .login-lang-switch button{
    min-width:52px!important;
    height:36px!important;
    font-size:12px!important;
  }
  .sant-login-v4 .login-theme-btn{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
  }
  .sant-login-v4 .sant-auth-stage{
    width:calc(100% - 24px)!important;
    gap:18px!important;
    padding:22px 0 30px!important;
  }
  .sant-login-v4 .showcase-copy h1{
    font-size:36px!important;
  }
  .sant-login-v4 .showcase-copy p:not(.eyebrow){
    font-size:14px!important;
    line-height:1.8!important;
  }
  .sant-login-v4 .login-visual-board{
    display:none!important;
    height:0!important;
    margin:0!important;
  }
  .sant-login-v4 .visual-orbit{
    width:250px!important;
    height:250px!important;
  }
  .sant-login-v4 .visual-logo-core{
    width:116px!important;
    height:116px!important;
  }
  .sant-login-v4 .visual-logo-core img{
    width:84px!important;
    height:84px!important;
  }
  .sant-login-v4 .visual-panel{
    min-width:130px!important;
    min-height:82px!important;
    padding:12px!important;
    border-radius:14px!important;
  }
  .sant-login-v4 .visual-panel span{
    width:30px!important;
    height:30px!important;
  }
  .sant-login-v4 .visual-panel b{
    font-size:14px!important;
  }
  .sant-login-v4 .visual-panel small,
  .sant-login-v4 .visual-panel-main i{
    display:none!important;
  }
  .sant-login-v4 .showcase-stats{
    display:none!important;
  }
  .sant-login-v4 .showcase-stats div{
    min-height:70px!important;
  }
  .sant-login-v4 .sant-auth-card{
    padding:28px 18px!important;
    border-radius:20px!important;
  }
  .sant-login-v4 .auth-logo-ring{
    width:92px!important;
    height:92px!important;
    margin-bottom:20px!important;
  }
  .sant-login-v4 .auth-logo-ring img{
    width:68px!important;
    height:68px!important;
  }
  .sant-login-v4 .sant-auth-card h2{
    font-size:32px!important;
  }
  .sant-login-v4 .auth-sub{
    font-size:13px!important;
  }
  .sant-login-v4 .discord-login-btn{
    height:60px!important;
    grid-template-columns:36px 1fr 32px!important;
    font-size:14px!important;
    padding:0 12px!important;
  }
  .sant-login-v4 .discord-mark,
  .sant-login-v4 .discord-login-btn em{
    width:32px!important;
    height:32px!important;
  }
  .sant-login-v4 .oauth-box{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .sant-login-v4 .oauth-icon{
    margin:0 auto!important;
  }
  .sant-login-v4 .auth-benefits{
    grid-template-columns:1fr!important;
  }
}

/* Login hero image replacement */
.sant-login-v4 .sant-auth-stage{
  width:min(1540px,calc(100% - 40px))!important;
  grid-template-columns:minmax(0,1fr) minmax(380px,500px)!important;
  gap:24px!important;
}
.sant-login-v4 .sant-auth-showcase{
  min-height:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:stretch!important;
  width:100%!important;
}
.sant-login-v4 .login-hero-image{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  border-radius:18px!important;
  border:1px solid rgba(129,104,78,.22)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.36),0 0 70px rgba(129,104,78,.08)!important;
  filter:contrast(1.06) saturate(1.08) brightness(1.02)!important;
  object-fit:contain!important;
}
.sant-login-v4 .auth-logo-ring{
  width:126px!important;
  height:126px!important;
  overflow:hidden!important;
}
.sant-login-v4 .auth-logo-ring img{
  width:124px!important;
  height:124px!important;
  border-radius:50%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  background:transparent!important;
}
.sant-login-v4 .sant-login-brand img{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  background:#26211a!important;
}
@media(max-width:1020px){
  .sant-login-v4 .sant-auth-stage{
    width:calc(100% - 28px)!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .sant-login-v4 .sant-auth-showcase{
    padding:0!important;
  }
  .sant-login-v4 .login-hero-image{
    max-width:760px!important;
  }
}
@media(max-width:720px){
  .sant-login-v4 .login-hero-image{
    border-radius:14px!important;
  }
  .sant-login-v4 .auth-logo-ring{
    width:98px!important;
    height:98px!important;
  }
  .sant-login-v4 .auth-logo-ring img{
    width:94px!important;
    height:94px!important;
  }
}

/* Norel Store MySub Standalone Page */
.mysub-body{background:radial-gradient(circle at 55% 0,rgba(129,104,78,.09),transparent 35%),linear-gradient(180deg,#15120e,#15120e 70%)!important;color:#f2ede4!important}.mysub-page{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:18px;animation:mysubIn .35s ease both}.mysub-hero{min-height:190px;border:1px solid #3d362b;border-radius:18px;background:radial-gradient(circle at 82% 28%,rgba(129,104,78,.22),transparent 26%),linear-gradient(135deg,rgba(40,32,30,.94),rgba(27,22,21,.98) 58%,rgba(20,16,15,.98));display:flex;justify-content:space-between;align-items:center;padding:30px 34px;overflow:hidden;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.26)}.mysub-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);transform:translateX(-120%);animation:mysubShine 5s ease-in-out infinite;pointer-events:none}.mysub-kicker{display:inline-flex;padding:7px 13px;border:1px solid rgba(129,104,78,.28);border-radius:999px;background:rgba(129,104,78,.10);color:#f2ede4;font-size:12px;font-weight:700;margin-bottom:12px}.mysub-hero h1{margin:0;font-size:36px;font-weight:700;letter-spacing:-.8px}.mysub-hero p{max-width:720px;margin:12px 0 0;color:#c2b6a1;line-height:1.8}.mysub-hero-art{width:210px;height:130px;display:grid;place-items:center;position:relative}.mysub-orb{width:112px;height:112px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#302a20,#a89a83 55%,#3d362b);border:2px solid rgba(216,174,162,.85);box-shadow:0 0 0 8px rgba(216,174,162,.11),0 22px 55px rgba(129,104,78,.28);animation:botFloat 3.5s ease-in-out infinite}.mysub-orb img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.18);border-radius:50%}.mysub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mysub-stat{min-height:124px;border:1px solid #3d362b;border-radius:15px;background:linear-gradient(180deg,#1e1a14,#1e1a14);color:#f2ede4;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:18px;text-align:start;cursor:pointer;overflow:hidden;position:relative;box-shadow:0 16px 45px rgba(0,0,0,.16);transition:.22s ease}.mysub-stat:after{content:"";position:absolute;inset-inline:20px;bottom:7px;height:22px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.16;filter:blur(7px)}.mysub-stat:hover,.mysub-stat.selected{transform:translateY(-4px);border-color:#a89a83;box-shadow:0 24px 60px rgba(129,104,78,.13),0 18px 48px rgba(0,0,0,.28)}.mysub-stat i{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:24px;background:#26211a}.mysub-stat strong{display:block;font-size:30px;font-weight:700}.mysub-stat span{display:block;color:#9c907d;font-size:12px;margin-top:5px}.mysub-stat.total{color:#a89a83}.mysub-stat.total i{background:rgba(129,104,78,.15)}.mysub-stat.active{color:#a89a83}.mysub-stat.active i{background:rgba(99,76,54,.15)}.mysub-stat.soon{color:#e0c078}.mysub-stat.soon i{background:rgba(245,158,11,.15)}.mysub-stat.ended{color:#ef7f73}.mysub-stat.ended i{background:rgba(244,68,68,.15)}.mysub-toolbar{display:grid;grid-template-columns:auto minmax(260px,1fr);gap:12px;align-items:center}.mysub-filter-tabs{display:flex;gap:10px;flex-wrap:wrap}.mysub-filter-tabs button,.mysub-search{height:52px;border:1px solid #3d362b;background:#1e1a14;color:#ffffff;border-radius:13px;font-family:inherit;font-weight:700}.mysub-filter-tabs button{padding:0 18px;cursor:pointer;transition:.18s ease}.mysub-filter-tabs button:hover,.mysub-filter-tabs button.active{transform:translateY(-2px);background:#a89a83;border-color:#a89a83;color:#fff;box-shadow:0 14px 32px rgba(129,104,78,.22)}.mysub-search{display:flex;align-items:center;gap:10px;padding:0 16px}.mysub-search input{flex:1;height:100%;border:0;background:transparent;outline:0;color:#ffffff;font-family:inherit}.mysub-list{display:flex;flex-direction:column;gap:14px}.mysub-card{position:relative;min-height:205px;border:1px solid #3d362b;border-radius:18px;background:linear-gradient(180deg,#1e1a14,#15120e);display:grid;grid-template-columns:90px minmax(260px,1fr) 240px 170px;gap:18px;align-items:center;padding:22px;overflow:hidden;box-shadow:0 18px 54px rgba(0,0,0,.20);transition:.22s ease}.mysub-card:hover{transform:translateY(-3px);border-color:#a89a83;box-shadow:0 24px 70px rgba(129,104,78,.14),0 18px 54px rgba(0,0,0,.25)}.mysub-card-glow{position:absolute;inset:0;background:radial-gradient(circle at 8% 50%,rgba(129,104,78,.16),transparent 24%);pointer-events:none}.mysub-card.active .mysub-card-glow{background:radial-gradient(circle at 8% 50%,rgba(99,76,54,.13),transparent 24%)}.mysub-card.soon .mysub-card-glow{background:radial-gradient(circle at 8% 50%,rgba(245,158,11,.16),transparent 24%)}.mysub-card.ended .mysub-card-glow{background:radial-gradient(circle at 8% 50%,rgba(244,68,68,.14),transparent 24%)}.mysub-card-icon{position:relative;z-index:1;width:74px;height:74px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#3d362b,#a89a83);box-shadow:0 15px 35px rgba(129,104,78,.25)}.mysub-card-icon span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.10);font-size:24px;font-weight:700}.mysub-card.active .mysub-card-icon{background:linear-gradient(135deg,#7fd3ac,#a89a83)}.mysub-card.soon .mysub-card-icon{background:linear-gradient(135deg,#3d362b,#e0c078)}.mysub-card.ended .mysub-card-icon{background:linear-gradient(135deg,#d85a67,#ef7f73)}.mysub-card-main,.mysub-card-meta,.mysub-card-actions{position:relative;z-index:1}.mysub-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mysub-card h2{margin:0;font-size:22px;font-weight:700}.mysub-card h2 em{font-style:normal;font-size:13px;padding:3px 7px;border-radius:999px;background:#a89a83;color:#fff}.mysub-card p{margin:8px 0;color:#9c907d}.mysub-card p strong{color:#ffffff}.mysub-progress{height:8px;border-radius:999px;background:#26211a;overflow:hidden;max-width:320px;margin:14px 0 9px}.mysub-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a89a83,#a89a83)}.mysub-card.active .mysub-progress i{background:linear-gradient(90deg,#a89a83,#7fd3ac)}.mysub-card.soon .mysub-progress i{background:linear-gradient(90deg,#e0c078,#544a3b)}.mysub-card.ended .mysub-progress i{background:linear-gradient(90deg,#ef7f73,#e88493)}.mysub-card small{color:#9c907d}.mysub-card-meta{border-inline-start:1px solid #302a20;border-inline-end:1px solid #302a20;padding-inline:18px}.mysub-card-meta dl{margin:0;display:grid;gap:6px}.mysub-card-meta dt{color:#a89a83;font-size:12px}.mysub-card-meta dd{margin:0 0 6px;color:#c2b6a1;font-size:13px;word-break:break-all}.mysub-badge{border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700;white-space:nowrap}.mysub-badge.active{background:rgba(99,76,54,.14);color:#a89a83}.mysub-badge.soon{background:rgba(245,158,11,.14);color:#e0c078}.mysub-badge.ended{background:rgba(244,68,68,.14);color:#ef7f73}.mysub-card-actions{display:grid;gap:10px}.mysub-card-actions a,.mysub-card-actions button{height:44px;border:1px solid #3d362b;background:#1e1a14;color:#ffffff;border-radius:10px;font-family:inherit;font-weight:700;cursor:pointer;text-decoration:none;display:grid;place-items:center;transition:.18s ease}.mysub-card-actions a{background:linear-gradient(135deg,#a89a83,#a89a83);border-color:#a89a83;color:#fff}.mysub-card-actions a:hover,.mysub-card-actions button:hover{transform:translateY(-2px);border-color:#a89a83;box-shadow:0 12px 28px rgba(129,104,78,.16)}.mysub-empty,.mysub-error,.mysub-empty-note{min-height:210px;border:1px solid #3d362b;border-radius:18px;background:linear-gradient(180deg,#1e1a14,#15120e);display:grid;place-items:center;text-align:center;padding:30px;color:#9c907d}.mysub-empty div{font-size:48px;opacity:.65}.mysub-empty h3{margin:8px 0;color:#fff}.mysub-empty p{margin:0}.mysub-empty.hidden{display:none!important}.mysub-body.light{background:#15120e!important;color:#f2ede4!important}.mysub-body.light .mysub-hero,.mysub-body.light .mysub-stat,.mysub-body.light .mysub-card,.mysub-body.light .mysub-search,.mysub-body.light .mysub-filter-tabs button,.mysub-body.light .mysub-empty,.mysub-body.light .mysub-error{background:#fff!important;color:#f2ede4!important;border-color:#26211a!important}.mysub-body.light .mysub-card p,.mysub-body.light .mysub-card small,.mysub-body.light .mysub-hero p,.mysub-body.light .mysub-stat span{color:#a89a83!important}.mysub-body.light .mysub-search input{color:#f2ede4!important}@keyframes mysubIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mysubShine{0%,45%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}@media(max-width:1180px){.mysub-card{grid-template-columns:80px 1fr}.mysub-card-meta,.mysub-card-actions{grid-column:2;border-inline:0;padding-inline:0}.mysub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.mysub-hero{display:block;text-align:center}.mysub-hero-art{margin:18px auto 0}.mysub-toolbar{grid-template-columns:1fr}.mysub-filter-tabs{justify-content:center}.mysub-card{grid-template-columns:1fr;text-align:center}.mysub-card-icon{margin:auto}.mysub-card-meta,.mysub-card-actions{grid-column:auto}.mysub-progress{margin-inline:auto}}@media(max-width:560px){.mysub-stats{grid-template-columns:1fr}.mysub-hero h1{font-size:28px}}



/* =========================================================
   Norel Store MySub Real Separate Page
   mysub.html + mysub.js only, same dashboard/store colors/effects.
   ========================================================= */
.mysub-standalone{
  background:
    radial-gradient(circle at 55% 0,rgba(129,104,78,.09),transparent 35%),
    linear-gradient(180deg,#15120e,#15120e 70%)!important;
  color:#f2ede4!important;
}
.mysub-page{
  max-width:1320px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:18px;
  animation:mysubIn .35s ease both;
}
.mysub-hero{
  min-height:190px;
  border:1px solid #3d362b;
  border-radius:18px;
  background:
    radial-gradient(circle at 82% 28%,rgba(129,104,78,.22),transparent 26%),
    linear-gradient(135deg,rgba(40,32,30,.94),rgba(27,22,21,.98) 58%,rgba(20,16,15,.98));
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:30px 34px;
  overflow:hidden;
  position:relative;
  box-shadow:0 24px 70px rgba(0,0,0,.26);
}
.mysub-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);
  transform:translateX(-120%);
  animation:mysubShine 5s ease-in-out infinite;
  pointer-events:none;
}
.mysub-kicker{
  display:inline-flex;
  padding:7px 13px;
  border:1px solid rgba(129,104,78,.28);
  border-radius:999px;
  background:rgba(129,104,78,.10);
  color:#f2ede4;
  font-size:12px;
  font-weight:700;
  margin-bottom:12px;
}
.mysub-hero h1{
  margin:0;
  font-size:36px;
  font-weight:700;
  letter-spacing:-.8px;
}
.mysub-hero p{
  max-width:720px;
  margin:12px 0 0;
  color:#c2b6a1;
  line-height:1.8;
}
.mysub-hero-art{
  width:210px;
  height:130px;
  display:grid;
  place-items:center;
  position:relative;
}
.mysub-orb{
  width:112px;
  height:112px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#302a20,#a89a83 55%,#3d362b);
  border:2px solid rgba(216,174,162,.85);
  box-shadow:0 0 0 8px rgba(216,174,162,.11),0 22px 55px rgba(129,104,78,.28);
  animation:botFloat 3.5s ease-in-out infinite;
}
.mysub-orb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.18);
  border-radius:50%;
}
.mysub-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.mysub-stat{
  min-height:124px;
  border:1px solid #3d362b;
  border-radius:15px;
  background:linear-gradient(180deg,#1e1a14,#1e1a14);
  color:#f2ede4;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:14px;
  padding:18px;
  text-align:start;
  cursor:pointer;
  overflow:hidden;
  position:relative;
  box-shadow:0 16px 45px rgba(0,0,0,.16);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.mysub-stat:after{
  content:"";
  position:absolute;
  inset-inline:20px;
  bottom:7px;
  height:22px;
  background:linear-gradient(90deg,transparent,currentColor,transparent);
  opacity:.16;
  filter:blur(7px);
}
.mysub-stat:hover,
.mysub-stat.selected{
  transform:translateY(-4px);
  border-color:#a89a83;
  box-shadow:0 24px 60px rgba(129,104,78,.13),0 18px 48px rgba(0,0,0,.28);
}
.mysub-stat i{
  width:52px;
  height:52px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-style:normal;
  font-size:24px;
  background:#26211a;
}
.mysub-stat strong{
  display:block;
  font-size:30px;
  font-weight:700;
}
.mysub-stat span{
  display:block;
  color:#9c907d;
  font-size:12px;
  margin-top:5px;
}
.mysub-stat.total{color:#a89a83}.mysub-stat.total i{background:rgba(129,104,78,.15)}
.mysub-stat.active{color:#a89a83}.mysub-stat.active i{background:rgba(129,104,78,.15)}
.mysub-stat.soon{color:#a89a83}.mysub-stat.soon i{background:rgba(129,104,78,.15)}
.mysub-stat.ended{color:#a89a83}.mysub-stat.ended i{background:rgba(129,104,78,.15)}
.mysub-toolbar{
  display:grid;
  grid-template-columns:auto minmax(260px,1fr);
  gap:12px;
  align-items:center;
}
.mysub-filter-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.mysub-filter-tabs button,
.mysub-search{
  height:52px;
  border:1px solid #3d362b;
  background:#1e1a14;
  color:#ffffff;
  border-radius:13px;
  font-family:inherit;
  font-weight:700;
}
.mysub-filter-tabs button{
  padding:0 18px;
  cursor:pointer;
  transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.mysub-filter-tabs button:hover,
.mysub-filter-tabs button.active{
  transform:translateY(-2px);
  background:#a89a83;
  border-color:#a89a83;
  color:#fff;
  box-shadow:0 14px 32px rgba(129,104,78,.22);
}
.mysub-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
}
.mysub-search input{
  flex:1;
  height:100%;
  border:0;
  background:transparent;
  outline:0;
  color:#ffffff;
  font-family:inherit;
}
.mysub-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.mysub-card{
  position:relative;
  min-height:205px;
  border:1px solid #3d362b;
  border-radius:18px;
  background:linear-gradient(180deg,#1e1a14,#15120e);
  display:grid;
  grid-template-columns:90px minmax(260px,1fr) 240px 170px;
  gap:18px;
  align-items:center;
  padding:22px;
  overflow:hidden;
  box-shadow:0 18px 54px rgba(0,0,0,.20);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.mysub-card:hover{
  transform:translateY(-3px);
  border-color:#a89a83;
  box-shadow:0 24px 70px rgba(129,104,78,.14),0 18px 54px rgba(0,0,0,.25);
}
.mysub-card-glow{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 8% 50%,rgba(129,104,78,.16),transparent 24%);
  pointer-events:none;
}
.mysub-card.active .mysub-card-glow{background:radial-gradient(circle at 8% 50%,rgba(99,76,54,.13),transparent 24%)}
.mysub-card.soon .mysub-card-glow{background:radial-gradient(circle at 8% 50%,rgba(245,158,11,.16),transparent 24%)}
.mysub-card.ended .mysub-card-glow{background:radial-gradient(circle at 8% 50%,rgba(244,68,68,.14),transparent 24%)}
.mysub-card-icon{
  position:relative;
  z-index:1;
  width:74px;
  height:74px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#3d362b,#a89a83);
  box-shadow:0 15px 35px rgba(129,104,78,.25);
}
.mysub-card-icon span{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.10);
  font-size:24px;
  font-weight:700;
}
.mysub-card.active .mysub-card-icon{background:linear-gradient(135deg,#7fd3ac,#a89a83)}
.mysub-card.soon .mysub-card-icon{background:linear-gradient(135deg,#3d362b,#e0c078)}
.mysub-card.ended .mysub-card-icon{background:linear-gradient(135deg,#d85a67,#ef7f73)}
.mysub-card-main,
.mysub-card-meta,
.mysub-card-actions{
  position:relative;
  z-index:1;
}
.mysub-card-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.mysub-card h2{
  margin:0;
  font-size:22px;
  font-weight:700;
}
.mysub-card h2 em{
  font-style:normal;
  font-size:13px;
  padding:3px 7px;
  border-radius:999px;
  background:#a89a83;
  color:#fff;
}
.mysub-card p{
  margin:8px 0;
  color:#9c907d;
}
.mysub-card p strong{
  color:#ffffff;
}
.mysub-progress{
  height:8px;
  border-radius:999px;
  background:#26211a;
  overflow:hidden;
  max-width:320px;
  margin:14px 0 9px;
}
.mysub-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#a89a83,#a89a83);
}
.mysub-card.active .mysub-progress i{background:linear-gradient(90deg,#a89a83,#7fd3ac)}
.mysub-card.soon .mysub-progress i{background:linear-gradient(90deg,#e0c078,#544a3b)}
.mysub-card.ended .mysub-progress i{background:linear-gradient(90deg,#ef7f73,#e88493)}
.mysub-card small{
  color:#9c907d;
}
.mysub-card-meta{
  border-inline-start:1px solid #302a20;
  border-inline-end:1px solid #302a20;
  padding-inline:18px;
}
.mysub-card-meta dl{
  margin:0;
  display:grid;
  gap:6px;
}
.mysub-card-meta dt{
  color:#a89a83;
  font-size:12px;
}
.mysub-card-meta dd{
  margin:0 0 6px;
  color:#c2b6a1;
  font-size:13px;
  word-break:break-all;
}
.mysub-badge{
  border-radius:999px;
  padding:6px 11px;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.mysub-badge.active{background:rgba(99,76,54,.14);color:#a89a83}
.mysub-badge.soon{background:rgba(245,158,11,.14);color:#e0c078}
.mysub-badge.ended{background:rgba(244,68,68,.14);color:#ef7f73}
.mysub-card-actions{
  display:grid;
  gap:10px;
}
.mysub-card-actions a,
.mysub-card-actions button{
  height:44px;
  border:1px solid #3d362b;
  background:#1e1a14;
  color:#ffffff;
  border-radius:10px;
  font-family:inherit;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  display:grid;
  place-items:center;
  transition:transform .18s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.mysub-card-actions a{
  background:linear-gradient(135deg,#a89a83,#a89a83);
  border-color:#a89a83;
  color:#fff;
}
.mysub-card-actions a:hover,
.mysub-card-actions button:hover{
  transform:translateY(-2px);
  border-color:#a89a83;
  box-shadow:0 12px 28px rgba(129,104,78,.16);
}
.mysub-empty,
.mysub-error,
.mysub-empty-note{
  min-height:210px;
  border:1px solid #3d362b;
  border-radius:18px;
  background:linear-gradient(180deg,#1e1a14,#15120e);
  display:grid;
  place-items:center;
  text-align:center;
  padding:30px;
  color:#9c907d;
}
.mysub-empty div{
  font-size:48px;
  opacity:.65;
}
.mysub-empty h3{
  margin:8px 0;
  color:#fff;
}
.mysub-empty p{
  margin:0;
}
.mysub-empty.hidden{display:none!important}
.mysub-standalone.light{
  background:#15120e!important;
  color:#f2ede4!important;
}
.mysub-standalone.light .mysub-hero,
.mysub-standalone.light .mysub-stat,
.mysub-standalone.light .mysub-card,
.mysub-standalone.light .mysub-search,
.mysub-standalone.light .mysub-filter-tabs button,
.mysub-standalone.light .mysub-empty,
.mysub-standalone.light .mysub-error{
  background:#fff!important;
  color:#f2ede4!important;
  border-color:#26211a!important;
}
.mysub-standalone.light .mysub-card p,
.mysub-standalone.light .mysub-card small,
.mysub-standalone.light .mysub-hero p,
.mysub-standalone.light .mysub-stat span{
  color:#a89a83!important;
}
.mysub-standalone.light .mysub-search input{
  color:#f2ede4!important;
}
@keyframes mysubIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes mysubShine{0%,45%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
@media(max-width:1180px){
  .mysub-card{grid-template-columns:80px 1fr}
  .mysub-card-meta,
  .mysub-card-actions{grid-column:2;border-inline:0;padding-inline:0}
  .mysub-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .mysub-hero{display:block;text-align:center}
  .mysub-hero-art{margin:18px auto 0}
  .mysub-toolbar{grid-template-columns:1fr}
  .mysub-filter-tabs{justify-content:center}
  .mysub-card{grid-template-columns:1fr;text-align:center}
  .mysub-card-icon{margin:auto}
  .mysub-card-meta,
  .mysub-card-actions{grid-column:auto}
  .mysub-progress{margin-inline:auto}
}
@media(max-width:560px){
  .mysub-stats{grid-template-columns:1fr}
  .mysub-hero h1{font-size:28px}
}


/* =========================================================
   Norel Store MySub separated page - dashboard skin polish
   Keeps /mysub.html fully independent while matching dashboard colors/effects.
   ========================================================= */
body.mysub-standalone{
  --sant-accent:#a89a83;
  --sant-accent-2:#a89a83;
  --sant-bg:#15120e;
  --sant-panel:#1e1a14;
  --sant-border:#3d362b;
  background:
    radial-gradient(circle at 70% -10%,rgba(129,104,78,.16),transparent 34%),
    radial-gradient(circle at 0 70%,rgba(129,104,78,.10),transparent 32%),
    #15120e!important;
}
body.mysub-standalone:before,
body.mysub-standalone:after{
  content:"";
  position:fixed;
  pointer-events:none;
  z-index:0;
  border-radius:999px;
  filter:blur(4px);
  opacity:.72;
}
body.mysub-standalone:before{
  width:380px;
  height:380px;
  inset-block-start:88px;
  inset-inline-end:320px;
  background:radial-gradient(circle,rgba(129,104,78,.18),transparent 66%);
  animation:mysubAurora 8s ease-in-out infinite;
}
body.mysub-standalone:after{
  width:260px;
  height:260px;
  inset-block-end:45px;
  inset-inline-start:300px;
  background:radial-gradient(circle,rgba(159,128,119,.12),transparent 68%);
  animation:mysubAurora 9s ease-in-out infinite reverse;
}
.mysub-standalone .mysub-sidebar,
.mysub-standalone .mysub-topbar{
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.mysub-standalone .mysub-sidebar{
  background:linear-gradient(180deg,rgba(48,40,32,.96),rgba(48,40,32,.96))!important;
  box-shadow:18px 0 60px rgba(0,0,0,.25),inset -1px 0 0 rgba(129,104,78,.06)!important;
}
html[dir="rtl"] .mysub-standalone .mysub-sidebar{
  box-shadow:-18px 0 60px rgba(0,0,0,.25),inset 1px 0 0 rgba(129,104,78,.06)!important;
}
.mysub-standalone .mysub-topbar{
  background:rgba(48,40,32,.88)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
}
.mysub-standalone .mysub-main{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 55% 0,rgba(129,104,78,.10),transparent 35%),
    radial-gradient(circle at 85% 85%,rgba(129,104,78,.08),transparent 28%),
    #15120e!important;
}
.mysub-standalone .mysub-page,
.mysub-standalone .dash-v3-sidebar,
.mysub-standalone .dash-v3-topbar{
  position:relative;
  z-index:1;
}
.mysub-standalone .dash-v3-brand img,
.mysub-standalone .dash-profile img,
.mysub-standalone .mysub-orb{
  box-shadow:0 0 0 1px rgba(129,104,78,.20),0 16px 42px rgba(129,104,78,.18)!important;
}
.mysub-standalone .sant-neon-icon{
  width:20px;
  height:20px;
  object-fit:contain;
  vertical-align:middle;
  filter:drop-shadow(0 0 8px rgba(129,104,78,.36));
}
.mysub-standalone .dash-v3-nav .active .sant-neon-icon,
.mysub-standalone .dash-v3-nav a:hover .sant-neon-icon,
.mysub-standalone .dash-v3-nav button:hover .sant-neon-icon{
  filter:brightness(1.25) drop-shadow(0 0 12px rgba(255,255,255,.45));
}
.mysub-standalone .mysub-hero,
.mysub-standalone .mysub-stat,
.mysub-standalone .mysub-card,
.mysub-standalone .mysub-search,
.mysub-standalone .mysub-filter-tabs button,
.mysub-standalone .mysub-empty,
.mysub-standalone .mysub-error{
  border-color:rgba(129,104,78,.20)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.mysub-standalone .mysub-hero{
  background:
    radial-gradient(circle at 86% 28%,rgba(129,104,78,.27),transparent 25%),
    radial-gradient(circle at 22% 85%,rgba(159,128,119,.13),transparent 28%),
    linear-gradient(135deg,rgba(40,32,30,.96),rgba(27,22,21,.98) 58%,rgba(20,16,15,.98))!important;
}
.mysub-standalone .mysub-hero:after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  inset-block-end:-150px;
  inset-inline-start:8%;
  border-radius:999px;
  border:1px solid rgba(129,104,78,.24);
  box-shadow:0 0 70px rgba(129,104,78,.13),inset 0 0 45px rgba(129,104,78,.08);
  pointer-events:none;
}
.mysub-standalone .mysub-kicker{
  box-shadow:inset 0 0 20px rgba(129,104,78,.08),0 10px 25px rgba(0,0,0,.12);
}
.mysub-standalone .mysub-orb{
  transition:transform .25s ease,box-shadow .25s ease;
}
.mysub-standalone .mysub-hero:hover .mysub-orb{
  transform:translateY(-3px) scale(1.03);
  box-shadow:0 0 0 9px rgba(216,174,162,.12),0 26px 65px rgba(129,104,78,.34)!important;
}
.mysub-standalone .mysub-stat{
  background:linear-gradient(180deg,rgba(29,23,22,.92),rgba(23,18,17,.96))!important;
}
.mysub-standalone .mysub-stat i,
.mysub-standalone .mysub-card-icon{
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.mysub-standalone .mysub-stat:hover i,
.mysub-standalone .mysub-stat.selected i,
.mysub-standalone .mysub-card:hover .mysub-card-icon{
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 16px 36px rgba(129,104,78,.18);
}
.mysub-standalone .mysub-card{
  background:
    radial-gradient(circle at 9% 50%,rgba(129,104,78,.10),transparent 24%),
    linear-gradient(180deg,rgba(26,21,19,.94),rgba(48,40,32,.98))!important;
}
.mysub-standalone .mysub-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);
  transform:translateX(-120%);
  transition:transform .7s ease;
  pointer-events:none;
}
.mysub-standalone .mysub-card:hover:before{
  transform:translateX(120%);
}
.mysub-standalone .mysub-card-icon span{
  overflow:hidden;
}
.mysub-standalone .mysub-card-icon .sant-neon-icon{
  width:30px;
  height:30px;
}
.mysub-standalone .mysub-card-actions a,
.mysub-standalone .mysub-card-actions button,
.mysub-standalone .mysub-filter-tabs button{
  position:relative;
  overflow:hidden;
}
.mysub-standalone .mysub-card-actions a:after,
.mysub-standalone .mysub-card-actions button:after,
.mysub-standalone .mysub-filter-tabs button:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  transform:translateX(-120%);
  transition:transform .55s ease;
}
.mysub-standalone .mysub-card-actions a:hover:after,
.mysub-standalone .mysub-card-actions button:hover:after,
.mysub-standalone .mysub-filter-tabs button:hover:after{
  transform:translateX(120%);
}
.mysub-standalone .mysub-search:focus-within,
.mysub-standalone .mysub-top-search:focus-within{
  border-color:var(--sant-accent)!important;
  box-shadow:0 0 0 4px rgba(129,104,78,.08),0 14px 34px rgba(129,104,78,.10);
}
.mysub-standalone .notification-pop-icon .sant-neon-icon{
  width:22px;
  height:22px;
}
body.mysub-standalone.light:before,
body.mysub-standalone.light:after{
  opacity:.28;
}
.mysub-standalone.light .mysub-topbar,
.mysub-standalone.light .mysub-sidebar{
  background:rgba(255,255,255,.92)!important;
}
.mysub-standalone.light .mysub-main{
  background:radial-gradient(circle at 55% 0,rgba(129,104,78,.16),transparent 36%),#15120e!important;
}
.mysub-standalone.light .mysub-card,
.mysub-standalone.light .mysub-stat,
.mysub-standalone.light .mysub-search,
.mysub-standalone.light .mysub-filter-tabs button{
  box-shadow:0 16px 40px rgba(27,21,20,.07)!important;
}
@keyframes mysubAurora{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(18px,-16px,0) scale(1.08)}
}
@media(max-width:900px){
  body.mysub-standalone:before,
  body.mysub-standalone:after{display:none}
  .mysub-standalone .mysub-main{padding-top:22px!important}
}

/* Fix MySub icon overlap: keep Sant icon images small inside search/buttons/cards */
body.mysub-standalone .sant-neon-icon{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  display:block!important;
}
body.mysub-standalone .mysub-search > img.sant-neon-icon,
body.mysub-standalone .mysub-top-search > img.sant-neon-icon{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  max-width:15px!important;
  min-height:15px!important;
  max-height:15px!important;
  opacity:.72!important;
  filter:drop-shadow(0 0 5px rgba(129,104,78,.25))!important;
}
body.mysub-standalone .mysub-search,
body.mysub-standalone .mysub-top-search{
  overflow:hidden!important;
}
body.mysub-standalone .mysub-stat i .sant-neon-icon,
body.mysub-standalone .dash-icon-btn .sant-neon-icon,
body.mysub-standalone .dash-v3-nav .sant-neon-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  min-height:22px!important;
  max-height:22px!important;
}
body.mysub-standalone .mysub-card-icon .sant-neon-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  min-height:30px!important;
  max-height:30px!important;
}
body.mysub-standalone .dash-v3-brand img,
body.mysub-standalone .dash-profile img,
body.mysub-standalone .mysub-orb img{
  object-fit:cover!important;
  border-radius:50%!important;
}

/* =========================================================
   MySub final position fix: separate page must not drop down or overlap
   ========================================================= */
body.mysub-standalone{
  min-height:100vh!important;
  overflow-x:hidden!important;
}
body.mysub-standalone .mysub-sidebar{
  position:fixed!important;
  top:0!important;
  bottom:0!important;
  width:260px!important;
  height:100vh!important;
  z-index:300!important;
}
html[dir="rtl"] body.mysub-standalone .mysub-sidebar{
  right:0!important;
  left:auto!important;
}
html[dir="ltr"] body.mysub-standalone .mysub-sidebar{
  left:0!important;
  right:auto!important;
}
body.mysub-standalone .mysub-topbar{
  position:fixed!important;
  top:0!important;
  height:70px!important;
  min-height:70px!important;
  z-index:260!important;
}
html[dir="rtl"] body.mysub-standalone .mysub-topbar{
  right:260px!important;
  left:0!important;
  inset-inline-start:0!important;
  inset-inline-end:260px!important;
}
html[dir="ltr"] body.mysub-standalone .mysub-topbar{
  left:260px!important;
  right:0!important;
  inset-inline-start:260px!important;
  inset-inline-end:0!important;
}
body.mysub-standalone .mysub-main{
  min-height:100vh!important;
  padding:92px 28px 34px!important;
  display:block!important;
  overflow:visible!important;
}
html[dir="rtl"] body.mysub-standalone .mysub-main{
  margin-right:260px!important;
  margin-left:0!important;
  margin-inline-end:260px!important;
  margin-inline-start:0!important;
}
html[dir="ltr"] body.mysub-standalone .mysub-main{
  margin-left:260px!important;
  margin-right:0!important;
  margin-inline-start:260px!important;
  margin-inline-end:0!important;
}
body.mysub-standalone .mysub-page{
  width:100%!important;
  max-width:1240px!important;
  margin:0 auto!important;
  transform:none!important;
}
body.mysub-standalone .mysub-hero{
  min-height:150px!important;
  padding:24px 30px!important;
}
body.mysub-standalone .mysub-orb{
  width:92px!important;
  height:92px!important;
}
body.mysub-standalone .mysub-hero-art{
  width:160px!important;
  height:104px!important;
}
body.mysub-standalone .mysub-stats{
  gap:12px!important;
}
body.mysub-standalone .mysub-stat{
  min-height:96px!important;
  padding:14px!important;
}
body.mysub-standalone .mysub-stat i{
  width:42px!important;
  height:42px!important;
}
body.mysub-standalone .mysub-search > img.sant-neon-icon,
body.mysub-standalone .mysub-top-search > img.sant-neon-icon{
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  max-width:13px!important;
  min-height:13px!important;
  max-height:13px!important;
}
@media(max-width:900px){
  body.mysub-standalone .mysub-sidebar{
    display:none!important;
  }
  body.mysub-standalone .mysub-topbar{
    left:0!important;
    right:0!important;
    inset-inline-start:0!important;
    inset-inline-end:0!important;
  }
  html[dir="rtl"] body.mysub-standalone .mysub-main,
  html[dir="ltr"] body.mysub-standalone .mysub-main{
    margin:0!important;
    padding:82px 14px 24px!important;
  }
}

/* =========================================================
   MySub full width final fix - no side empty gap, no sidebar overlap
   ========================================================= */
body.mysub-standalone,
body.mysub-standalone *{
  box-sizing:border-box!important;
}
body.mysub-standalone .mysub-sidebar{
  width:250px!important;
  min-width:250px!important;
  max-width:250px!important;
}
html[dir="rtl"] body.mysub-standalone .mysub-sidebar{
  right:0!important;
  left:auto!important;
}
html[dir="ltr"] body.mysub-standalone .mysub-sidebar{
  left:0!important;
  right:auto!important;
}
body.mysub-standalone .mysub-main{
  width:auto!important;
  max-width:none!important;
  padding:92px 24px 34px!important;
}
html[dir="rtl"] body.mysub-standalone .mysub-main{
  margin-right:250px!important;
  margin-left:0!important;
  margin-inline-start:250px!important;
  margin-inline-end:0!important;
}
html[dir="ltr"] body.mysub-standalone .mysub-main{
  margin-left:250px!important;
  margin-right:0!important;
  margin-inline-start:250px!important;
  margin-inline-end:0!important;
}
body.mysub-standalone .mysub-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.mysub-standalone .mysub-topbar{
  width:auto!important;
  max-width:none!important;
}
html[dir="rtl"] body.mysub-standalone .mysub-topbar{
  right:250px!important;
  left:0!important;
  inset-inline-start:250px!important;
  inset-inline-end:0!important;
}
html[dir="ltr"] body.mysub-standalone .mysub-topbar{
  left:250px!important;
  right:0!important;
  inset-inline-start:250px!important;
  inset-inline-end:0!important;
}
body.mysub-standalone .mysub-hero,
body.mysub-standalone .mysub-stats,
body.mysub-standalone .mysub-toolbar,
body.mysub-standalone .mysub-empty,
body.mysub-standalone .mysub-list{
  width:100%!important;
  max-width:100%!important;
}
body.mysub-standalone .mysub-hero{
  overflow:hidden!important;
}
@media(max-width:900px){
  html[dir="rtl"] body.mysub-standalone .mysub-main,
  html[dir="ltr"] body.mysub-standalone .mysub-main{
    margin:0!important;
    margin-inline:0!important;
    padding:82px 14px 24px!important;
  }
  html[dir="rtl"] body.mysub-standalone .mysub-topbar,
  html[dir="ltr"] body.mysub-standalone .mysub-topbar{
    left:0!important;
    right:0!important;
    inset-inline-start:0!important;
    inset-inline-end:0!important;
  }
}

/* My Subscriptions time boxes + store-grey color polish */
.mysub-time-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(82px,1fr));
  gap:10px;
  max-width:390px;
  margin:12px 0 10px;
}
.mysub-time-box{
  min-height:72px;
  border:1px solid rgba(129,104,78,.26);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(129,104,78,.10),rgba(26,21,19,.55));
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  box-shadow:inset 0 0 18px rgba(129,104,78,.05),0 14px 34px rgba(0,0,0,.16);
}
.mysub-time-box strong{
  color:#a89a83 !important;
  font-size:25px;
  line-height:1;
  font-weight:700;
  letter-spacing:.3px;
  text-shadow:0 0 18px rgba(129,104,78,.22);
}
.mysub-time-box span{
  color:#c2b6a1;
  font-size:12px;
  font-weight:600;
}
.mysub-card-actions a{
  background:linear-gradient(135deg,#a89a83,#a89a83) !important;
  border-color:#a89a83 !important;
  color:#15120e !important;
  box-shadow:0 14px 30px rgba(129,104,78,.18) !important;
}
.mysub-card-actions a:hover{
  box-shadow:0 16px 36px rgba(129,104,78,.28) !important;
}
.mysub-badge.soon{
  background:rgba(129,104,78,.16) !important;
  color:#a89a83 !important;
  border:1px solid rgba(129,104,78,.28);
  box-shadow:0 0 22px rgba(129,104,78,.10);
}
.mysub-card.soon .mysub-progress i{
  background:linear-gradient(90deg,#a89a83,#a89a83) !important;
}
.mysub-card.soon .mysub-card-icon{
  background:linear-gradient(135deg,#a89a83,#a89a83) !important;
}
@media(max-width:900px){
  .mysub-time-grid{margin-inline:auto;}
}
@media(max-width:560px){
  .mysub-time-grid{grid-template-columns:1fr;max-width:100%;}
}

/* =========================================================
   Final icon alignment fix: topbar buttons + dashboard search
   ========================================================= */
.dash-v3-topbar .dash-icon-btn,
body.mysub-standalone .mysub-topbar .dash-icon-btn{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  line-height:1!important;
  overflow:hidden!important;
  border-radius:14px!important;
}
.dash-v3-topbar .dash-icon-btn > img.sant-neon-icon,
body.mysub-standalone .mysub-topbar .dash-icon-btn > img.sant-neon-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  background:transparent!important;
}

.dash-v3-search,
body.mysub-standalone .mysub-top-search,
body.mysub-standalone .mysub-search{
  overflow:hidden!important;
}
.dash-v3-search > img.sant-neon-icon,
body.mysub-standalone .mysub-top-search > img.sant-neon-icon,
body.mysub-standalone .mysub-search > img.sant-neon-icon{
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  max-width:12px!important;
  min-height:12px!important;
  max-height:12px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  margin:0 3px!important;
  padding:0!important;
  opacity:.62!important;
  filter:drop-shadow(0 0 4px rgba(129,104,78,.20))!important;
  background:transparent!important;
}
.dash-v3-search input,
body.mysub-standalone .mysub-top-search input,
body.mysub-standalone .mysub-search input{
  min-width:0!important;
}
.dash-profile > img,
.dash-v3-brand > img,
body.mysub-standalone .dash-profile > img,
body.mysub-standalone .dash-v3-brand > img{
  object-fit:cover!important;
  object-position:center!important;
}


/* Norel Store fonts — Cairo (UI) + Tajawal (headings) */
:root{
  --font-main:'Cairo',Tahoma,Arial,sans-serif;
  --font-display:'Tajawal','Cairo',Tahoma,Arial,sans-serif;
}
html,body,
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands){
  font-family:var(--font-main)!important;
}
body{font-weight:500!important;}
input,button,select,textarea,a,label,small,p,span,strong,div,li,td,th{
  font-family:var(--font-main)!important;
}
body h1,body h2,body h3,body h4,body h5,body h6,
body .vault-brand,
body .sant-home-copy h1,
body .store-hero h1,
body .admin-hero h1,
body .multi-head h1,
body .bot-mgmt-title h2,
body .login-card h1,
body .sant-mgmt-banner .multi-head h1,
body .vault-card-title h2{
  font-family:var(--font-display)!important;
}
button,.primary-btn,.small-btn,nav a,.admin-card button,.mysub-filter-tabs button,.mysub-card-actions a,.mysub-card-actions button{
  font-weight:600!important;
}
input,select,textarea,p,small{font-weight:500!important;}

/* =========================================================
   Fix store top icons + dashboard bot management vertical layout
   ========================================================= */
/* Store top buttons: keep icons centered, same size, no clipping */
.store-page-body .topbar{
  align-items:center!important;
  overflow:visible!important;
}
.store-page-body .topbar-controls{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
.store-page-body .icon-btn,
.store-page-body .user-pill{
  display:inline-grid!important;
  place-items:center!important;
  width:46px!important;
  min-width:46px!important;
  height:42px!important;
  padding:0!important;
  overflow:hidden!important;
  line-height:1!important;
  vertical-align:middle!important;
}
.store-page-body .store-home-btn{
  font-size:18px!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.store-page-body #storeLang{
  font-size:13px!important;
  font-weight:700!important;
}
.store-page-body .topbar .icon-btn > img.sant-neon-icon,
.store-page-body .topbar-controls .icon-btn > img.sant-neon-icon,
.store-page-body .currency-switch button > img.sant-neon-icon,
.store-page-body .store-badge > img.sant-neon-icon,
.store-page-body .checkout-btn > img.sant-neon-icon,
.store-page-body .checkout-wide-btn > img.sant-neon-icon,
.store-page-body h3 > img.sant-neon-icon,
.store-page-body b > img.sant-neon-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:inline-block!important;
  margin:0 4px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  flex:0 0 18px!important;
}
.store-page-body .topbar-brand img{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.store-page-body .currency-switch button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}

/* Dashboard: make bot management clean vertical list */
.dash-v3-manage{
  overflow:visible!important;
}
.dash-v3-manage .dash-v3-panel-head{
  margin-bottom:14px!important;
}
.dash-v3-manage .dash-v3-selector{
  margin-bottom:12px!important;
}
.dash-v3-manage .dash-v3-selector>button{
  height:auto!important;
  min-height:58px!important;
  grid-template-columns:42px minmax(0,1fr) 26px!important;
}
.dash-v3-manage .dash-v3-selector b,
.dash-v3-manage .dash-v3-selector small{
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.dash-v3-manage-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.dash-v3-manage-actions button{
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 16px!important;
  text-align:start!important;
  border-radius:11px!important;
}
.dash-v3-manage-actions button span{
  flex:1!important;
  text-align:start!important;
}
.dash-v3-manage-actions button img.sant-neon-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
}
html[dir="rtl"] .dash-v3-manage-actions button{
  flex-direction:row-reverse!important;
}
html[dir="rtl"] .dash-v3-manage-actions button span{
  text-align:right!important;
}
html[dir="ltr"] .dash-v3-manage-actions button span{
  text-align:left!important;
}
@media(max-width:1180px){
  .dash-v3-manage-actions{display:flex!important;flex-direction:column!important}
}


/* =========================================================
   Final requested fix: store icon size + bot management icon alignment
   ========================================================= */

/* Store top buttons/images: slightly larger and centered */
.store-page-body .topbar .icon-btn,
.store-page-body .icon-btn{
  width:52px!important;
  height:46px!important;
  min-width:52px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:hidden!important;
}
.store-page-body .topbar .icon-btn > img.sant-neon-icon,
.store-page-body .icon-btn > img.sant-neon-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:3px!important;
  margin:0!important;
  border-radius:50%!important;
  transform:none!important;
}
.store-page-body .user-pill img{
  width:38px!important;
  height:38px!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Store product/cart icons: bigger, but without cropping */
.store-page-body .product-icon,
.store-page-body .cart-product-icon,
.store-page-body .store-product-icon,
.store-page-body .product-card .product-icon,
.store-page-body .checkout-cart-item .cart-product-icon{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  border-radius:17px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.store-page-body .product-icon img,
.store-page-body .cart-product-icon img,
.store-page-body .store-product-icon img,
.store-page-body .product-card .product-icon img,
.store-page-body .checkout-cart-item .cart-product-icon img,
.store-page-body .product-icon .sant-neon-icon,
.store-page-body .cart-product-icon .sant-neon-icon,
.store-page-body .store-product-icon .sant-neon-icon{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:5px!important;
  margin:0!important;
  border-radius:inherit!important;
  transform:none!important;
}

/* Return bot management buttons to the original 2-column layout */
.dash-v3-manage-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.dash-v3-manage-actions button{
  position:relative!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 44px!important;
  text-align:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  border-radius:10px!important;
}
.dash-v3-manage-actions button > img.sant-neon-icon,
.dash-v3-manage-actions button > .bot-action-symbol{
  position:absolute!important;
  inset-inline-end:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  display:grid!important;
  place-items:center!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-style:normal!important;
  font-size:17px!important;
  line-height:1!important;
}
.dash-v3-manage-actions button span{
  display:block!important;
  flex:none!important;
  width:100%!important;
  text-align:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html[dir="ltr"] .dash-v3-manage-actions button > img.sant-neon-icon,
html[dir="ltr"] .dash-v3-manage-actions button > .bot-action-symbol{
  inset-inline-start:14px!important;
  inset-inline-end:auto!important;
}
@media(max-width:560px){
  .dash-v3-manage-actions{grid-template-columns:1fr!important;}
}


/* NorelStore multi-bot Music/Broadcast workspace */
.multi-workspace{direction:rtl;min-height:520px;padding:28px 36px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(210,169,158,.08),transparent 32%),linear-gradient(180deg,rgba(48,40,32,.92),rgba(48,40,32,.96));border-radius:24px}
.multi-back{position:absolute;top:22px;right:28px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#c2b6a1;border-radius:999px;padding:8px 16px;font-weight:600;cursor:pointer}.multi-head{text-align:right;margin:70px 0 38px auto;max-width:520px}.multi-head h1{font-size:42px;margin:0 0 6px;font-weight:800}.multi-head h1::first-letter,.multi-head h1 span{color:#a89a83}.multi-head p{color:#c2b6a1;margin:0;font-weight:500}.multi-stat{position:absolute;top:94px;left:36px;width:245px;display:flex;align-items:center;justify-content:space-around;border:1px solid #26211a;border-radius:16px;padding:18px;background:rgba(48,40,32,.8)}.multi-stat small{display:block;color:#c2b6a1;font-weight:600}.multi-stat b{font-size:30px;color:#a89a83}.multi-stat i{width:1px;height:44px;background:#26211a}.manage-method-modal.inline{max-width:560px;margin:0 auto;background:#15120e;border:1px solid #26211a;border-radius:22px;padding:32px}.method-top{text-align:center}.method-top span{width:64px;height:64px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid rgba(99,76,54,.35);background:rgba(99,76,54,.08);color:#a89a83}.method-top h2{margin:18px 0 6px;font-size:28px}.method-top p{margin:0;color:#a89a83}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.method-grid button{min-height:170px;border:1px solid #26211a;background:#15120e;color:#fff;border-radius:16px;cursor:pointer;padding:22px;transition:.2s}.method-grid button:hover{border-color:#a89a83;transform:translateY(-2px)}.method-grid i{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#26211a;margin:0 auto 16px;color:#a89a83}.method-grid strong{display:block;font-size:23px}.method-grid small{display:block;color:#a89a83;margin-top:8px;line-height:1.6}.music-bots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,285px));gap:24px;justify-content:end}.music-bot-card{position:relative;height:300px;border:1px solid #26211a;border-radius:22px;background:#15120e;overflow:hidden;padding:0 20px 20px;text-align:center}.music-card-banner{height:105px;margin:0 -20px 0;background:linear-gradient(135deg,rgba(99,76,54,.15),rgba(255,255,255,.03))}.music-card-avatar{width:78px;height:78px;border-radius:18px;object-fit:cover;background:#1e1a14;border:1px solid #26211a;position:absolute;top:73px;right:50%;transform:translateX(50%);box-shadow:0 12px 30px rgba(0,0,0,.35)}.music-card-online{position:absolute;top:141px;right:calc(50% - 50px);width:11px;height:11px;border-radius:50%;background:#a89a83;box-shadow:0 0 0 4px rgba(99,76,54,.12)}.music-bot-card>small{position:absolute;top:128px;left:20px;border:1px solid #26211a;border-radius:8px;padding:5px 10px;color:#a89a83;font-weight:700}.music-bot-card h3{margin:68px 0 8px;font-size:19px}.music-bot-card em{font-style:normal;background:rgba(99,76,54,.12);border:1px solid rgba(99,76,54,.25);color:#a89a83;border-radius:6px;padding:4px 9px;font-weight:700;font-size:12px}.music-card-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.music-card-actions button{border:0;border-radius:12px;background:#1e1a14;color:#fff;min-width:42px;height:42px;padding:0 13px;font-weight:700;cursor:pointer}.music-card-actions .main{background:#fff;color:#111;min-width:145px}.advanced-settings-modal{direction:rtl;background:#15120e;border:1px solid #26211a;border-radius:22px;overflow:hidden;color:#fff;max-width:675px;margin:0 auto}.advanced-head{position:relative;padding:26px 26px 22px;border-bottom:1px solid #26211a}.advanced-head h2{margin:0;font-size:24px}.advanced-head p{margin:6px 0 0;color:#a89a83;font-weight:600}.advanced-close{position:absolute;left:16px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:#26211a;color:#c2b6a1;font-size:24px;cursor:pointer}.advanced-body{padding:28px 26px;display:grid;gap:18px}.advanced-body label{color:#a89a83;font-weight:700;font-size:13px}.advanced-body input{width:100%;height:50px;border:1px solid #26211a;border-radius:12px;background:#15120e;color:#fff;padding:0 14px;font-weight:600}.advanced-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.advanced-toggles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toggle-card{height:72px;border:1px solid #26211a;border-radius:13px;background:#15120e;color:#fff;text-align:right;padding:12px 58px 12px 16px;position:relative;cursor:pointer}.toggle-card span{position:absolute;right:16px;top:24px;width:42px;height:23px;border-radius:999px;background:#26211a}.toggle-card span:after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;left:3px;top:2.5px;background:#fff;transition:.2s}.toggle-card.active span{background:#a89a83}.toggle-card.active span:after{left:21px}.toggle-card b{display:block}.toggle-card small{color:#a89a83}.discord-preview{border:1px solid #26211a;border-radius:12px;padding:14px;background:#15120e}.advanced-save{padding:18px 24px 24px;border-top:1px solid #26211a}.advanced-save button{width:100%;height:50px;border:0;border-radius:12px;background:#a89a83;color:#15120e;font-weight:800;cursor:pointer}.multi-loading,.multi-empty{padding:40px;text-align:center;color:#c2b6a1;border:1px dashed #26211a;border-radius:16px;background:rgba(255,255,255,.02)}
@media(max-width:760px){.multi-stat{position:static;margin-bottom:20px}.multi-head{margin-top:20px}.method-grid,.advanced-row,.advanced-toggles{grid-template-columns:1fr}.music-bots-grid{grid-template-columns:1fr}.multi-workspace{padding:22px 14px}.manage-method-modal.inline{padding:22px}}

/* Full internal page for Music/Bc multi-bot management */
.multi-control-page{min-height:calc(100vh - 110px);animation:dashPageIn .22s ease both}
.multi-workspace-page{direction:rtl;min-height:calc(100vh - 120px);padding:34px 44px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(210,169,158,.08),transparent 32%),linear-gradient(180deg,rgba(48,40,32,.45),rgba(48,40,32,.22));border-radius:24px;border:1px solid rgba(255,255,255,.04)}
.multi-workspace-page .multi-back{position:absolute;top:26px;right:auto;left:38px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#c2b6a1;border-radius:999px;padding:9px 18px;font-weight:700;cursor:pointer;z-index:3}
.multi-workspace-page .multi-head{text-align:right;margin:86px 0 44px auto;max-width:650px}
.multi-workspace-page .multi-head small{display:inline-flex;border:1px solid rgba(99,76,54,.25);background:rgba(99,76,54,.08);color:#a89a83;border-radius:999px;padding:7px 16px;font-weight:800;margin-bottom:16px}
.multi-workspace-page .multi-head h1{font-size:46px;margin:0 0 8px;font-weight:800;line-height:1.15}
.multi-workspace-page .multi-head h1::first-letter,.multi-workspace-page .multi-head h1 span{color:#a89a83}
.multi-workspace-page .multi-head p{color:#c2b6a1;margin:0;font-weight:600;font-size:16px}
.multi-workspace-page .multi-stat{position:absolute;top:110px;left:44px;width:255px;display:flex;align-items:center;justify-content:space-around;border:1px solid #26211a;border-radius:16px;padding:18px;background:rgba(48,40,32,.66);backdrop-filter:blur(10px)}
.multi-page-content{max-width:980px;margin:0 0 0 auto}
.manage-method-page{max-width:590px;margin:0 auto;background:rgba(48,40,32,.82);border:1px solid #26211a;border-radius:22px;padding:34px;box-shadow:0 24px 80px rgba(0,0,0,.22)}
.advanced-settings-modal.page-mode{max-width:760px;margin:0 auto 40px;background:rgba(48,40,32,.92)}
.multi-workspace-page .music-bots-grid{justify-content:end;grid-template-columns:repeat(auto-fit,minmax(285px,285px))}
#navMultiControl:not(.hidden){display:flex!important}
@keyframes dashPageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.multi-workspace-page{padding:22px 14px}.multi-workspace-page .multi-back{position:static;margin-bottom:18px}.multi-workspace-page .multi-head{margin:12px 0 24px}.multi-workspace-page .multi-head h1{font-size:32px}.multi-workspace-page .multi-stat{position:static;width:auto;margin-bottom:22px}.multi-page-content{max-width:100%}.manage-method-page{padding:22px}.multi-workspace-page .music-bots-grid{grid-template-columns:1fr}}

/* Multi-bot entry page: show only convert button before opening workspace */
.multi-entry-page{
  min-height: calc(100vh - 160px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 16px;
}
.multi-entry-hero{
  width:min(560px, 100%);
  border:1px solid rgba(193,173,163,.18);
  background:linear-gradient(180deg, rgba(48,40,32,.88), rgba(48,40,32,.92));
  border-radius:30px;
  padding:42px 34px;
  text-align:center;
  box-shadow:0 24px 80px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.03);
}
.multi-entry-visual{
  position:relative;
  width:104px;
  height:104px;
  margin:0 auto 18px;
  border-radius:32px;
  display:grid;
  place-items:center;
  background:rgba(215,174,162,.10);
  border:1px solid rgba(215,174,162,.22);
}
.multi-entry-visual span{
  position:absolute;
  right:12px;
  bottom:12px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:#26211a;
  box-shadow:0 0 18px rgba(215,174,162,.8);
}
.multi-entry-icon{width:58px;height:58px;display:grid;place-items:center}
.multi-entry-icon img{width:58px;height:58px;object-fit:contain}
.multi-entry-hero small{display:inline-flex;padding:7px 16px;border-radius:999px;color:#c2b6a1;background:rgba(215,174,162,.10);border:1px solid rgba(215,174,162,.20);font-weight:700}
.multi-entry-hero h1{margin:16px 0 8px;font-size:42px;line-height:1.15;color:#fff}
.multi-entry-hero p{margin:0 auto 22px;max-width:440px;color:#c2b6a1;line-height:1.9;font-weight:600}
.multi-entry-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
.multi-entry-info div{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:18px;padding:14px 10px}
.multi-entry-info span{display:block;color:#a89a83;font-size:12px;font-weight:700;margin-bottom:5px}
.multi-entry-info b{color:#fff;font-size:18px}
.multi-convert-btn{width:100%;height:58px;border:0;border-radius:18px;background:#26211a;color:#f2ede4;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 16px 38px rgba(215,174,162,.18)}
.multi-convert-btn:hover{filter:brightness(1.06)}
@media (max-width:640px){.multi-entry-hero{padding:30px 18px}.multi-entry-hero h1{font-size:30px}.multi-entry-info{grid-template-columns:1fr}}

/* Locked standalone bot-management nav/page */
#navMultiControl.multi-nav-locked{opacity:.55;position:relative}
#navMultiControl.multi-nav-locked span:after{content:' 🔒';font-size:12px}
.subs-pro-card-actions .wide{grid-column:1 / -1;width:100%}
.multi-locked-page{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:40px 16px;direction:rtl}
.multi-locked-card{width:min(520px,100%);text-align:center;border:1px solid rgba(193,173,163,.16);background:linear-gradient(180deg,rgba(48,40,32,.86),rgba(48,40,32,.94));border-radius:28px;padding:42px 34px;box-shadow:0 24px 80px rgba(0,0,0,.32)}
.multi-locked-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:rgba(215,174,162,.10);border:1px solid rgba(215,174,162,.22);color:#c2b6a1}
.multi-locked-card h1{margin:0 0 10px;color:#fff;font-size:34px}
.multi-locked-card p{margin:0 auto 24px;max-width:390px;color:#c2b6a1;font-weight:600;line-height:1.9}
.multi-locked-card button{height:52px;border:0;border-radius:16px;background:#26211a;color:#f2ede4;font-weight:800;padding:0 26px;cursor:pointer}

.bot-management-home .multi-head { max-width: 620px; }
.bot-management-sub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 360px));
  gap: 22px;
  justify-content: end;
  margin-top: 42px;
}
.bot-management-sub-card { min-height: 355px; }
.bot-management-sub-card .subs-pro-actions { grid-template-columns: 1fr; }
.bot-management-sub-card .subs-pro-actions .main { width: 100%; }
@media (max-width: 760px) {
  .bot-management-sub-grid { justify-content: stretch; grid-template-columns: 1fr; }
}

/* Bot management subscription cards - black clean layout */
.bot-management-home .multi-head{
  max-width:620px;
  margin-inline-start:auto;
  margin-inline-end:0;
}
.bot-management-sub-grid{
  direction:ltr;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(330px, 390px));
  gap:26px;
  justify-content:start!important;
  align-items:start;
  width:100%;
  margin-top:42px;
  padding-inline-start:0;
  padding-inline-end:0;
}
.bot-mgmt-card{
  direction:rtl;
  position:relative;
  width:100%;
  min-height:300px;
  border:1px solid rgba(99,76,54,.45);
  border-radius:22px;
  background:linear-gradient(180deg,#15120e,#15120e)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.025);
  padding:28px;
  overflow:hidden;
  color:#fff;
  cursor:pointer;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.bot-mgmt-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 8% 8%,rgba(99,76,54,.14),transparent 28%),radial-gradient(circle at 92% 18%,rgba(255,255,255,.035),transparent 22%);
  opacity:.75;
  pointer-events:none;
}
.bot-mgmt-card:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  border:1px solid transparent;
  box-shadow:0 0 0 0 rgba(99,76,54,0);
  pointer-events:none;
  transition:.22s ease;
}
.bot-mgmt-card:hover,
.bot-mgmt-card.clicked{
  transform:translateY(-4px);
  border-color:#a89a83;
  box-shadow:0 28px 85px rgba(0,0,0,.38),0 0 34px rgba(99,76,54,.18),inset 0 0 0 1px rgba(99,76,54,.12);
}
.bot-mgmt-card:hover:after,
.bot-mgmt-card.clicked:after{
  box-shadow:0 0 0 2px rgba(99,76,54,.30),0 0 36px rgba(99,76,54,.20);
}
.bot-mgmt-card-top,
.bot-mgmt-code,
.bot-mgmt-info,
.bot-mgmt-footer{position:relative;z-index:1}
.bot-mgmt-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.bot-mgmt-title{display:flex;align-items:center;gap:10px;min-width:0}
.bot-mgmt-title h2{margin:0;font-size:25px;font-weight:800;letter-spacing:.2px;white-space:nowrap}
.bot-mgmt-dot{width:17px;height:17px;border-radius:50%;background:#a89a83;box-shadow:0 0 18px rgba(137,110,103,.72);flex:0 0 auto}
.bot-mgmt-avatar{width:86px;height:86px;border-radius:21px;display:grid;place-items:center;background:#15120e;border:1px solid rgba(99,76,54,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.bot-mgmt-avatar img{width:54px;height:54px;object-fit:contain}.bot-mgmt-avatar svg{width:42px;height:42px}
.bot-mgmt-code{display:inline-flex;margin:0 0 24px;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:8px 14px;color:#c2b6a1;background:rgba(255,255,255,.025);font-weight:700;font-size:13px}
.bot-mgmt-info{display:grid;gap:10px;margin-bottom:28px}
.bot-mgmt-info div{height:54px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.022);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 14px;color:#c2b6a1;font-weight:700}
.bot-mgmt-info span{color:#c2b6a1;font-size:13px}.bot-mgmt-info strong{justify-self:end;color:#f2ede4;font-size:15px}.bot-mgmt-info img.sant-neon-icon{width:18px;height:18px;opacity:.9}
.bot-mgmt-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto}
.bot-mgmt-manage{height:52px;min-width:142px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:#1e1a14;color:#fff;font-family:inherit;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.18s ease}
.bot-mgmt-manage:hover{background:#fff;color:#f2ede4;transform:translateY(-2px)}
.bot-mgmt-manage img.sant-neon-icon{width:22px;height:22px}.bot-mgmt-status{height:43px;min-width:112px;border:1px solid rgba(99,76,54,.25);border-radius:999px;background:rgba(99,76,54,.10);color:#a89a83;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:13px}.bot-mgmt-status b{width:9px;height:9px;border-radius:50%;background:#a89a83;box-shadow:0 0 14px rgba(99,76,54,.8)}
@media(max-width:760px){.bot-management-sub-grid{grid-template-columns:1fr}.bot-mgmt-card{min-height:280px;padding:22px}.bot-mgmt-title h2{font-size:22px}.bot-mgmt-avatar{width:74px;height:74px}.bot-mgmt-footer{flex-direction:column;align-items:stretch}.bot-mgmt-manage,.bot-mgmt-status{width:100%}}

/* Bot management RTL layout + method modal polish */
.bot-management-home{
  direction: rtl;
}
.bot-management-home .multi-head{
  text-align: right !important;
  margin-inline-start: auto !important;
  margin-inline-end: 0 !important;
}
.bot-management-home .multi-stat,
.multi-workspace-page .multi-stat{
  left: 44px !important;
  right: auto !important;
}
.bot-management-home .bot-management-sub-grid{
  direction: rtl !important;
  justify-content: start !important;
  justify-items: start !important;
  grid-auto-flow: row !important;
}
.bot-management-home .bot-mgmt-card{
  background: linear-gradient(180deg,#15120e,#15120e) !important;
  border-color: rgba(255,255,255,.10) !important;
}
.bot-management-home .bot-mgmt-card:hover,
.bot-management-home .bot-mgmt-card.clicked{
  border-color: #a89a83 !important;
  box-shadow: 0 28px 85px rgba(0,0,0,.38), 0 0 0 1px rgba(99,76,54,.42), 0 0 38px rgba(99,76,54,.22), inset 0 0 0 1px rgba(99,76,54,.12) !important;
}
.modal-card.modal-card-method{
  width: min(560px,92vw) !important;
  padding: 0 !important;
  border-radius: 22px !important;
  background: rgba(48,40,32,.96) !important;
  border: 1px solid #26211a !important;
  box-shadow: 0 28px 110px rgba(0,0,0,.55) !important;
  overflow: hidden;
}
.modal-card.modal-card-method #modalTitle{
  display:none !important;
}
.modal-card.modal-card-method #modalBody{
  padding:0 !important;
}
.modal-card.modal-card-method .modal-actions{
  display:none !important;
}
.manage-method-page.modal-mode{
  max-width:none !important;
  margin:0 !important;
  padding:42px 34px 38px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  direction:rtl;
}
.manage-method-page.modal-mode .method-grid button{
  position:relative;
  overflow:hidden;
}
.manage-method-page.modal-mode .method-grid button:hover,
.manage-method-page.modal-mode .method-grid button.selected,
.manage-method-page.modal-mode .method-grid button:active{
  border-color:#a89a83 !important;
  box-shadow:0 0 0 1px rgba(99,76,54,.38),0 0 34px rgba(99,76,54,.22),inset 0 0 0 1px rgba(99,76,54,.16) !important;
  transform:translateY(-2px);
}
.manage-method-page.modal-mode .method-grid button.selected:after,
.manage-method-page.modal-mode .method-grid button:active:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:16px;
  background:radial-gradient(circle at center,rgba(99,76,54,.16),transparent 58%);
  pointer-events:none;
}
@media(max-width:760px){
  .bot-management-home .multi-stat,.multi-workspace-page .multi-stat{left:auto!important;right:auto!important;}
  .bot-management-home .bot-management-sub-grid{justify-items:stretch!important;}
}

/* Final RTL alignment + click effects for bot management page */
.multi-workspace-page.bot-management-home > .multi-head,
.bot-management-home.multi-workspace-page > .multi-head,
.bot-management-home .multi-head{
  direction: rtl !important;
  text-align: right !important;
  margin: 86px 0 44px auto !important;
  margin-inline-start: unset !important;
  margin-inline-end: unset !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  max-width: 650px !important;
  width: fit-content !important;
}
.multi-workspace-page.bot-management-home > .multi-stat,
.bot-management-home.multi-workspace-page > .multi-stat,
.bot-management-home .multi-stat{
  left: 44px !important;
  right: auto !important;
}
.bot-management-home .bot-management-sub-grid{
  direction: rtl !important;
  justify-content: start !important;
  justify-items: start !important;
  text-align: right !important;
}
.bot-mgmt-manage{
  position: relative !important;
  overflow: hidden !important;
}
.bot-mgmt-manage::after{
  content:"";
  position:absolute;
  inset:50%;
  width:0;
  height:0;
  border-radius:999px;
  background:rgba(99,76,54,.28);
  transform:translate(-50%,-50%);
  opacity:0;
  transition:width .28s ease,height .28s ease,opacity .28s ease;
  pointer-events:none;
}
.bot-mgmt-manage:hover,
.bot-mgmt-manage.pressed,
.bot-mgmt-manage:active{
  border-color:#a89a83 !important;
  background:rgba(99,76,54,.16) !important;
  color:#fff !important;
  box-shadow:0 0 0 1px rgba(99,76,54,.35),0 0 32px rgba(99,76,54,.22),inset 0 0 0 1px rgba(99,76,54,.14) !important;
  transform:translateY(-2px) scale(1.015) !important;
}
.bot-mgmt-manage.pressed::after,
.bot-mgmt-manage:active::after{
  width:220px;
  height:220px;
  opacity:1;
}
.bot-mgmt-card.clicked{
  animation: botCardPulse .42s ease both;
}
@keyframes botCardPulse{
  0%{box-shadow:0 22px 70px rgba(0,0,0,.32),0 0 0 rgba(99,76,54,0)}
  45%{box-shadow:0 28px 85px rgba(0,0,0,.40),0 0 0 2px rgba(99,76,54,.46),0 0 42px rgba(99,76,54,.27)}
  100%{box-shadow:0 22px 70px rgba(0,0,0,.32),0 0 0 1px rgba(99,76,54,.18)}
}
.manage-method-page.modal-mode .method-grid button{
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.manage-method-page.modal-mode .method-grid button:hover,
.manage-method-page.modal-mode .method-grid button.selected,
.manage-method-page.modal-mode .method-grid button:active{
  background:linear-gradient(180deg,rgba(99,76,54,.10),rgba(48,40,32,.98)) !important;
}
@media(max-width:760px){
  .multi-workspace-page.bot-management-home > .multi-head,
  .bot-management-home .multi-head{
    width:auto !important;
    margin: 12px 0 24px 0 !important;
  }
  .bot-management-home .bot-management-sub-grid{
    justify-content: stretch !important;
    justify-items: stretch !important;
  }
}

/* Music individual workspace final layout fix */
.multi-workspace-page.individual .multi-head{
  direction:rtl!important;
  text-align:right!important;
  margin:76px 0 34px auto!important;
  max-width:650px!important;
}
.multi-workspace-page.individual .multi-head h1{
  font-size:46px!important;
  line-height:1.15!important;
}
.multi-workspace-page.individual .music-bots-grid{
  direction:rtl!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(340px,380px))!important;
  gap:28px!important;
  justify-content:start!important;
  justify-items:stretch!important;
  align-items:start!important;
  padding-top:8px!important;
}
.multi-workspace-page.individual .music-bot-card{
  direction:rtl!important;
  width:100%!important;
  height:auto!important;
  min-height:385px!important;
  padding:0 26px 26px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#15120e,#15120e)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 24px 75px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.02)!important;
  overflow:visible!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
  cursor:pointer!important;
}
.multi-workspace-page.individual .music-bot-card:hover,
.multi-workspace-page.individual .music-bot-card.clicked,
.multi-workspace-page.individual .music-bot-card:active{
  transform:translateY(-4px) scale(1.012)!important;
  border-color:#a89a83!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 0 1px rgba(99,76,54,.42),0 0 42px rgba(99,76,54,.23),inset 0 0 0 1px rgba(99,76,54,.10)!important;
}
.multi-workspace-page.individual .music-card-banner{
  height:118px!important;
  margin:0 -26px!important;
  border-radius:24px 24px 0 0!important;
  background:linear-gradient(135deg,rgba(99,76,54,.14),rgba(255,255,255,.025))!important;
}
.multi-workspace-page.individual .music-card-avatar{
  width:88px!important;
  height:88px!important;
  border-radius:20px!important;
  top:78px!important;
  right:50%!important;
  transform:translateX(50%)!important;
}
.multi-workspace-page.individual .music-card-online{
  top:150px!important;
  right:calc(50% - 58px)!important;
}
.multi-workspace-page.individual .music-bot-card>small{
  top:142px!important;
  left:26px!important;
  right:auto!important;
}
.multi-workspace-page.individual .music-bot-card h3{
  margin:80px 0 12px!important;
  font-size:22px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.multi-workspace-page.individual .music-bot-card em{
  display:inline-flex!important;
  margin-bottom:26px!important;
}
.multi-workspace-page.individual .music-card-actions{
  direction:ltr!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:18px!important;
  width:100%!important;
}
.multi-workspace-page.individual .music-card-actions .main{
  order:0!important;
  margin-right:auto!important;
  min-width:160px!important;
  height:48px!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#f2ede4!important;
}
.multi-workspace-page.individual .music-card-actions button:not(.main){
  order:1!important;
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  border-radius:14px!important;
  background:#1e1a14!important;
  color:#fff!important;
}
.multi-workspace-page.individual .music-card-actions button:hover{
  border-color:#a89a83!important;
  box-shadow:0 0 25px rgba(99,76,54,.20)!important;
  transform:translateY(-2px)!important;
}
@media(max-width:760px){
  .multi-workspace-page.individual .music-bots-grid{grid-template-columns:1fr!important;justify-content:stretch!important}
  .multi-workspace-page.individual .music-bot-card{min-height:365px!important}
}

/* Music individual card identity/actions polish */
.multi-workspace-page.individual .music-bot-card{
  min-height:410px!important;
  padding:0 28px 28px!important;
  overflow:hidden!important;
}
.multi-workspace-page.individual .music-card-banner{
  height:112px!important;
  margin:0 -28px!important;
  background:linear-gradient(135deg,rgba(99,76,54,.12),rgba(255,255,255,.018))!important;
}
.multi-workspace-page.individual .music-card-main{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  margin-top:-54px!important;
  position:relative!important;
  z-index:2!important;
}
.multi-workspace-page.individual .music-card-identity{
  width:180px!important;
  margin-right:auto!important;
  text-align:center!important;
  position:relative!important;
}
.multi-workspace-page.individual .music-card-avatar{
  position:static!important;
  transform:none!important;
  width:92px!important;
  height:92px!important;
  border-radius:22px!important;
  display:block!important;
  margin:0 auto 16px!important;
  border:1px solid rgba(99,76,54,.16)!important;
  background:#15120e!important;
  box-shadow:0 18px 42px rgba(0,0,0,.42)!important;
}
.multi-workspace-page.individual .music-card-online{
  top:74px!important;
  right:36px!important;
  z-index:3!important;
}
.multi-workspace-page.individual .music-bot-card h3{
  margin:0 0 12px!important;
  font-size:21px!important;
  line-height:1.25!important;
  max-width:180px!important;
}
.multi-workspace-page.individual .music-bot-card em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  margin:0!important;
  padding:5px 11px!important;
}
.multi-workspace-page.individual .music-card-ping,
.multi-workspace-page.individual .music-bot-card>small.music-card-ping{
  position:absolute!important;
  top:142px!important;
  left:28px!important;
  right:auto!important;
  z-index:4!important;
}
.multi-workspace-page.individual .music-card-actions{
  direction:rtl!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-top:42px!important;
}
.multi-workspace-page.individual .music-card-mini-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  order:1!important;
}
.multi-workspace-page.individual .music-card-actions .main{
  order:2!important;
  margin:0!important;
  min-width:178px!important;
  height:56px!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  font-size:18px!important;
  font-weight:800!important;
  border-radius:16px!important;
}
.multi-workspace-page.individual .music-card-actions .main img{
  width:25px!important;
  height:25px!important;
  object-fit:contain!important;
  display:block!important;
}
.multi-workspace-page.individual .music-card-actions button:not(.main){
  width:56px!important;
  min-width:56px!important;
  height:56px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.multi-workspace-page.individual .music-card-actions button:not(.main) img{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  display:block!important;
}
.multi-workspace-page.individual .music-card-actions button.icon-restart img{width:30px!important;height:30px!important}
@media(max-width:760px){
  .multi-workspace-page.individual .music-card-identity{margin-right:auto!important;margin-left:auto!important}
  .multi-workspace-page.individual .music-card-actions{flex-direction:column-reverse!important;align-items:stretch!important}
  .multi-workspace-page.individual .music-card-mini-actions{justify-content:center!important}
  .multi-workspace-page.individual .music-card-actions .main{width:100%!important}
}

/* Final music individual card layout: clean identity on the right, ping on the other side */
.multi-workspace-page.individual .music-bots-grid{
  direction:rtl!important;
  justify-content:end!important;
  grid-template-columns:repeat(auto-fill,minmax(390px,430px))!important;
  gap:28px!important;
}
.multi-workspace-page.individual .music-bot-card{
  min-height:360px!important;
  height:auto!important;
  padding:0 28px 28px!important;
  overflow:hidden!important;
  background:#15120e!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:24px!important;
}
.multi-workspace-page.individual .music-card-banner{
  display:block!important;
  width:calc(100% + 56px)!important;
  height:120px!important;
  margin:0 -28px!important;
  padding:0!important;
  border:0!important;
  border-radius:24px 24px 0 0!important;
  background:linear-gradient(135deg,rgba(99,76,54,.12),rgba(255,255,255,.02))!important;
  cursor:pointer!important;
  transition:filter .2s ease, box-shadow .2s ease!important;
}
.multi-workspace-page.individual .music-card-banner:hover{
  filter:brightness(1.18)!important;
  box-shadow:inset 0 0 0 1px rgba(99,76,54,.22)!important;
}
.multi-workspace-page.individual .music-card-main{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  margin-top:-54px!important;
  position:relative!important;
  z-index:3!important;
}
.multi-workspace-page.individual .music-card-identity{
  width:190px!important;
  margin:0 0 0 auto!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  position:relative!important;
}
.multi-workspace-page.individual .music-card-avatar-wrap{
  position:relative!important;
  width:100px!important;
  height:100px!important;
  border:1px solid rgba(99,76,54,.20)!important;
  border-radius:23px!important;
  background:#15120e!important;
  padding:0!important;
  display:block!important;
  cursor:pointer!important;
  box-shadow:0 18px 42px rgba(0,0,0,.45)!important;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease!important;
}
.multi-workspace-page.individual .music-card-avatar-wrap:hover{
  transform:translateY(-2px)!important;
  border-color:#a89a83!important;
  box-shadow:0 22px 55px rgba(0,0,0,.50),0 0 28px rgba(99,76,54,.22)!important;
}
.multi-workspace-page.individual .music-card-avatar{
  position:static!important;
  transform:none!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  margin:0!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:23px!important;
  box-shadow:none!important;
}
.multi-workspace-page.individual .music-card-online{
  position:absolute!important;
  width:13px!important;
  height:13px!important;
  right:auto!important;
  left:-7px!important;
  top:66px!important;
  z-index:4!important;
  border:3px solid #15120e!important;
}
.multi-workspace-page.individual .music-card-name,
.multi-workspace-page.individual .music-bot-card h3{
  margin:14px 0 10px!important;
  max-width:190px!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.multi-workspace-page.individual .music-card-name:hover{
  color:#a89a83!important;
}
.multi-workspace-page.individual .music-bot-card em{
  margin:0!important;
  min-height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 12px!important;
  border-radius:7px!important;
}
.multi-workspace-page.individual .music-card-ping,
.multi-workspace-page.individual .music-bot-card>small.music-card-ping{
  position:absolute!important;
  top:150px!important;
  left:28px!important;
  right:auto!important;
  z-index:5!important;
  min-width:54px!important;
  height:36px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #26211a!important;
  border-radius:10px!important;
  background:#15120e!important;
  color:#c2b6a1!important;
  font-size:13px!important;
  font-weight:700!important;
}
.multi-workspace-page.individual .music-card-actions{
  display:flex!important;
  direction:ltr!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-top:42px!important;
  width:100%!important;
}
.multi-workspace-page.individual .music-card-actions .main{
  order:0!important;
  margin:0!important;
  min-width:185px!important;
  height:58px!important;
  font-size:19px!important;
}
.multi-workspace-page.individual .music-card-mini-actions{
  order:1!important;
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.multi-workspace-page.individual .music-card-actions button:not(.main){
  width:58px!important;
  min-width:58px!important;
  height:58px!important;
}
.music-edit-file-modal{direction:rtl;display:grid;gap:18px;padding:18px 6px 4px;text-align:center}
.music-upload-box{min-height:155px;border:2px dashed #26211a;border-radius:16px;background:#15120e;display:grid;place-items:center;gap:6px;padding:22px;cursor:pointer;transition:.2s}
.music-upload-box:hover{border-color:#a89a83;box-shadow:0 0 28px rgba(99,76,54,.16)}
.music-upload-box input{display:none!important}
.music-upload-icon{width:46px;height:46px;border-radius:50%;background:#26211a;display:grid;place-items:center;margin:auto;color:#a89a83}
.music-upload-box b{font-weight:800;color:#fff}
.music-upload-box small{color:#c2b6a1;font-weight:600}
.music-file-preview{display:block;margin:0 auto;object-fit:cover;background:#15120e;border:1px solid #26211a;box-shadow:0 16px 44px rgba(0,0,0,.38)}
.music-file-preview.avatar{width:125px;height:125px;border-radius:50%}
.music-file-preview.banner{width:100%;height:130px;border-radius:16px}
.music-edit-name-modal{direction:rtl;display:grid;gap:12px;padding:10px 0 0;text-align:right}
.music-edit-name-modal label{color:#a89a83;font-weight:700}
.music-edit-name-modal input{width:100%;height:52px;border:1px solid #26211a;border-radius:12px;background:#15120e;color:#fff;padding:0 14px;font-weight:700}
.music-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.music-edit-actions button{height:50px;border:0;border-radius:12px;background:#1e1a14;color:#fff;font-weight:800;cursor:pointer}
.music-edit-actions .primary{background:#a89a83;color:#15120e}
@media(max-width:760px){
  .multi-workspace-page.individual .music-bots-grid{grid-template-columns:1fr!important;justify-content:stretch!important}
  .music-edit-actions{grid-template-columns:1fr}
}

/* Fix music individual card spacing, RTL placement, and edit modals */
.multi-workspace-page.individual .music-bots-grid{
  direction:rtl!important;
  grid-template-columns:repeat(auto-fill,minmax(430px,470px))!important;
  justify-content:end!important;
  align-items:start!important;
  gap:30px!important;
}
.multi-workspace-page.individual .music-bot-card{
  width:100%!important;
  min-height:405px!important;
  height:auto!important;
  padding:0 32px 30px!important;
  overflow:hidden!important;
  background:#15120e!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:26px!important;
  text-align:right!important;
}
.multi-workspace-page.individual .music-card-banner{
  width:calc(100% + 64px)!important;
  height:122px!important;
  margin:0 -32px 0!important;
  border:0!important;
  border-radius:26px 26px 0 0!important;
  background-color:#1e1a14!important;
  background-size:cover!important;
  background-position:center!important;
  display:block!important;
  cursor:pointer!important;
}
.multi-workspace-page.individual .music-card-banner:hover{
  box-shadow:inset 0 0 0 1px rgba(99,76,54,.42)!important;
  filter:brightness(1.12)!important;
}
.multi-workspace-page.individual .music-card-main{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  margin-top:24px!important;
  position:relative!important;
  z-index:3!important;
}
.multi-workspace-page.individual .music-card-identity{
  width:190px!important;
  margin:0 0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
.multi-workspace-page.individual .music-card-avatar-wrap{
  position:relative!important;
  width:104px!important;
  height:104px!important;
  margin:0!important;
  border-radius:24px!important;
  border:1px solid rgba(99,76,54,.28)!important;
  background:#1e1a14!important;
  padding:0!important;
  display:block!important;
  cursor:pointer!important;
  box-shadow:0 18px 45px rgba(0,0,0,.45)!important;
}
.multi-workspace-page.individual .music-card-avatar{
  position:static!important;
  transform:none!important;
  width:100%!important;
  height:100%!important;
  border-radius:24px!important;
  object-fit:cover!important;
  border:0!important;
  margin:0!important;
  box-shadow:none!important;
}
.multi-workspace-page.individual .music-card-online{
  position:absolute!important;
  left:-8px!important;
  right:auto!important;
  top:68px!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  border:3px solid #15120e!important;
  background:#a89a83!important;
  box-shadow:0 0 0 4px rgba(99,76,54,.12)!important;
}
.multi-workspace-page.individual .music-card-name,
.multi-workspace-page.individual .music-bot-card h3{
  margin:15px 0 10px!important;
  max-width:210px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
}
.multi-workspace-page.individual .music-card-name:hover{color:#a89a83!important}
.multi-workspace-page.individual .music-bot-card em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  margin:0!important;
  padding:5px 12px!important;
  border-radius:7px!important;
  background:rgba(99,76,54,.12)!important;
  border:1px solid rgba(99,76,54,.28)!important;
  color:#a89a83!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.multi-workspace-page.individual .music-card-ping,
.multi-workspace-page.individual .music-bot-card>small.music-card-ping{
  position:absolute!important;
  top:154px!important;
  left:32px!important;
  right:auto!important;
  z-index:5!important;
  min-width:60px!important;
  height:38px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#15120e!important;
  border:1px solid #26211a!important;
  border-radius:10px!important;
  color:#c2b6a1!important;
  font-size:13px!important;
  font-weight:700!important;
}
.multi-workspace-page.individual .music-card-actions{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  direction:ltr!important;
  gap:16px!important;
  margin-top:48px!important;
}
.multi-workspace-page.individual .music-card-actions .main{
  min-width:180px!important;
  height:60px!important;
  border-radius:15px!important;
  font-size:20px!important;
}
.multi-workspace-page.individual .music-card-mini-actions{display:flex!important;gap:12px!important;align-items:center!important}
.multi-workspace-page.individual .music-card-actions button:not(.main){width:58px!important;min-width:58px!important;height:58px!important;border-radius:14px!important}

.modal-card:has(.music-edit-file-modal),
.modal-card:has(.music-edit-name-modal){
  width:min(560px,94vw)!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:#15120e!important;
  border:1px solid #26211a!important;
}
.modal-card:has(.music-edit-file-modal) #modalTitle,
.modal-card:has(.music-edit-name-modal) #modalTitle{
  margin:0!important;
  padding:24px 26px!important;
  border-bottom:1px solid #26211a!important;
  text-align:right!important;
  font-size:22px!important;
  font-weight:800!important;
}
.modal-card:has(.music-edit-file-modal) #modalBody,
.modal-card:has(.music-edit-name-modal) #modalBody{padding:28px 26px 24px!important}
.music-edit-file-modal{gap:20px!important;padding:0!important;text-align:center!important}
.music-upload-box{min-height:170px!important;border:2px dashed #26211a!important;background:#15120e!important;border-radius:18px!important;padding:24px!important}
.music-file-preview.avatar{width:132px!important;height:132px!important;border-radius:50%!important}
.music-file-preview.banner{width:100%!important;height:150px!important;border-radius:16px!important}
.music-edit-name-modal input{height:56px!important;font-size:17px!important}
.music-edit-actions{grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:12px!important}
.music-edit-actions button{height:54px!important;border-radius:12px!important;font-size:15px!important}

@media(max-width:760px){
  .multi-workspace-page.individual .music-bots-grid{grid-template-columns:1fr!important;justify-content:stretch!important}
  .multi-workspace-page.individual .music-bot-card{min-height:390px!important;padding-left:22px!important;padding-right:22px!important}
  .multi-workspace-page.individual .music-card-banner{width:calc(100% + 44px)!important;margin:0 -22px!important}
  .multi-workspace-page.individual .music-card-ping{left:22px!important}
  .multi-workspace-page.individual .music-card-actions{flex-direction:column-reverse!important;align-items:stretch!important}
  .multi-workspace-page.individual .music-card-mini-actions{justify-content:center!important}
  .multi-workspace-page.individual .music-card-actions .main{width:100%!important}
}

/* Final compact music individual card + inline banner + action feedback */
.multi-workspace-page.individual .music-bots-grid{
  direction:rtl!important;
  grid-template-columns:repeat(auto-fill,minmax(330px,365px))!important;
  justify-content:end!important;
  align-items:start!important;
  gap:22px!important;
}
.multi-workspace-page.individual .music-bot-card{
  width:100%!important;
  min-height:315px!important;
  height:auto!important;
  padding:0 22px 22px!important;
  overflow:hidden!important;
  background:#15120e!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:22px!important;
  text-align:right!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.multi-workspace-page.individual .music-bot-card:hover,
.multi-workspace-page.individual .music-bot-card.clicked,
.multi-workspace-page.individual .music-bot-card:active{
  transform:translateY(-4px)!important;
  border-color:rgba(99,76,54,.75)!important;
  box-shadow:0 0 0 1px rgba(99,76,54,.22),0 18px 45px rgba(99,76,54,.08),0 20px 60px rgba(0,0,0,.38)!important;
}
.multi-workspace-page.individual .music-card-banner{
  position:relative!important;
  width:calc(100% + 44px)!important;
  height:82px!important;
  margin:0 -22px 0!important;
  border:0!important;
  border-radius:22px 22px 0 0!important;
  background-color:#1e1a14!important;
  background-size:cover!important;
  background-position:center!important;
  display:block!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.multi-workspace-page.individual .music-card-banner:after{
  content:'تغيير البنر';
  position:absolute;
  inset:auto 14px 12px auto;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(48,40,32,.72);
  color:#a89a83;
  font-size:11px;
  font-weight:800;
  opacity:0;
  transform:translateY(4px);
  transition:.18s ease;
}
.multi-workspace-page.individual .music-card-banner:hover:after{opacity:1;transform:translateY(0)}
.multi-workspace-page.individual .music-card-main{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  margin-top:-36px!important;
  position:relative!important;
  z-index:3!important;
}
.multi-workspace-page.individual .music-card-identity{
  width:150px!important;
  margin:0 0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
.multi-workspace-page.individual .music-card-avatar-wrap{
  position:relative!important;
  width:86px!important;
  height:86px!important;
  margin:0!important;
  border-radius:20px!important;
  border:1px solid rgba(99,76,54,.28)!important;
  background:#1e1a14!important;
  padding:0!important;
  display:block!important;
  cursor:pointer!important;
  box-shadow:0 14px 34px rgba(0,0,0,.45)!important;
  transition:.18s ease!important;
}
.multi-workspace-page.individual .music-card-avatar-wrap:hover{border-color:#a89a83!important;filter:brightness(1.12)!important}
.multi-workspace-page.individual .music-card-avatar-wrap:after{
  content:'تغيير الصورة';
  position:absolute;
  right:50%;bottom:-9px;
  transform:translateX(50%);
  padding:3px 7px;
  border-radius:999px;
  background:rgba(48,40,32,.82);
  color:#a89a83;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
  opacity:0;
  transition:.18s ease;
}
.multi-workspace-page.individual .music-card-avatar-wrap:hover:after{opacity:1;bottom:-4px}
.multi-workspace-page.individual .music-card-avatar{
  position:static!important;
  transform:none!important;
  width:100%!important;
  height:100%!important;
  border-radius:20px!important;
  object-fit:cover!important;
  border:0!important;
  margin:0!important;
  box-shadow:none!important;
}
.multi-workspace-page.individual .music-card-online{
  position:absolute!important;
  left:-7px!important;
  right:auto!important;
  top:58px!important;
  width:12px!important;
  height:12px!important;
  border-radius:50%!important;
  border:3px solid #15120e!important;
  background:#a89a83!important;
  box-shadow:0 0 0 4px rgba(99,76,54,.12)!important;
}
.multi-workspace-page.individual .music-card-name,
.multi-workspace-page.individual .music-bot-card h3{
  margin:12px 0 8px!important;
  max-width:170px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
}
.multi-workspace-page.individual .music-card-name:hover{color:#a89a83!important}
.multi-workspace-page.individual .music-bot-card em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:27px!important;
  margin:0!important;
  padding:4px 10px!important;
  border-radius:7px!important;
  background:rgba(99,76,54,.12)!important;
  border:1px solid rgba(99,76,54,.28)!important;
  color:#a89a83!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:800!important;
}
.multi-workspace-page.individual .music-card-ping,
.multi-workspace-page.individual .music-bot-card>small.music-card-ping{
  position:absolute!important;
  top:104px!important;
  left:22px!important;
  right:auto!important;
  z-index:5!important;
  min-width:58px!important;
  height:34px!important;
  padding:0 11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#15120e!important;
  border:1px solid #26211a!important;
  border-radius:10px!important;
  color:#c2b6a1!important;
  font-size:12px!important;
  font-weight:700!important;
}
.multi-workspace-page.individual .music-card-actions{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  direction:ltr!important;
  gap:12px!important;
  margin-top:26px!important;
}
.multi-workspace-page.individual .music-card-actions .main{
  min-width:145px!important;
  height:50px!important;
  border-radius:14px!important;
  font-size:17px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
.multi-workspace-page.individual .music-card-actions .main img{width:20px!important;height:20px!important;object-fit:contain!important}
.multi-workspace-page.individual .music-card-mini-actions{display:flex!important;gap:10px!important;align-items:center!important}
.multi-workspace-page.individual .music-card-actions button:not(.main){width:50px!important;min-width:50px!important;height:50px!important;border-radius:14px!important;display:grid!important;place-items:center!important}
.multi-workspace-page.individual .music-card-actions button:not(.main) img{width:23px!important;height:23px!important;object-fit:contain!important}
.music-edit-transitioning .modal-card{animation:musicEditPop .34s ease both!important}
@keyframes musicEditPop{0%{transform:scale(.96) translateY(8px);opacity:.45}100%{transform:scale(1) translateY(0);opacity:1}}
.music-action-toast{
  position:fixed;
  left:50%;
  bottom:34px;
  transform:translateX(-50%) translateY(18px);
  z-index:99999;
  min-width:300px;
  max-width:min(520px,calc(100vw - 32px));
  height:58px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(99,76,54,.28);
  background:rgba(48,40,32,.92);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 60px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.04) inset;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  opacity:0;
  pointer-events:none;
  overflow:hidden;
  transition:.24s ease;
  direction:rtl;
}
.music-action-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.music-action-toast b{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.music-action-toast i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(99,76,54,.12);color:#a89a83;flex:0 0 auto}
.music-action-toast-line{position:absolute;right:18px;bottom:0;height:2px;background:#a89a83;border-radius:999px;animation:musicToastLine 5s linear forwards}
.music-action-toast.loading .music-action-toast-line{animation:none;width:calc(100% - 36px);background:linear-gradient(90deg,transparent,#a89a83,transparent);transform:translateX(100%);animation:musicLoadingLine 1.15s ease-in-out infinite}
.music-action-toast.error{border-color:rgba(255,110,110,.34)}
.music-action-toast.error i{background:rgba(255,110,110,.13);color:#ef7f73}
.music-action-toast.error .music-action-toast-line{background:#ef7f73}
.music-action-spinner{width:17px;height:17px;border-radius:50%;border:2px solid rgba(99,76,54,.25);border-top-color:#a89a83;animation:musicSpin .75s linear infinite}
@keyframes musicToastLine{from{width:calc(100% - 36px)}to{width:0}}
@keyframes musicLoadingLine{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
@keyframes musicSpin{to{transform:rotate(360deg)}}
.modal-card:has(.music-edit-file-modal),
.modal-card:has(.music-edit-name-modal){width:min(520px,94vw)!important}
.music-upload-box{min-height:150px!important}
.music-file-preview.avatar{width:118px!important;height:118px!important}
.music-file-preview.banner{width:100%!important;height:130px!important;border-radius:16px!important;object-fit:cover!important}
@media(max-width:760px){
  .multi-workspace-page.individual .music-bots-grid{grid-template-columns:1fr!important;justify-content:stretch!important}
  .multi-workspace-page.individual .music-bot-card{min-height:315px!important;padding-left:18px!important;padding-right:18px!important}
  .multi-workspace-page.individual .music-card-banner{width:calc(100% + 36px)!important;margin:0 -18px!important}
  .multi-workspace-page.individual .music-card-ping{left:18px!important}
  .music-action-toast{bottom:18px;min-width:0;width:calc(100vw - 28px)}
}

/* Final fix: compact music bot card banner stays fully inside card */
.multi-workspace-page.individual .music-bots-grid{
  grid-template-columns:repeat(auto-fill,minmax(300px,300px))!important;
  justify-content:end!important;
  direction:rtl!important;
  gap:20px!important;
}
.multi-workspace-page.individual .music-bot-card{
  width:300px!important;
  min-height:292px!important;
  height:auto!important;
  padding:0 16px 16px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.multi-workspace-page.individual .music-card-banner{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:78px!important;
  margin:0!important;
  border:0!important;
  border-radius:0 0 18px 18px!important;
  background-color:#1e1a14!important;
  background-size:cover!important;
  background-position:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  z-index:1!important;
}
.multi-workspace-page.individual .music-card-banner:after{
  content:'تغيير البنر'!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  padding:7px 14px!important;
  border-radius:999px!important;
  background:rgba(48,40,32,.78)!important;
  color:#a89a83!important;
  font-size:12px!important;
  font-weight:800!important;
  opacity:0!important;
  white-space:nowrap!important;
}
.multi-workspace-page.individual .music-card-banner:hover:after{opacity:1!important;transform:translate(-50%,-50%)!important}
.multi-workspace-page.individual .music-card-main{
  margin-top:-28px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  position:relative!important;
  z-index:3!important;
}
.multi-workspace-page.individual .music-card-identity{
  width:132px!important;
  margin:0 0 0 auto!important;
  align-items:center!important;
  text-align:center!important;
}
.multi-workspace-page.individual .music-card-avatar-wrap{
  width:76px!important;
  height:76px!important;
  border-radius:18px!important;
}
.multi-workspace-page.individual .music-card-online{
  left:-6px!important;
  top:54px!important;
}
.multi-workspace-page.individual .music-card-name,
.multi-workspace-page.individual .music-bot-card h3{
  margin:9px 0 7px!important;
  max-width:132px!important;
  font-size:18px!important;
}
.multi-workspace-page.individual .music-bot-card em{
  min-height:25px!important;
  padding:3px 9px!important;
  font-size:11px!important;
}
.multi-workspace-page.individual .music-card-ping,
.multi-workspace-page.individual .music-bot-card>small.music-card-ping{
  top:118px!important;
  left:16px!important;
  height:31px!important;
  min-width:54px!important;
  font-size:11px!important;
}
.multi-workspace-page.individual .music-card-actions{
  margin-top:22px!important;
  gap:10px!important;
}
.multi-workspace-page.individual .music-card-actions .main{
  min-width:138px!important;
  height:46px!important;
  border-radius:13px!important;
  font-size:16px!important;
}
.multi-workspace-page.individual .music-card-actions button:not(.main){
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  border-radius:13px!important;
}
.multi-workspace-page.individual .music-card-actions button:not(.main) img{width:22px!important;height:22px!important}
.multi-workspace-page.individual .music-card-actions .main img{width:19px!important;height:19px!important}
@media(max-width:760px){
  .multi-workspace-page.individual .music-bots-grid{grid-template-columns:1fr!important;justify-content:stretch!important}
  .multi-workspace-page.individual .music-bot-card{width:100%!important;min-height:292px!important;padding:0 16px 16px!important}
  .multi-workspace-page.individual .music-card-banner{width:100%!important;margin:0!important}
  .multi-workspace-page.individual .music-card-ping{left:16px!important}
}

/* NorelStore final music bot card: larger card + full edge-to-edge top banner */
.multi-workspace-page.individual .music-bots-grid{
  direction:rtl!important;
  grid-template-columns:repeat(auto-fill,minmax(390px,390px))!important;
  justify-content:end!important;
  align-items:start!important;
  gap:26px!important;
}
.multi-workspace-page.individual .music-bot-card{
  width:390px!important;
  min-height:410px!important;
  height:auto!important;
  padding:0 26px 24px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#15120e!important;
  border:1px solid rgba(99,76,54,.28)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.28)!important;
  box-sizing:border-box!important;
}
.multi-workspace-page.individual .music-bot-card:hover,
.multi-workspace-page.individual .music-bot-card.clicked,
.multi-workspace-page.individual .music-bot-card:active{
  border-color:rgba(99,76,54,.72)!important;
  box-shadow:0 0 0 1px rgba(99,76,54,.28),0 0 34px rgba(99,76,54,.16),0 20px 55px rgba(0,0,0,.34)!important;
  transform:translateY(-2px)!important;
}
.multi-workspace-page.individual .music-card-banner{
  position:relative!important;
  display:block!important;
  width:calc(100% + 52px)!important;
  max-width:none!important;
  height:112px!important;
  margin:0 -26px 0!important;
  border:0!important;
  border-radius:24px 24px 0 0!important;
  background-color:#1e1a14!important;
  background-size:cover!important;
  background-position:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  z-index:1!important;
}
.multi-workspace-page.individual .music-card-banner:before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(48,40,32,.12))!important;
  pointer-events:none!important;
}
.multi-workspace-page.individual .music-card-banner:after{
  content:'تغيير البنر'!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  background:rgba(48,40,32,.78)!important;
  color:#a89a83!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  opacity:0!important;
  transition:.18s ease!important;
}
.multi-workspace-page.individual .music-card-banner:hover:after{opacity:1!important}
.multi-workspace-page.individual .music-card-main{
  margin-top:-42px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  position:relative!important;
  z-index:3!important;
}
.multi-workspace-page.individual .music-card-identity{
  width:220px!important;
  margin:0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.multi-workspace-page.individual .music-card-avatar-wrap{
  width:96px!important;
  height:96px!important;
  border-radius:22px!important;
  border:1px solid rgba(99,76,54,.35)!important;
  background:#15120e!important;
  box-shadow:0 18px 40px rgba(0,0,0,.42)!important;
}
.multi-workspace-page.individual .music-card-avatar{
  width:100%!important;
  height:100%!important;
  border-radius:22px!important;
  object-fit:cover!important;
}
.multi-workspace-page.individual .music-card-online{
  left:-7px!important;
  top:66px!important;
  width:14px!important;
  height:14px!important;
  border:3px solid #15120e!important;
}
.multi-workspace-page.individual .music-card-name,
.multi-workspace-page.individual .music-bot-card h3{
  margin:13px 0 9px!important;
  max-width:220px!important;
  font-size:22px!important;
  line-height:1.25!important;
}
.multi-workspace-page.individual .music-bot-card em{
  min-height:28px!important;
  padding:4px 12px!important;
  font-size:12px!important;
}
.multi-workspace-page.individual .music-card-ping,
.multi-workspace-page.individual .music-bot-card>small.music-card-ping{
  top:134px!important;
  left:26px!important;
  height:36px!important;
  min-width:62px!important;
  font-size:12px!important;
  border-radius:10px!important;
}
.multi-workspace-page.individual .music-card-actions{
  margin-top:34px!important;
  gap:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  direction:ltr!important;
}
.multi-workspace-page.individual .music-card-actions .main{
  min-width:175px!important;
  height:54px!important;
  border-radius:14px!important;
  font-size:18px!important;
}
.multi-workspace-page.individual .music-card-mini-actions{display:flex!important;gap:12px!important;align-items:center!important}
.multi-workspace-page.individual .music-card-actions button:not(.main){
  width:54px!important;
  min-width:54px!important;
  height:54px!important;
  border-radius:14px!important;
}
.multi-workspace-page.individual .music-card-actions button:not(.main) img{width:26px!important;height:26px!important}
.multi-workspace-page.individual .music-card-actions .main img{width:22px!important;height:22px!important}
@media(max-width:760px){
  .multi-workspace-page.individual .music-bots-grid{grid-template-columns:1fr!important;justify-content:stretch!important}
  .multi-workspace-page.individual .music-bot-card{width:100%!important;min-height:400px!important;padding:0 20px 22px!important}
  .multi-workspace-page.individual .music-card-banner{width:calc(100% + 40px)!important;margin:0 -20px!important}
  .multi-workspace-page.individual .music-card-ping{left:20px!important}
}

/* Music invite modal */
.modal-card:has(.music-invite-modal){
  max-width:520px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
}
.modal-card:has(.music-invite-modal) .modal-head{display:none!important}
.modal-card:has(.music-invite-modal)>#modalClose,.modal-card:has(.music-invite-modal)>.modal-close,.modal-card:has(.music-settings-modal)>#modalClose,.modal-card:has(.music-settings-modal)>.modal-close{display:none!important}
.music-invite-modal{
  position:relative;
  direction:rtl;
  text-align:center;
  padding:34px 34px 22px;
  background:#15120e;
  border:1px solid #26211a;
  border-radius:24px;
  color:#fff;
}
.music-invite-close{
  position:absolute;
  left:18px;
  top:16px;
  width:32px;
  height:32px;
  border:0;
  border-radius:50%;
  background:#26211a;
  color:#c2b6a1;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.music-invite-avatar-wrap{
  position:relative;
  width:86px;
  height:86px;
  margin:0 auto 16px;
  border-radius:18px;
}
.music-invite-avatar-wrap>img{
  width:86px;
  height:86px;
  object-fit:cover;
  border-radius:18px;
  border:1px solid #26211a;
  background:#15120e;
}
.music-invite-avatar-wrap span{
  position:absolute;
  right:-5px;
  bottom:-5px;
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#15120e;
  border:1px solid #26211a;
}
.music-invite-avatar-wrap span img{width:17px;height:17px;object-fit:contain}
.music-invite-modal h2{
  margin:0 0 6px;
  font-size:24px;
  font-weight:800;
}
.music-invite-modal p{
  margin:0 0 22px;
  color:#c2b6a1;
  font-weight:600;
}
.music-invite-link-row{
  display:flex;
  align-items:center;
  gap:10px;
  direction:ltr;
  padding:8px;
  border:1px solid #26211a;
  border-radius:14px;
  background:#15120e;
  margin-bottom:24px;
}
.music-invite-link-row input{
  flex:1;
  min-width:0;
  height:34px;
  border:0;
  outline:none;
  background:transparent;
  color:#fff;
  font-weight:600;
  direction:ltr;
}
.music-invite-link-row button{
  width:38px;
  height:38px;
  border:0;
  border-radius:10px;
  background:#1e1a14;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.music-invite-link-row button img{width:21px;height:21px;object-fit:contain}
.music-invite-done{
  width:100%;
  height:48px;
  border:0;
  border-radius:12px;
  background:#1e1a14;
  color:#fff;
  font-weight:800;
  font-size:18px;
  cursor:pointer;
}
.music-invite-close:hover,.music-invite-link-row button:hover,.music-invite-done:hover{filter:brightness(1.12)}


/* Final invite modal alignment/copy state fix */
.modal-card:has(.music-invite-modal){
  width:min(500px,94vw)!important;
  max-width:500px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#15120e!important;
}
.modal-card:has(.music-invite-modal) .modal-head,
.modal-card:has(.music-invite-modal) .modal-actions{
  display:none!important;
}
.modal-card:has(.music-invite-modal) #modalBody{
  padding:0!important;
}
.music-invite-modal{
  width:100%!important;
  position:relative!important;
  direction:rtl!important;
  text-align:center!important;
  padding:34px 28px 28px!important;
  background:#15120e!important;
  border:1px solid #26211a!important;
  border-radius:24px!important;
  color:#fff!important;
  overflow:hidden!important;
}
.music-invite-close{
  position:absolute!important;
  left:18px!important;
  top:16px!important;
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:#302a20!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.music-invite-avatar-wrap{margin:0 auto 14px!important}
.music-invite-modal h2{margin:0 0 10px!important;font-size:24px!important;font-weight:800!important;text-align:center!important}
.music-invite-modal p{margin:0 0 22px!important;color:#c2b6a1!important;font-weight:700!important;text-align:center!important}
.music-invite-link-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  align-items:center!important;
  gap:8px!important;
  direction:ltr!important;
  padding:7px!important;
  border:1px solid #26211a!important;
  border-radius:14px!important;
  background:#15120e!important;
  margin:0 0 22px!important;
  transition:border-color .22s ease, box-shadow .22s ease, background .22s ease!important;
}
.music-invite-link-row.copied{
  border-color:#a89a83!important;
  box-shadow:0 0 0 3px rgba(99,76,54,.14),0 0 22px rgba(99,76,54,.16)!important;
  background:rgba(99,76,54,.055)!important;
}
.music-invite-link-row input{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  outline:none!important;
  background:transparent!important;
  color:#fff!important;
  font-weight:700!important;
  direction:ltr!important;
  text-align:left!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.music-invite-copy-btn,
.music-invite-link-row button{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:#1e1a14!important;
  color:#a89a83!important;
  font-size:20px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.music-invite-copy-btn img,
.music-invite-link-row button img{
  width:22px!important;
  height:22px!important;
  display:block!important;
  object-fit:contain!important;
}
.music-invite-done{
  width:100%!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  background:#a89a83!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:18px!important;
  text-align:center!important;
  cursor:pointer!important;
}
.music-invite-close:hover,.music-invite-link-row button:hover,.music-invite-done:hover{filter:brightness(1.08)!important}

/* Music individual settings modal - clean advanced panel */
.music-settings-modal{
  direction:rtl;
  width:min(680px, calc(100vw - 34px));
  max-height:min(82vh, 780px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  position:relative;
  background:linear-gradient(180deg,rgba(48,40,32,.98),rgba(48,40,32,.98));
  border:1px solid rgba(129,104,78,.20);
  border-radius:22px;
  color:#fff;
  box-shadow:0 26px 90px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.025);
}
.music-settings-head{
  padding:26px 28px 22px 72px;
  border-bottom:1px solid rgba(129,104,78,.14);
  text-align:right;
}
.music-settings-head h2{
  margin:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  font-size:24px;
  line-height:1.2;
  font-weight:800;
}
.music-settings-head .sant-neon-icon{width:24px!important;height:24px!important;filter:drop-shadow(0 0 10px rgba(99,76,54,.35))}
.music-settings-head p{margin:7px 0 0;color:#c2b6a1;font-size:13px;font-weight:600}
.music-settings-head b{color:#fff}
.music-settings-close{
  position:absolute;
  left:18px;
  top:18px;
  width:34px;
  height:34px;
  border:1px solid rgba(129,104,78,.10);
  border-radius:50%;
  background:#26211a;
  color:#c2b6a1;
  font-size:24px;
  line-height:30px;
  cursor:pointer;
  z-index:6;
  transition:.18s ease;
}
.music-settings-close:hover{color:#fff;border-color:rgba(99,76,54,.42);box-shadow:0 0 0 4px rgba(99,76,54,.08)}
.music-settings-body{
  padding:28px;
  display:grid;
  gap:22px;
  overflow:auto;
  max-height:calc(82vh - 170px);
}
.music-settings-field{position:relative;display:grid;gap:9px}
.music-settings-field label{
  color:#c2b6a1;
  font-weight:800;
  font-size:13px;
  text-align:right;
}
.music-select-btn,
.music-settings-input{
  width:100%;
  min-height:54px;
  border:1px solid rgba(129,104,78,.18);
  border-radius:13px;
  background:rgba(48,40,32,.74);
  color:#fff;
  padding:0 17px;
  font-weight:700;
  text-align:right;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
}
.music-select-btn{
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  transition:.18s ease;
}
.music-select-btn:hover,
.music-select-btn:focus{
  border-color:rgba(99,76,54,.44);
  box-shadow:0 0 0 3px rgba(99,76,54,.08),0 18px 38px rgba(0,0,0,.20);
}
.music-select-btn .sant-neon-icon{width:23px!important;height:23px!important;flex:0 0 auto}
.music-select-btn span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-settings-input:focus{outline:0;border-color:rgba(99,76,54,.54);box-shadow:0 0 0 3px rgba(99,76,54,.08)}
.music-settings-picker{
  position:absolute;
  z-index:30;
  top:calc(100% + 8px);
  right:0;
  left:0;
  max-height:278px;
  overflow:auto;
  background:rgba(48,40,32,.98);
  border:1px solid rgba(129,104,78,.22);
  border-radius:16px;
  padding:10px;
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.025) inset;
}
.music-settings-picker.hidden{display:none!important}
.music-picker-option{
  width:100%;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:12px;
  border:1px solid rgba(129,104,78,.12);
  border-radius:13px;
  background:rgba(48,40,32,.86);
  color:#fff;
  padding:10px;
  text-align:right;
  cursor:pointer;
  margin-bottom:8px;
  transition:.16s ease;
}
.music-picker-option:hover{
  transform:translateY(-1px);
  border-color:rgba(99,76,54,.48);
  box-shadow:0 0 0 3px rgba(99,76,54,.08);
}
.music-picker-option img,
.music-picker-channel-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  object-fit:cover;
  display:grid;
  place-items:center;
  background:rgba(129,104,78,.10);
  border:1px solid rgba(129,104,78,.13);
}
.music-picker-channel-icon .sant-neon-icon{width:20px!important;height:20px!important}
.music-picker-option b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.music-picker-option small{display:block;margin-top:3px;color:#c2b6a1;font-size:11px;direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.music-picker-empty{
  min-height:92px;
  display:grid;
  place-items:center;
  text-align:center;
  color:#c2b6a1;
  font-weight:650;
  border:1px dashed rgba(129,104,78,.18);
  border-radius:13px;
  padding:18px;
  background:rgba(255,255,255,.025);
}
.music-settings-toggle{
  min-height:78px;
  border:1px solid rgba(129,104,78,.18);
  border-radius:15px;
  background:rgba(48,40,32,.74);
  color:#fff;
  text-align:right;
  padding:14px 68px 14px 18px;
  position:relative;
  cursor:pointer;
  transition:.18s ease;
}
.music-settings-toggle:hover{border-color:rgba(99,76,54,.38);box-shadow:0 0 0 3px rgba(99,76,54,.07)}
.music-settings-toggle>span{position:absolute;right:18px;top:26px;width:43px;height:24px;border-radius:999px;background:#26211a;transition:.18s ease}
.music-settings-toggle>span:after{content:'';position:absolute;top:3px;left:4px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.18s ease}
.music-settings-toggle.active>span{background:#a89a83}
.music-settings-toggle.active>span:after{left:21px}
.music-settings-toggle b{display:block;font-size:15px;font-weight:800}
.music-settings-toggle small{display:block;margin-top:4px;color:#c2b6a1;font-weight:600}
.music-settings-save{
  padding:20px 24px 24px;
  border-top:1px solid rgba(129,104,78,.14);
  background:rgba(48,40,32,.65);
}
.music-settings-save button{
  width:100%;
  height:52px;
  border:0;
  border-radius:13px;
  background:#a89a83;
  color:#15120e;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  transition:.18s ease;
}
.music-settings-save button:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 12px 34px rgba(99,76,54,.20)}
.music-settings-save .sant-neon-icon{width:18px!important;height:18px!important;filter:brightness(0)}
@media(max-width:700px){.music-settings-modal{width:calc(100vw - 22px);max-height:86vh}.music-settings-head{padding:22px 22px 18px 64px}.music-settings-body{padding:22px}.music-settings-picker{position:fixed;left:16px;right:16px;top:140px;max-height:330px}.music-settings-head h2{font-size:21px}}

/* Music settings modal overlap + black selectors + Discord emoji fixes */
.modal-card:has(.music-settings-modal){
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.modal-card:has(.music-settings-modal) .modal-head,
.modal-card:has(.music-settings-modal) .modal-actions,
.modal-card:has(.music-settings-modal) #modalTitle{display:none!important}
.modal-card:has(.music-settings-modal) #modalBody{padding:0!important;overflow:visible!important}
.music-settings-modal{
  width:min(620px, calc(100vw - 38px))!important;
  max-height:min(86vh, 760px)!important;
  overflow:hidden!important;
  background:#15120e!important;
  border:1px solid rgba(99,76,54,.20)!important;
}
.music-settings-head{background:#15120e!important;padding:24px 28px 20px 68px!important}
.music-settings-body{background:#15120e!important;padding:26px!important;gap:18px!important;max-height:calc(86vh - 172px)!important}
.music-settings-save{background:#15120e!important;padding:18px 22px 22px!important}
.music-select-btn,
.music-settings-input,
.music-settings-toggle{
  background:#15120e!important;
  color:#fff!important;
  border-color:rgba(129,104,78,.18)!important;
}
.music-select-btn{min-height:52px!important;padding:0 14px!important}
.music-select-btn span{text-align:right!important;color:#fff!important}
.music-settings-picker{
  background:#15120e!important;
  border-color:rgba(99,76,54,.22)!important;
  z-index:80!important;
}
.music-picker-option{
  background:#15120e!important;
  border-color:rgba(129,104,78,.14)!important;
  grid-template-columns:40px minmax(0,1fr)!important;
}
.music-picker-option:hover{background:#15120e!important}
.music-picker-option small{display:none!important}
.music-discord-emoji{width:22px!important;height:22px!important;object-fit:contain!important;display:inline-block!important;vertical-align:middle!important;filter:drop-shadow(0 0 8px rgba(99,76,54,.20))}
.music-picker-channel-icon .music-discord-emoji{width:21px!important;height:21px!important}
.music-picker-channel-icon{background:#15120e!important}
@media(max-width:700px){.music-settings-modal{width:calc(100vw - 22px)!important}.music-settings-picker{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 8px)!important}}


/* Final clean music settings modal fixes */
.modal-card:has(.music-settings-modal){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.modal-card:has(.music-settings-modal) .modal-head,
.modal-card:has(.music-settings-modal) .modal-actions,
.modal-card:has(.music-settings-modal) #modalTitle{display:none!important}
.modal-card:has(.music-settings-modal) #modalBody{padding:0!important;overflow:visible!important}
.music-settings-modal{width:min(620px,calc(100vw - 38px))!important;background:#15120e!important;border:1px solid rgba(99,76,54,.28)!important;border-radius:22px!important;box-shadow:0 26px 90px rgba(0,0,0,.62)!important}
.music-settings-head{background:#15120e!important;padding:24px 28px 20px 68px!important;border-bottom:1px solid rgba(129,104,78,.14)!important;text-align:right!important}
.music-settings-head h2{justify-content:flex-start!important;gap:9px!important}
.music-settings-head .music-discord-emoji{width:27px!important;height:27px!important;filter:drop-shadow(0 0 10px rgba(99,76,54,.32))!important}
.music-settings-close{left:18px!important;top:18px!important;width:34px!important;height:34px!important;border-radius:9px!important;background:#a89a83!important;color:#15120e!important;border:0!important;display:grid!important;place-items:center!important;font-size:22px!important;line-height:1!important;font-weight:800!important;padding:0!important}
.music-settings-close:hover{filter:brightness(1.05)!important;box-shadow:0 0 0 4px rgba(99,76,54,.14)!important}
.music-settings-body{background:#15120e!important;padding:26px!important;gap:17px!important;max-height:calc(86vh - 172px)!important;overflow:auto!important}
.music-settings-save{background:#15120e!important;border-top:1px solid rgba(129,104,78,.12)!important;padding:18px 22px 22px!important}
.music-settings-modal .music-select-btn,
.music-settings-modal .music-settings-input,
.music-settings-modal .music-settings-toggle{background:#15120e!important;background-color:#15120e!important;color:#fff!important;border:1px solid rgba(129,104,78,.16)!important;box-shadow:none!important}
.music-settings-modal .music-select-btn{min-height:52px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;direction:rtl!important}
.music-settings-modal .music-select-btn span{text-align:right!important;color:#fff!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.music-select-server-icon{width:30px!important;height:30px!important;border-radius:9px!important;object-fit:cover!important;flex:0 0 30px!important;border:1px solid rgba(99,76,54,.24)!important;background:#15120e!important}
.music-select-btn .music-discord-emoji{width:24px!important;height:24px!important;flex:0 0 24px!important}
.music-settings-picker{background:#15120e!important;border:1px solid rgba(99,76,54,.24)!important;z-index:90!important;padding:10px!important}
.music-picker-option{background:#15120e!important;background-color:#15120e!important;border-color:rgba(129,104,78,.12)!important;grid-template-columns:40px minmax(0,1fr)!important;color:#fff!important}
.music-picker-option:hover{background:#15120e!important;border-color:rgba(99,76,54,.45)!important;box-shadow:0 0 0 3px rgba(99,76,54,.08)!important}
.music-picker-option img,.music-picker-channel-icon{background:#1e1a14!important;border-color:rgba(99,76,54,.16)!important}
.music-settings-toggle{min-height:68px!important;padding:12px 18px 12px 78px!important;text-align:right!important;display:block!important}
.music-settings-toggle>span{left:18px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;width:43px!important;height:24px!important}
.music-settings-toggle>span:after{left:4px!important;right:auto!important}
.music-settings-toggle.active>span:after{left:21px!important;right:auto!important}
.music-settings-toggle b,.music-settings-toggle small{padding-right:0!important;display:block!important;text-align:right!important}
.music-discord-emoji{width:22px!important;height:22px!important;object-fit:contain!important;display:inline-block!important;vertical-align:middle!important}
.music-picker-channel-icon .music-discord-emoji{width:22px!important;height:22px!important}
@media(max-width:700px){.music-settings-modal{width:calc(100vw - 22px)!important}.music-settings-body{padding:22px!important}.music-settings-picker{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 8px)!important}}


/* Store gray accent + requested Discord emoji polish */
.music-discord-emoji{width:22px!important;height:22px!important;object-fit:contain!important;display:inline-block!important;vertical-align:middle!important;filter:drop-shadow(0 0 8px rgba(99,76,54,.24))!important}
.bot-mgmt-avatar .music-discord-emoji{width:46px!important;height:46px!important}
.bot-mgmt-manage .music-discord-emoji{width:22px!important;height:22px!important;margin-inline-start:6px!important}
.method-top .music-discord-emoji{width:38px!important;height:38px!important}
.method-grid i .music-discord-emoji{width:38px!important;height:38px!important}
.music-settings-save .music-discord-emoji{width:20px!important;height:20px!important;filter:none!important}
:root{--green:#a89a83!important}
.ok,.status-active,.live-online{color:#a89a83!important}
.status-pill.online,.status-pill.active,.subs-badge.active,.bot-mgmt-status.active,.bot-mgmt-status.online{background:rgba(99,76,54,.16)!important;color:#c2b6a1!important}
.music-settings-close,.music-settings-save button{background:#a89a83!important;color:#fff!important}
.music-settings-toggle.active>span{background:#a89a83!important}
.music-settings-modal,.music-settings-picker,.music-picker-option:hover,.music-select-server-icon{border-color:rgba(99,76,54,.45)!important}
.music-settings-save button:hover,.music-picker-option:hover,.music-settings-toggle:hover,.music-select-btn:hover{box-shadow:0 0 0 3px rgba(99,76,54,.12)!important}

/* Music group control workspace */
.multi-workspace-page.group .multi-head h1{font-size:42px!important;text-align:right!important}
.music-group-layout{direction:rtl;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start;max-width:1240px;margin:20px 0 0 auto}
.music-group-main{min-width:0}
.music-group-side{position:sticky;top:22px;display:flex;flex-direction:column;gap:14px;border-radius:26px;padding:16px;background:rgba(48,40,32,.42);border:1px solid rgba(99,76,54,.22);backdrop-filter:blur(12px)}
.music-group-sub-card{display:grid;grid-template-columns:1fr 56px;gap:12px;align-items:center;padding:18px;border-radius:18px;background:#15120e;border:1px solid rgba(255,255,255,.08)}
.music-group-sub-card strong{font-size:22px;font-weight:800;color:#fff}.music-group-sub-card small{display:inline-flex;width:max-content;margin-top:7px;padding:5px 10px;border-radius:7px;background:rgba(99,76,54,.18);color:#c2b6a1;font-weight:800}.music-group-sub-card i{grid-row:1/3;grid-column:2;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:rgba(99,76,54,.18);border:1px solid rgba(99,76,54,.32);color:#c2b6a1}
.music-group-side button{height:58px;border:0;border-radius:15px;background:transparent;color:#a89a83;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:800;font-size:15px;cursor:pointer;transition:.22s ease;position:relative;overflow:hidden}.music-group-side button i{width:28px;height:28px;display:grid;place-items:center}.music-group-side button img,.music-group-side .music-discord-emoji{width:24px;height:24px;object-fit:contain}.music-group-side button:hover,.music-group-side button.active{background:linear-gradient(90deg,rgba(99,76,54,.18),rgba(99,76,54,.04));color:#fff;box-shadow:inset -3px 0 #a89a83}.music-group-side button.danger{color:#e98d8d;margin-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.music-group-card{border:1px solid rgba(99,76,54,.25);background:linear-gradient(180deg,rgba(48,40,32,.94),rgba(48,40,32,.94));border-radius:26px;padding:36px 42px;min-height:520px;box-shadow:0 22px 60px rgba(0,0,0,.32)}.music-group-card header{text-align:right;margin-bottom:28px}.music-group-card header h2{font-size:34px;margin:0 0 10px;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:flex-start;gap:12px}.music-group-card header h2 img,.music-group-card header .music-discord-emoji{width:30px;height:30px}.music-group-card header p{color:#c2b6a1;max-width:760px;margin:0;font-weight:600;line-height:1.8}
.music-smart-server{height:64px;border-radius:18px;background:#26211a;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:14px;padding:0 18px;margin:0 auto 18px;max-width:650px;color:#fff}.music-smart-server span{width:38px;height:38px;border-radius:10px;background:#302a20;display:grid;place-items:center}.music-smart-server b{margin-inline-end:auto}.music-smart-server small{color:#c2b6a1;font-weight:800}
.music-smart-rooms{max-width:650px;min-height:360px;margin:auto;background:#26211a;border-radius:0 0 18px 18px;padding:28px 24px;display:flex;flex-direction:column;gap:10px}.music-smart-room{height:48px;border:0;border-radius:12px;background:transparent;color:#f2ede4;display:grid;grid-template-columns:32px 1fr auto auto;gap:10px;align-items:center;text-align:right;cursor:pointer;padding:0 10px;transition:.2s}.music-smart-room:hover{background:rgba(255,255,255,.06)}.music-smart-room.joined{background:rgba(99,76,54,.16);color:#fff}.music-smart-room i img{width:22px;height:22px}.music-smart-room em{font-style:normal;color:#c2b6a1;font-weight:800}.music-smart-room b{background:rgba(99,76,54,.22);border:1px solid rgba(99,76,54,.36);border-radius:7px;padding:4px 8px;color:#c2b6a1;font-size:11px}.music-group-loader{color:#c2b6a1;text-align:center;padding:70px 10px;font-weight:700}
.music-group-input{display:flex;flex-direction:column;gap:10px}.music-group-input span{color:#a89a83;font-weight:800}.music-group-input input,.music-appearance-form input{height:58px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:#15120e;color:#fff;padding:0 18px;font-weight:700;text-align:right}.music-group-upload-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:34px 0}.music-group-upload{min-height:128px;border:1px dashed rgba(99,76,54,.32);border-radius:18px;background:#15120e;display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto 1fr;gap:8px 16px;align-items:center;padding:18px;cursor:pointer;position:relative}.music-group-upload input{display:none}.music-group-upload small{grid-column:1/3;color:#a89a83;font-weight:800}.music-group-upload img{width:84px;height:84px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.music-group-upload b{font-size:18px;color:#fff}
.music-group-primary{height:56px;border:0;border-radius:14px;background:#a89a83;color:#15120e;font-weight:800;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.2s}.music-group-primary:hover{filter:brightness(1.08);box-shadow:0 0 0 4px rgba(99,76,54,.18)}.music-group-primary img{width:22px;height:22px}.music-appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.music-discord-preview{background:#26211a;border-radius:20px;padding:28px;min-height:360px;box-shadow:0 18px 50px rgba(0,0,0,.35);direction:ltr;text-align:left}.preview-head{display:flex;align-items:center;gap:10px;color:#fff}.preview-head img{width:42px;height:42px;border-radius:50%}.preview-head small{background:#302a20;border-radius:4px;padding:2px 6px;font-size:10px}.preview-embed{margin:28px 0 0 54px;border-left:4px solid #a89a83;background:#26211a;padding:16px;border-radius:5px;color:#fff}.preview-embed p{color:#a89a83}.preview-controls{display:flex;gap:8px;margin-top:14px}.preview-controls span{width:42px;height:32px;background:#26211a;border-radius:6px;display:grid;place-items:center}.preview-controls span .music-discord-emoji{width:21px!important;height:21px!important;display:block!important;object-fit:contain!important;opacity:1!important;visibility:visible!important}.music-appearance-form{display:flex;flex-direction:column;gap:18px}.music-appearance-form label{display:flex;flex-direction:column;gap:10px}.music-appearance-form label span{font-weight:800;color:#a89a83}
.music-group-invites{display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:16px 0}.music-group-invite-row{height:74px;border-radius:16px;background:#15120e;border:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:34px 54px 1fr 48px;gap:14px;align-items:center;padding:0 16px;transition:.2s}.music-group-invite-index{width:34px;height:34px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:10px;background:#1e1a14;color:#a89a83;font-size:9px;font-weight:800;direction:ltr}.music-group-invite-row.copied{border-color:#a89a83;box-shadow:0 0 0 4px rgba(99,76,54,.14)}.music-group-invite-row>img{width:46px;height:46px;border-radius:50%;object-fit:cover}.music-group-invite-row span b{display:block;color:#fff;font-weight:800}.music-group-invite-row span small{color:#a89a83}.music-group-invite-row button{width:42px;height:42px;border:0;border-radius:12px;background:#15120e;display:grid;place-items:center;cursor:pointer}.music-group-invite-row button img{width:22px;height:22px}.music-group-actions{display:flex;gap:12px;margin-top:20px}.music-group-savebar{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:1200;display:flex;gap:16px;align-items:center;padding:8px 18px;border-radius:20px;background:rgba(48,40,32,.9);border:1px solid rgba(99,76,54,.25);box-shadow:0 16px 60px rgba(0,0,0,.35)}.music-group-savebar.hidden{display:none}.music-group-savebar span{font-weight:800;color:#fff}.music-group-savebar small{display:block;color:#a89a83;font-size:12px}
@media(max-width:980px){.music-group-layout{grid-template-columns:1fr}.music-group-side{position:static;order:-1}.music-appearance-grid,.music-group-upload-row{grid-template-columns:1fr}.music-group-card{padding:24px 18px}.music-smart-rooms,.music-smart-server{max-width:100%}}

/* group control full-page cleanup */
.multi-workspace-page.group-full{min-height:calc(100vh - 96px);padding:30px 36px 80px;display:block;position:relative;overflow:visible}
.multi-workspace-page.group-full .group-back{position:absolute;top:26px;left:26px;z-index:5}
.multi-workspace-page.group-full .group-content-only{width:100%;max-width:none;margin:0;padding-top:42px}
.multi-workspace-page.group-full .music-group-layout{width:min(1500px,100%);max-width:none;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}
.multi-workspace-page.group-full .music-group-card{min-height:640px;width:100%;padding:44px 48px;border-radius:30px;background:linear-gradient(180deg,rgba(48,40,32,.96),rgba(48,40,32,.96));border-color:rgba(99,76,54,.34)}
.multi-workspace-page.group-full .music-group-side{top:28px;border-radius:30px;padding:18px;background:rgba(48,40,32,.72);border-color:rgba(99,76,54,.28)}
.multi-workspace-page.group-full .music-smart-server{max-width:760px}
.multi-workspace-page.group-full .music-smart-rooms{max-width:760px;min-height:440px;background:#15120e;border:1px solid rgba(99,76,54,.18)}
.multi-workspace-page.group-full .music-group-card header h2{font-size:38px}
.multi-workspace-page.group-full .music-group-card header p{max-width:880px}
@media(max-width:980px){.multi-workspace-page.group-full{padding:20px 14px 80px}.multi-workspace-page.group-full .music-group-layout{grid-template-columns:1fr}.multi-workspace-page.group-full .music-group-side{position:static;order:-1}.multi-workspace-page.group-full .group-content-only{padding-top:58px}}

/* Requested group-control polish */
.music-group-sub-card i .music-discord-emoji,
.music-smart-server span .music-discord-emoji{width:28px!important;height:28px!important;filter:drop-shadow(0 0 8px rgba(99,76,54,.25))!important}
.music-group-primary,
.music-group-savebar button,
.music-group-actions .music-group-primary{background:#a89a83!important;color:#15120e!important;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset!important}
.music-group-primary:hover,
.music-group-savebar button:hover,
.music-group-actions .music-group-primary:hover{background:#a89a83!important;filter:none!important;box-shadow:0 0 0 4px rgba(99,76,54,.18),0 0 0 1px rgba(255,255,255,.12) inset!important}
.music-group-primary .music-discord-emoji,
.music-group-savebar button .music-discord-emoji{width:22px!important;height:22px!important;filter:drop-shadow(0 0 6px rgba(255,255,255,.24))!important}
.music-group-invite-row button{background:#26211a!important;border:1px solid rgba(255,255,255,.08)!important}
.music-group-invite-row button:hover{background:#26211a!important;box-shadow:0 0 0 3px rgba(99,76,54,.18)!important}
.music-group-invite-row button img{filter:drop-shadow(0 0 5px rgba(255,255,255,.22))!important}
.music-group-layout,
.multi-workspace-page.group-full .music-group-layout{direction:ltr!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:38px!important}
.music-group-main{grid-column:1!important;direction:rtl!important}
.music-group-side{grid-column:2!important;direction:rtl!important;min-width:0!important}
.music-group-side button{font-size:16px!important;height:62px!important;padding:0 20px!important}
.music-group-sub-card{padding:20px!important;grid-template-columns:1fr 62px!important}
.music-group-sub-card strong{font-size:24px!important}.music-group-sub-card i{width:58px!important;height:58px!important}
.music-smart-server span{background:rgba(99,76,54,.20)!important;border:1px solid rgba(99,76,54,.32)!important;color:#c2b6a1!important}
.music-smart-room{height:auto!important;min-height:58px!important;grid-template-columns:34px 1fr auto auto!important;padding:8px 12px!important}
.music-smart-room span{display:flex!important;flex-direction:column!important;gap:4px!important;line-height:1.2!important}
.music-smart-room span small{display:block!important;color:#a89a83!important;font-size:11px!important;font-weight:700!important;letter-spacing:.2px!important}
.music-smart-room span b{display:block!important;background:transparent!important;border:0!important;padding:0!important;color:#f2ede4!important;font-size:14px!important;font-weight:800!important}
.music-smart-room strong{background:rgba(99,76,54,.22)!important;border:1px solid rgba(99,76,54,.36)!important;border-radius:7px!important;padding:4px 8px!important;color:#c2b6a1!important;font-size:11px!important}
.music-smart-room em{color:#c2b6a1!important}
@media(max-width:980px){.music-group-layout,.multi-workspace-page.group-full .music-group-layout{grid-template-columns:1fr!important}.music-group-side,.music-group-main{grid-column:auto!important}.music-group-side{order:-1!important}}

/* Smart distribution Discord-like category grouping */
.music-group-side button.danger i .music-discord-emoji,
.music-group-side button.danger i img{width:24px!important;height:24px!important;object-fit:contain!important;filter:drop-shadow(0 0 8px rgba(255,120,120,.18))!important}
.music-smart-rooms{gap:18px!important;align-items:stretch!important}
.music-smart-category{display:flex!important;flex-direction:column!important;gap:4px!important;padding:0!important;margin:0!important;width:100%!important}
.music-smart-category-title{height:30px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;color:#c2b6a1!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.55px!important;padding:0 4px!important;direction:ltr!important;text-align:left!important}
.music-smart-category-title span{font-size:14px!important;color:#c2b6a1!important;line-height:1!important;transform:translateY(-1px)!important}
.music-smart-category-title b{font-size:12px!important;color:#c2b6a1!important;font-weight:800!important;letter-spacing:.6px!important}
.music-smart-category .music-smart-room{margin-inline-start:0!important;border-radius:10px!important;background:transparent!important;direction:rtl!important}
.music-smart-category .music-smart-room:hover{background:rgba(255,255,255,.055)!important}
.music-smart-category .music-smart-room.joined{background:rgba(99,76,54,.16)!important}
.music-smart-category .music-smart-room span{display:block!important;text-align:right!important}
.music-smart-category .music-smart-room span b{font-size:15px!important;color:#f2ede4!important}

/* Broadcast workspace initial control */
.broadcast-layout{width:min(1500px,100%)!important;max-width:none!important;margin:0 auto!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:40px!important}
.broadcast-side{min-width:340px!important}
.broadcast-card{min-height:640px!important}
.bc-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:8px 0 24px}
.bc-stat-card{min-height:122px;border-radius:20px;background:#15120e;border:1px solid rgba(255,255,255,.08);padding:18px;display:flex;flex-direction:column;gap:9px;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}
.bc-stat-card:before{content:"";position:absolute;inset:-40% auto auto -20%;width:140px;height:140px;border-radius:50%;background:rgba(99,76,54,.12);filter:blur(18px)}
.bc-stat-card i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(99,76,54,.14);border:1px solid rgba(99,76,54,.26);position:relative;z-index:1}.bc-stat-card i img,.bc-stat-card i .sant-neon-icon{width:24px;height:24px;object-fit:contain}.bc-stat-card span{color:#c2b6a1;font-weight:700;position:relative;z-index:1}.bc-stat-card strong{font-size:28px;color:#fff;font-weight:800;position:relative;z-index:1}
.bc-dot{display:block;width:14px;height:14px;border-radius:50%;background:#7fd3ac;box-shadow:0 0 18px rgba(55,214,122,.45)}.bc-dot.offline{background:#e57575;box-shadow:0 0 18px rgba(255,91,91,.38)}
.bc-status-strip{height:62px;border-radius:18px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;margin:4px 0 20px;border:1px solid rgba(99,76,54,.25);background:rgba(99,76,54,.1)}.bc-status-strip.ok b{color:#c2b6a1}.bc-status-strip.warn b{color:#c2b6a1}.bc-status-strip small{color:#fff;font-weight:800;background:rgba(255,255,255,.07);border-radius:10px;padding:8px 12px}
.bc-bots-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bc-bot-row{height:78px;border-radius:18px;background:#15120e;border:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;padding:0 16px}.bc-bot-row img{width:48px;height:48px;border-radius:50%;object-fit:cover}.bc-bot-row b{display:block;color:#fff;font-weight:800}.bc-bot-row small{color:#a89a83}.bc-bot-row em{font-style:normal;font-weight:800;border-radius:999px;padding:7px 10px;background:rgba(55,214,122,.11);color:#7fd3ac}.bc-bot-row em.off{background:rgba(255,91,91,.1);color:#e98d8d}
.bc-token-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.bc-token-summary>div{border-radius:18px;background:#15120e;border:1px solid rgba(255,255,255,.07);padding:18px;display:flex;flex-direction:column;gap:8px}.bc-token-summary span{color:#c2b6a1;font-weight:700}.bc-token-summary strong{font-size:24px;color:#fff;font-weight:800}.bc-token-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}.bc-token-actions .music-group-primary{width:100%}
.broadcast-card.identity .music-group-input{margin-bottom:8px}
@media(max-width:1180px){.bc-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-bots-list,.bc-token-actions,.bc-token-summary{grid-template-columns:1fr}.broadcast-layout{grid-template-columns:1fr!important}.broadcast-side{position:static!important;order:-1!important;min-width:0!important}}

/* Broadcast bot links page */
.broadcast-side button i img,
.broadcast-card header h2 img,
.music-group-primary img{width:22px;height:22px;object-fit:contain;vertical-align:middle}
.bc-links-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.bc-link-row{min-height:78px;background:#15120e;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px 14px;display:grid;grid-template-columns:52px 1fr 46px;gap:12px;align-items:center;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.bc-link-row:hover,.bc-link-row.copied{border-color:#a89a83;box-shadow:0 0 0 1px rgba(99,76,54,.45),0 16px 38px rgba(99,76,54,.13);transform:translateY(-1px)}
.bc-link-row>img{width:46px;height:46px;border-radius:14px;object-fit:cover;border:1px solid rgba(99,76,54,.35)}
.bc-link-row b{display:block;color:#fff;font-weight:800}.bc-link-row small{display:block;color:#a89a83;font-size:11px;margin-top:4px;direction:ltr;text-align:right}.bc-link-row button{width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:#15120e;display:grid;place-items:center;cursor:pointer}.bc-link-row button img{width:20px;height:20px;object-fit:contain}.bc-link-row button:hover{background:#26211a;border-color:#a89a83}
@media(max-width:900px){.bc-links-list{grid-template-columns:1fr}}

/* Broadcast invite links — Norel Store control style */
body.system-workspace-open .broadcast-links-page{width:100%;max-width:none;margin:0}
body.system-workspace-open .broadcast-links-toolbar{margin-top:22px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #3d362b;border-radius:16px;background:linear-gradient(135deg,#15120e,#15120e)}
body.system-workspace-open .broadcast-links-toolbar>div{display:flex;align-items:center;gap:12px;min-width:0}
body.system-workspace-open .broadcast-links-toolbar>div>i{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border:1px solid #3d362b;border-radius:13px;background:#302a20;color:#f2ede4;font-size:15px;font-style:normal;font-weight:800}
body.system-workspace-open .broadcast-links-toolbar strong,body.system-workspace-open .broadcast-links-toolbar small{display:block}
body.system-workspace-open .broadcast-links-toolbar strong{color:#f2ede4;font-size:11px;font-weight:800}
body.system-workspace-open .broadcast-links-toolbar small{margin-top:5px;color:#a89a83;font-size:8px;font-weight:550}
body.system-workspace-open .broadcast-links-toolbar>button{height:44px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #3d362b;border-radius:11px;background:#302a20;color:#f2ede4;font-family:inherit;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
body.system-workspace-open .broadcast-links-toolbar>button img{width:19px;height:19px;object-fit:contain}
body.system-workspace-open .broadcast-links-toolbar>button:hover,body.system-workspace-open .broadcast-links-toolbar>button.copied{border-color:#a89a83;background:#302a20;box-shadow:0 0 0 3px rgba(99,76,54,.15)}
body.system-workspace-open .broadcast-links-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
body.system-workspace-open .broadcast-link-card{position:relative;min-height:98px;padding:14px;display:grid;grid-template-columns:38px 54px minmax(0,1fr) 120px;align-items:center;gap:12px;overflow:hidden;border:1px solid #3d362b;border-radius:16px;background:linear-gradient(145deg,#15120e,#15120e);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body.system-workspace-open .broadcast-link-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(129,104,78,.3),transparent);opacity:.55}
body.system-workspace-open .broadcast-link-card:hover{border-color:#a89a83;box-shadow:0 13px 30px rgba(0,0,0,.14);transform:translateY(-1px)}
body.system-workspace-open .broadcast-link-card.copied{border-color:#a89a83;box-shadow:0 0 0 3px rgba(79,158,127,.11)}
body.system-workspace-open .broadcast-link-index{width:34px;height:34px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:10px;background:#1e1a14;color:#a89a83;font-size:9px;font-weight:800;direction:ltr}
body.system-workspace-open .broadcast-link-avatar{position:relative;width:50px;height:50px}
body.system-workspace-open .broadcast-link-avatar>img{width:50px;height:50px;border:1px solid #3d362b;border-radius:15px;object-fit:cover;background:#15120e}
body.system-workspace-open .broadcast-link-avatar>i{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border:3px solid #15120e;border-radius:50%;background:#a89a83;box-shadow:0 0 8px rgba(98,195,150,.35)}
body.system-workspace-open .broadcast-link-info{min-width:0}
body.system-workspace-open .broadcast-link-info>div{display:flex;align-items:center;gap:7px;min-width:0}
body.system-workspace-open .broadcast-link-info strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2ede4;font-size:11px;font-weight:800}
body.system-workspace-open .broadcast-link-info em{padding:4px 7px;border:1px solid #3d362b;border-radius:6px;background:#1e1a14;color:#a89a83;font-size:7px;font-style:normal;font-weight:700;white-space:nowrap}
body.system-workspace-open .broadcast-link-card.primary .broadcast-link-info em{border-color:rgba(96,170,139,.25);background:rgba(66,142,110,.1);color:#7fd3ac}
body.system-workspace-open .broadcast-link-info>small{margin-top:7px;display:flex;align-items:center;gap:7px;overflow:hidden;color:#a89a83;font-size:8px;font-weight:550;direction:ltr;text-align:left;white-space:nowrap;text-overflow:ellipsis}
body.system-workspace-open .broadcast-link-info>small span{padding:2px 5px;border-radius:4px;background:#26211a;color:#a89a83;font-size:6px;font-weight:800}
body.system-workspace-open .broadcast-link-copy{height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3d362b;border-radius:10px;background:#1e1a14;color:#f2ede4;font-family:inherit;font-size:9px;font-weight:800;cursor:pointer;transition:.18s ease}
body.system-workspace-open .broadcast-link-copy img{width:18px;height:18px;object-fit:contain}
body.system-workspace-open .broadcast-link-copy:hover,body.system-workspace-open .broadcast-link-card.copied .broadcast-link-copy{border-color:#a89a83;background:#302a20;box-shadow:0 0 0 3px rgba(99,76,54,.13)}
body.system-workspace-open .broadcast-link-copy:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
body.system-workspace-open .broadcast-links-empty{grid-column:1/-1;padding:55px 20px;border:1px dashed #3d362b;border-radius:15px;background:#15120e;color:#a89a83;text-align:center;font-size:10px;font-weight:650}
@media(max-width:1100px){body.system-workspace-open .broadcast-links-grid{grid-template-columns:1fr}}
@media(max-width:650px){body.system-workspace-open .broadcast-links-toolbar{align-items:stretch;flex-direction:column}body.system-workspace-open .broadcast-links-toolbar>button{width:100%}body.system-workspace-open .broadcast-link-card{grid-template-columns:34px 50px minmax(0,1fr)}body.system-workspace-open .broadcast-link-copy{grid-column:1/-1;width:100%}}

/* Admin add subscription bot picker update */
.admin-bot-picker{position:relative;width:100%;margin:8px 0;z-index:125}
.admin-bot-trigger{width:100%;min-height:52px;background:linear-gradient(180deg,rgba(26,21,20,.96),rgba(48,40,32,.96))!important;color:var(--text)!important;border:1px solid rgba(129,104,78,.34)!important;border-radius:12px!important;padding:10px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;text-align:right!important;font-family:inherit!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important}
.admin-bot-trigger:hover,.admin-bot-trigger:focus{border-color:rgba(99,76,54,.9)!important;box-shadow:0 0 0 2px rgba(99,76,54,.18),0 0 24px rgba(99,76,54,.16)!important}
.admin-bot-trigger-text{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0;color:var(--muted);font-weight:700}
.admin-bot-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(99,76,54,.16);border:1px solid rgba(99,76,54,.32);color:var(--text);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}
.discord-emoji{width:22px;height:22px;object-fit:contain;vertical-align:middle;display:inline-block;flex:0 0 auto}
.admin-bot-emoji{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(99,76,54,.13);border:1px solid rgba(99,76,54,.24)}
.admin-bot-option.selected{border-color:rgba(99,76,54,.78)!important;background:linear-gradient(135deg,rgba(99,76,54,.22),rgba(48,40,32,.94))!important;box-shadow:0 0 0 2px rgba(99,76,54,.12),0 12px 30px rgba(99,76,54,.08)!important}
.admin-bot-option.selected em{background:rgba(99,76,54,.24)!important;border-color:rgba(99,76,54,.44)!important;color:#f2ede4!important}
.admin-conditional-field{display:flex;flex-direction:column;gap:6px;width:100%;margin:8px 0}
.admin-conditional-field label{font-size:12px;color:var(--muted);font-weight:700;padding-inline:4px}
.admin-card .admin-conditional-field input{margin:0!important}
.admin-card h3 .discord-emoji,.admin-row strong .discord-emoji,.admin-row small .discord-emoji{width:20px;height:20px;margin-inline-end:5px}
body.light .admin-bot-trigger{background:#1e1a14!important;color:#f2ede4!important}
body.light .admin-bot-chip{background:rgba(99,76,54,.12);color:#f2ede4}

/* Discord bot-type emojis across dashboard */
.bot-control-avatar .music-discord-emoji,
.subs-pro-avatar .music-discord-emoji,
.dash-v3-sub-item i .music-discord-emoji,
.dash-v3-status-row i .music-discord-emoji,
.bot-mgmt-avatar .music-discord-emoji,
.multi-entry-icon .music-discord-emoji,
.product-icon .music-discord-emoji,
.bot-control-avatar .sant-bot-icon,
.subs-pro-avatar .sant-bot-icon,
.dash-v3-sub-item i .sant-bot-icon,
.dash-v3-status-row i .sant-bot-icon,
.bot-mgmt-avatar .sant-bot-icon,
.multi-entry-icon .sant-bot-icon,
.product-icon .sant-bot-icon,
.sant-bot-icon{
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
  display: inline-block !important;
  vertical-align: middle !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.bot-mgmt-avatar .sant-bot-icon,
.bot-mgmt-avatar .music-discord-emoji,
.bot-control-avatar .sant-bot-icon,
.bot-control-avatar .music-discord-emoji,
.subs-pro-avatar .sant-bot-icon,
.subs-pro-avatar .music-discord-emoji{
  width: 56px !important;
  height: 56px !important;
}
.product-icon .music-discord-emoji,
.product-icon .sant-bot-icon{width:32px!important;height:32px!important}
.admin-bot-emoji .sant-bot-icon,
.admin-bot-chip .sant-bot-icon{width:22px;height:22px;object-fit:contain}
.vault-card-icon .sant-bot-icon{width:28px;height:28px;object-fit:contain}

.dash-v3-sub-item i img,
.dash-v3-status-row i img,
.bot-mgmt-avatar img,
.bot-control-avatar img,
.subs-pro-avatar img{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  max-width:100% !important;
  max-height:100% !important;
}

/* Darker, lower-contrast palette: layout intentionally unchanged. */
:root{
  --bg:#15120e;
  --side:#15120e;
  --card:#f2ede4;
  --card2:#f2ede4;
  --border:#3d362b;
  --blue:#a89a83;
}

/* Prevent the pale square/icon surfaces from standing out against the dark UI. */
.info-icon.blue,
.bot-icon,
.dash-v3-selector i,
.dash-v3-kpis i,
.dash-v3-status-row i,
.dash-v3-activity-row i,
.active-sub-icon,
.rail-bot-row i{
  background:#302a20!important;
  color:#c2b6a1!important;
}

.dash-v3-body{background:#15120e!important}
.dash-v3-sidebar{background:linear-gradient(180deg,#15120e,#15120e)!important;border-color:#3d362b!important}
.dash-v3-main{background:radial-gradient(circle at 55% 0,rgba(129,104,78,.055),transparent 35%),#15120e!important}
.dash-v3-topbar{background:rgba(48,40,32,.94)!important;border-color:#3d362b!important}
.dash-v3-search,.dash-icon-btn,.dash-profile{background:#1e1a14!important;border-color:#302a20!important}
.dash-v3-hero{background:linear-gradient(135deg,#26211a,#302a20 60%,#302a20)!important;border-color:#3d362b!important}
.dash-v3-kpis>div,.owner-card,.dash-v3-panel,.dash-v3-user-card{background:linear-gradient(180deg,#26211a,#302a20)!important;border-color:#3d362b!important}
.dash-v3-sub-item,.dash-v3-quick-grid button,.dash-v3-quick-grid a,.dash-v3-manage-actions button,.dash-v3-order{background:#1e1a14!important;border-color:#3d362b!important}
.dash-v3-selector>button,.dash-v3-selector-menu{background:#1e1a14!important;border-color:#3d362b!important}
.dash-v3-selector-menu input{background:#1e1a14!important;border-color:#3d362b!important}
.dash-v3-quick-grid button:hover,.dash-v3-quick-grid a:hover,.dash-v3-manage-actions button:hover{background:#1e1a14!important}

/* Restart remains prominent without using the previous pale background. */
.music-card-actions .main,
.multi-workspace-page.individual .music-card-actions .main{
  background:#302a20!important;
  color:#f2ede4!important;
  border:1px solid #3d362b!important;
  box-shadow:none!important;
}
.music-card-actions .main:hover,
.multi-workspace-page.individual .music-card-actions .main:hover{
  background:#302a20!important;
  border-color:#a89a83!important;
}

/* Keep the notification status icon precisely centered in its square and row. */
.notification-pop-item .notification-pop-icon{
  align-self:center!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  line-height:0!important;
}
.notification-pop-item .notification-pop-icon .sant-neon-icon{
  display:block!important;
  margin:0!important;
  transform:none!important;
}

/* Keep notification cards dark, including unread notifications. */
.notifications-popover{background:#1e1a14!important;border-color:#302a20!important}
.notification-pop-item{background:#1e1a14!important;border-color:#3d362b!important}
.notification-pop-item.unread{background:#26211a!important;border-inline-start-color:#3d362b!important}

/* Bot-management labels must remain readable on all button states. */
.bot-mgmt-manage,
.bot-mgmt-manage:hover,
.bot-mgmt-manage.pressed,
.bot-mgmt-manage:active,
.bot-control-actions button,
.bot-control-actions button.primary{
  color:#fff!important;
}
.subs-pro-card-actions button.main,
.subs-pro-card-actions button.main:hover,
.subs-pro-actions .main,
.subs-pro-actions .main:hover{
  color:#fff!important;
}

/* Exact controls used by the "إدارة البوت" modal. */
.bot-control-actions button,
.bot-control-actions button.primary{
  background:#1e1a14!important;
  border-color:#3d362b!important;
  color:#fff!important;
}
.bot-control-actions button:hover,
.bot-control-actions button.primary:hover{
  background:#26211a!important;
  border-color:#a89a83!important;
}
.bot-control-actions button span{color:#fff!important}

/* The success mark is anchored to the true vertical center of each notice. */
.notification-pop-item{position:relative!important;display:block!important;padding-inline-end:58px!important}
.notification-pop-item .notification-pop-icon{
  position:absolute!important;
  inset-inline-end:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}

/* Main dashboard: the eight buttons in the "إدارة البوت" panel. */
.dash-v3-manage-actions button,
.dash-v3-manage-actions button:hover,
.dash-v3-manage-actions button:focus,
.dash-v3-manage-actions button:active{
  background:#1e1a14!important;
  border-color:#a89a83!important;
  color:#fff!important;
  text-shadow:none!important;
}
.dash-v3-manage-actions button:hover{
  background:#26211a!important;
  border-color:#a89a83!important;
}
.dash-v3-manage-actions button span,
.dash-v3-manage-actions button b,
.dash-v3-manage-actions button strong{
  color:#fff!important;
}

/* The restart action has its own ID, so lock its normal state to the dark palette. */
#restartBtn,
#restartBtn:hover,
#restartBtn:focus,
#restartBtn:active{
  background:#1e1a14!important;
  border-color:#a89a83!important;
  color:#fff!important;
}

/* Optical centering for the notification success icon artwork. */
.notification-pop-item .notification-pop-icon{
  top:calc(50% + 7px)!important;
}

/* Sidebar icons: show the complete artwork with no circular crop or icon frame. */
.dash-v3-nav i{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.dash-v3-nav .sant-neon-icon{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  clip-path:none!important;
}

/* Orders page redesign. */
#storeLang,#langToggle,#profileLangBtn,#mysubLangBtn,#loginAr,#loginEn,.language-switch,.lang-switch{display:none!important}

/* Store palette aligned with the main dashboard. */
.store-page-body{background:#15120e!important;color:#f2ede4!important}.store-page-body .sidebar,.store-page-body .topbar{background:#15120e!important;border-color:#302a20!important}.store-page-body .sidebar nav a{color:#c2b6a1!important}.store-page-body .sidebar nav a.active,.store-page-body .sidebar nav a:hover{background:#302a20!important;color:#fff!important;box-shadow:none!important}.store-page-body .store-main{background:radial-gradient(circle at 50% 0,rgba(129,104,78,.06),transparent 34%),#15120e!important}.store-page-body .store-hero{background:linear-gradient(135deg,#3d362b,#26211a)!important;border-color:#3d362b!important;box-shadow:0 20px 52px rgba(0,0,0,.2)!important}.store-page-body .store-badge,.store-page-body .store-tools input,.store-page-body .store-tools select,.store-page-body .currency-switch button,.store-page-body .product-card select{background:#1e1a14!important;border-color:#3d362b!important;color:#26211a!important}.store-page-body .currency-switch button.active{background:#302a20!important;border-color:#a89a83!important;color:#fff!important}.store-page-body .product-card{background:linear-gradient(155deg,#26211a,#302a20)!important;border-color:#302a20!important;box-shadow:0 16px 40px rgba(0,0,0,.18)!important}.store-page-body .product-card:hover,.store-page-body .product-card.selected{border-color:#a89a83!important;box-shadow:0 20px 46px rgba(111,89,83,.18)!important}.store-page-body .product-card h3,.store-page-body .product-price strong,.store-page-body .orders-section h2{color:#f2ede4!important}.store-page-body .product-card p,.store-page-body .product-meta,.store-page-body .store-count,.store-page-body .product-price small{color:#c2b6a1!important}.store-page-body .store-cart-panel,.store-page-body .checkout-side-cart,.store-page-body .checkout-main-card,.store-page-body .checkout-panel,.store-page-body .bank-info-box,.store-page-body .cart-summary-footer,.store-page-body .checkout-cart-item{background:#1e1a14!important;border-color:#302a20!important;color:#26211a!important}.store-page-body .floating-cart,.store-page-body .checkout-btn,.store-page-body .checkout-wide-btn{background:#302a20!important;border-color:#a89a83!important;color:#fff!important}

/* Compact store hero: preserve content while reducing the empty space above products. */
.store-page-body .store-hero{min-height:0!important;padding:28px 32px!important;margin-bottom:16px!important}.store-page-body .store-badge{margin-bottom:10px!important;padding:6px 11px!important;font-size:11px!important}.store-page-body .store-hero h1{margin:0!important;font-size:34px!important;line-height:1.25!important}.store-page-body .store-hero p{margin:8px 0 16px!important;font-size:13px!important}.store-page-body .store-stats-line{gap:28px!important}.store-page-body .store-stats-line strong{font-size:21px!important}.store-page-body .store-stats-line span{font-size:11px!important}@media(max-width:700px){.store-page-body .store-hero{padding:22px 18px!important}.store-page-body .store-hero h1{font-size:27px!important}.store-page-body .store-stats-line{gap:20px!important}}
.store-page-body #paymentStepPanel,.store-page-body #confirmStepPanel{display:none!important}

/* Dashboard visual upgrade: a richer command-center look without changing features. */
.dash-v3-main{background:radial-gradient(circle at 75% -10%,rgba(129,104,78,.12),transparent 32%),radial-gradient(circle at 10% 60%,rgba(99,76,54,.13),transparent 30%),#15120e!important}.dash-v3-hero{min-height:176px!important;border-radius:20px!important;background:linear-gradient(125deg,#3d362b,#26211a 58%,#302a20)!important;border-color:#3d362b!important;box-shadow:0 24px 64px rgba(0,0,0,.24)!important}.dash-v3-hero:after{content:'منصة إدارة موحّدة';position:absolute;inset-inline-end:30px;bottom:22px;color:#c2b6a1;font-size:11px;font-weight:700;letter-spacing:.2px;border:1px solid rgba(192,155,144,.24);border-radius:999px;padding:7px 11px;background:rgba(48,40,32,.26)}.dash-v3-hero h1{font-size:31px!important}.dash-v3-hero p{max-width:560px!important;line-height:1.8!important}.dash-v3-kpis>div,.owner-card{border-radius:16px!important;background:linear-gradient(145deg,#26211a,#302a20)!important;border-color:#3d362b!important}.dash-v3-kpis>div:hover,.owner-card:hover{transform:translateY(-3px);border-color:#a89a83;box-shadow:0 18px 38px rgba(88,71,66,.18)}.dash-v3-panel{border-radius:18px!important;background:linear-gradient(160deg,#26211a,#302a20)!important;border-color:#3d362b!important}.dash-v3-panel-head{padding-bottom:12px;border-bottom:1px solid rgba(134,108,101,.14)}.dash-v3-sub-item,.dash-v3-quick-grid button,.dash-v3-quick-grid a{border-radius:14px!important}.dash-v3-right .dash-v3-panel:first-child{background:linear-gradient(145deg,#3d362b,#26211a)!important}

/* One-step Discord checkout: payment choices and bank details are never shown. */
.store-page-body .checkout-steps{display:flex!important;justify-content:center!important}.store-page-body .checkout-step:not(.discord-checkout-step),.store-page-body .checkout-steps>i,.store-page-body #paymentStepPanel,.store-page-body #confirmStepPanel{display:none!important}.store-page-body .discord-checkout-step{width:min(260px,100%)!important;justify-content:center!important}.store-page-body .checkout-overlay .checkout-panel#billingStep{max-width:720px!important;margin:0 auto!important}.store-page-body #saveBilling{background:#302a20!important;border-color:#a89a83!important;color:#fff!important}

/* Mobile-first navigation and touch layout. */
@media(max-width:900px){
  body.dash-v3-body{padding-bottom:82px!important}.dash-v3-main{margin:0!important;padding:76px 14px 24px!important}.dash-v3-topbar{height:60px!important;inset-inline:0!important;padding:0 14px!important;background:rgba(48,40,32,.96)!important}.dash-v3-search{display:none!important}.dash-v3-actions{margin-inline-start:auto!important}.dash-profile span{display:none!important}.dash-profile{width:42px!important;min-width:42px!important;padding:0!important;justify-content:center!important}.dash-v3-sidebar{position:fixed!important;inset:auto 0 0!important;width:100%!important;height:72px!important;padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;background:rgba(48,40,32,.98)!important;border:1px solid #302a20!important;border-radius:18px 18px 0 0!important;z-index:500!important;box-shadow:0 -18px 44px rgba(0,0,0,.35)!important}.dash-v3-brand,.dash-v3-logout{display:none!important}.dash-v3-nav{height:100%!important;margin:0!important;display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(52px,1fr)!important;grid-template-rows:1fr!important;overflow-x:auto!important;gap:6px!important;scrollbar-width:none!important}.dash-v3-nav::-webkit-scrollbar{display:none}.dash-v3-nav a,.dash-v3-nav button{width:100%!important;height:56px!important;min-width:52px!important;padding:0!important;border:0!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:transparent!important;box-shadow:none!important;transform:none!important}.dash-v3-nav a span,.dash-v3-nav button span{display:none!important}.dash-v3-nav i{width:26px!important;height:26px!important;min-width:26px!important;font-size:18px!important}.dash-v3-nav .sant-neon-icon{width:23px!important;height:23px!important;min-width:23px!important}.dash-v3-nav .active,.dash-v3-nav a:hover,.dash-v3-nav button:hover{background:#302a20!important;border-color:transparent!important;box-shadow:inset 0 0 0 1px rgba(209,168,157,.24)!important}.dash-v3-layout{display:block!important}.dash-v3-right{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:14px!important}.dash-v3-two,.dash-v3-two.lower{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:14px!important}.dash-v3-kpis,.dash-v3-owner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:14px 0!important}.dash-v3-kpis>div{min-height:86px!important;padding:13px!important}.dash-v3-kpis strong{font-size:21px!important}.dash-v3-kpis i{width:38px!important;height:38px!important;font-size:17px!important}.dash-v3-hero{min-height:0!important;padding:23px 20px 48px!important;border-radius:16px!important}.dash-v3-hero h1{font-size:23px!important}.dash-v3-hero p{font-size:12px!important}.dash-v3-hero:after{inset-inline-end:20px!important;bottom:14px!important;font-size:10px!important}.dash-v3-bot-art{display:none!important}.dash-v3-panel{padding:14px!important;border-radius:16px!important}.dash-v3-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.dash-v3-quick-grid button,.dash-v3-quick-grid a{height:96px!important;font-size:12px!important;gap:8px!important}.dash-v3-quick-grid i{font-size:22px!important}.dash-v3-manage-actions{gap:8px!important}.dash-v3-manage-actions button{height:48px!important;font-size:12px!important}.dash-v3-sub-item{grid-template-columns:40px 1fr auto!important;gap:10px!important;padding:11px!important}.dash-v3-sub-item i{width:38px!important;height:38px!important}.dash-v3-sub-item strong{font-size:13px!important}.dash-v3-sub-item small{font-size:10px!important}.modal{align-items:flex-end!important}.modal-card,.modal-card.modal-card-pro{width:100%!important;max-height:88vh!important;overflow:auto!important;border-radius:22px 22px 0 0!important;padding:20px 16px calc(20px + env(safe-area-inset-bottom))!important}.notifications-popover{position:fixed!important;top:68px!important;inset-inline:12px!important;width:auto!important;max-height:70vh!important}.orders-overview{grid-template-columns:1fr 1fr!important}.orders-toolbar{margin-inline:0!important}.store-page-body{padding-bottom:76px!important}.store-page-body .sidebar{position:fixed!important;inset:auto 0 0!important;width:100%!important;height:66px!important;padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;z-index:500!important;border-radius:16px 16px 0 0!important}.store-page-body .sidebar .brand,.store-page-body .sidebar .menu-title{display:none!important}.store-page-body .sidebar nav{height:100%!important;display:grid!important;grid-auto-flow:column!important;grid-auto-columns:1fr!important;gap:6px!important}.store-page-body .sidebar nav a{height:54px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:12px!important;font-size:0!important}.store-page-body .sidebar nav a .sant-neon-icon{width:23px!important;height:23px!important;margin:0!important}.store-page-body .store-main{margin:0!important;padding:76px 14px 20px!important}.store-page-body .topbar{inset-inline:0!important;height:60px!important;padding:0 14px!important}.store-page-body .topbar-brand span{font-size:16px!important}.store-page-body .store-hero{padding:20px 16px!important}.store-page-body .store-hero h1{font-size:26px!important}.store-page-body .store-tools{grid-template-columns:1fr!important;gap:9px!important}.store-page-body .currency-switch{order:3!important}.store-page-body .products-grid{grid-template-columns:1fr!important}.store-page-body .product-card{max-width:none!important}.store-page-body .checkout-overlay{padding:0!important;align-items:flex-end!important}.store-page-body .checkout-main-card{width:100%!important;max-height:92vh!important;overflow:auto!important;border-radius:22px 22px 0 0!important;padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important}.store-page-body .billing-grid{grid-template-columns:1fr!important}.store-page-body .billing-grid .wide{grid-column:auto!important}}
@media(max-width:420px){.dash-v3-kpis{grid-template-columns:1fr 1fr!important}.dash-v3-kpis>div{grid-template-columns:36px 1fr!important}.dash-v3-kpis span{font-size:10px!important}.dash-v3-manage-actions{grid-template-columns:1fr!important}.dash-v3-quick-grid{grid-template-columns:1fr 1fr!important}.order-card-modern{grid-template-columns:38px minmax(0,1fr)!important}.orders-overview{grid-template-columns:1fr!important}}

/* On phones, keep every page visible in the navigation instead of a scrolling icon strip. */
@media(max-width:900px){body.dash-v3-body{padding-bottom:140px!important}.dash-v3-sidebar{height:130px!important}.dash-v3-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-rows:repeat(2,1fr)!important;overflow:visible!important;gap:5px!important}.dash-v3-nav a,.dash-v3-nav button{height:54px!important;display:flex!important;flex-direction:column!important;gap:3px!important;font-size:9px!important;line-height:1!important}.dash-v3-nav a span,.dash-v3-nav button span{display:block!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-v3-nav i{width:20px!important;height:20px!important;min-width:20px!important}.dash-v3-nav .sant-neon-icon{width:19px!important;height:19px!important;min-width:19px!important}.store-page-body{padding-bottom:128px!important}.store-page-body .sidebar{height:118px!important}.store-page-body .sidebar nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-template-rows:repeat(2,1fr)!important;gap:5px!important}.store-page-body .sidebar nav a{height:50px!important;font-size:10px!important;display:flex!important;flex-direction:column!important;gap:3px!important}.store-page-body .sidebar nav a .sant-neon-icon{width:19px!important;height:19px!important}}

/* Norel Store home experience. */
.sant-home-page .dash-v3-layout{display:block!important;max-width:1220px!important}.sant-home-page .dash-v3-right,.sant-home-page .dash-v3-content> :not(.sant-home-experience){display:none!important}.sant-home-experience{direction:rtl;position:relative;overflow:hidden;border:1px solid #3d362b;border-radius:28px;background:radial-gradient(circle at 18% 20%,rgba(129,104,78,.14),transparent 42%),radial-gradient(circle at 88% 78%,rgba(129,104,78,.08),transparent 45%),linear-gradient(160deg,#1e1a14 0%,#15120e 55%,#15120e 100%);box-shadow:0 28px 80px rgba(0,0,0,.26);padding:58px}.sant-home-experience:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.26;background-image:linear-gradient(rgba(129,104,78,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(129,104,78,.12) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,black 42%,black 70%,transparent)}.sant-home-hero{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;min-height:430px}.sant-home-copy{max-width:660px}.sant-home-badge{width:max-content;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(209,168,157,.28);border-radius:999px;background:rgba(136,110,102,.12);padding:7px 12px;color:#c2b6a1;font-size:12px;font-weight:700}.sant-home-badge i{width:7px;height:7px;border-radius:50%;background:#a89a83;box-shadow:0 0 14px #a89a83}.sant-home-copy h1{margin:22px 0 15px;color:#f2ede4;font-size:54px;line-height:1.08;letter-spacing:-1.6px}.sant-home-copy h1 strong{display:block;color:#c2b6a1;font-style:normal}.sant-home-copy p{max-width:620px;margin:0;color:#c2b6a1;font-size:17px;line-height:2}.sant-home-actions{display:flex;gap:12px;margin-top:27px}.sant-home-actions button,.sant-home-actions a{height:49px;border-radius:13px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer}.sant-home-actions button{border:1px solid #a89a83;background:#a89a83;color:#15120e}.sant-home-actions button:hover{background:#c6b9a2;transform:translateY(-2px)}.sant-home-actions a{border:1px solid #a89a83;background:#a89a83;color:#15120e}.sant-home-actions a:hover{background:#c6b9a2;border-color:#a89a83;transform:translateY(-2px)}.sant-home-stats{display:flex;gap:38px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(192,155,144,.18)}.sant-home-stats div{display:grid;gap:4px}.sant-home-stats strong{color:#f2ede4;font-size:25px}.sant-home-stats span{color:#c2b6a1;font-size:11px;font-weight:600}.sant-home-console{position:relative;width:min(100%,430px);justify-self:end;border:1px solid #3d362b;border-radius:24px;background:linear-gradient(160deg,rgba(32,26,24,.95),rgba(48,40,32,.92));padding:18px;box-shadow:0 26px 66px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04)}.console-top{display:flex;align-items:center;gap:9px;color:#f2ede4;font-size:13px}.console-top em{margin-inline-start:auto;border-radius:999px;padding:4px 8px;background:rgba(129,104,78,.12);color:#a89a83;font-size:10px;font-style:normal;font-weight:700}.console-dot{width:9px;height:9px;border-radius:50%}.console-dot.online{background:#a89a83;box-shadow:0 0 14px #a89a83}.console-main{min-height:260px;display:grid;place-items:center;position:relative;margin:13px 0;border:1px solid #3d362b;border-radius:18px;background:radial-gradient(circle at 50% 45%,rgba(129,104,78,.13),transparent 28%),#1e1a14;overflow:hidden}.console-orbit{width:134px;height:134px;border:1px solid rgba(129,104,78,.45);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 18px rgba(129,104,78,.05),0 0 0 38px rgba(129,104,78,.035),0 0 44px rgba(129,104,78,.2)}.console-bot{width:78px;height:78px;border-radius:25px;background:linear-gradient(135deg,#a89a83,#a89a83);color:#15120e;display:grid;place-items:center;font-size:38px;box-shadow:0 14px 34px rgba(129,104,78,.25)}.console-wave{position:absolute;bottom:22px;inset-inline:28px;height:42px;display:flex;align-items:end;justify-content:center;gap:7px}.console-wave i{width:7px;border-radius:999px;background:linear-gradient(#c6b9a2,#a89a83);animation:santWave 1.2s ease-in-out infinite}.console-wave i:nth-child(1){height:15px}.console-wave i:nth-child(2){height:28px;animation-delay:.1s}.console-wave i:nth-child(3){height:20px;animation-delay:.22s}.console-wave i:nth-child(4){height:35px;animation-delay:.32s}.console-wave i:nth-child(5){height:24px;animation-delay:.44s}.console-wave i:nth-child(6){height:30px;animation-delay:.56s}.console-wave i:nth-child(7){height:16px;animation-delay:.68s}@keyframes santWave{50%{transform:scaleY(.45);opacity:.52}}.console-footer{display:flex;justify-content:space-between;color:#9c907d;font-size:11px}.console-footer b{color:#a89a83}.sant-home-services{position:relative;z-index:1;margin-top:72px}.sant-home-services header{text-align:center;max-width:620px;margin:0 auto 30px}.sant-home-services header>span{color:#a89a83;font-size:12px;font-weight:700}.sant-home-services h2{margin:8px 0 10px;color:#f2ede4;font-size:36px}.sant-home-services header p{margin:0;color:#9c907d;line-height:1.8}.sant-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sant-services-grid article{position:relative;min-height:175px;border:1px solid #3d362b;border-radius:20px;background:linear-gradient(145deg,rgba(28,28,31,.85),rgba(48,40,32,.78));padding:24px;overflow:hidden}.sant-services-grid article:after{content:'';position:absolute;inset:auto -20% -60% auto;width:180px;height:180px;border-radius:50%;background:rgba(129,104,78,.07);filter:blur(12px)}.sant-services-grid article:hover{transform:translateY(-4px);border-color:#a89a83}.sant-services-grid i{width:43px;height:43px;border-radius:13px;background:#26211a;color:#a89a83;display:grid;place-items:center;font-size:22px;font-style:normal}.sant-services-grid h3{margin:18px 0 7px;color:#f2ede4;font-size:18px}.sant-services-grid p{margin:0;max-width:420px;color:#9c907d;font-size:13px;line-height:1.8}.sant-home-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;border:1px solid #3d362b;border-radius:20px;background:linear-gradient(110deg,rgba(28,28,31,.74),rgba(48,40,32,.88));padding:24px 28px}.sant-home-banner span{color:#f2ede4;font-size:20px;font-weight:800}.sant-home-banner p{margin:7px 0 0;color:#9c907d;font-size:13px}.sant-home-banner a{flex:0 0 auto;border-radius:12px;padding:12px 16px;background:#a89a83;color:#15120e;font-weight:800;text-decoration:none}.sant-home-banner a b{margin-inline-start:8px}@media(max-width:900px){.sant-home-experience{border-radius:20px;padding:24px 18px}.sant-home-hero{display:flex;flex-direction:column;gap:28px;min-height:0}.sant-home-copy{width:100%}.sant-home-copy h1{font-size:36px;letter-spacing:-1px;margin-top:16px}.sant-home-copy p{font-size:14px;line-height:1.9}.sant-home-console{width:100%;justify-self:auto}.console-main{min-height:205px}.sant-home-stats{gap:0;justify-content:space-between;margin-top:28px}.sant-home-stats strong{font-size:20px}.sant-home-services{margin-top:46px}.sant-home-services h2{font-size:28px}.sant-services-grid{grid-template-columns:1fr}.sant-services-grid article{min-height:145px;padding:20px}.sant-home-banner{align-items:flex-start;flex-direction:column;padding:20px}.sant-home-banner a{width:100%;text-align:center}.sant-home-page .dash-v3-layout{display:block!important}}

/* Full-size Norel Store landing layout and the feature section beneath it. */
.sant-home-page .dash-v3-layout{max-width:none!important;width:100%!important}.sant-home-page .dash-v3-content>.sant-home-services,.sant-home-page .dash-v3-content>.sant-home-capabilities{display:block!important}.sant-home-page .dash-v3-content>.sant-home-banner{display:flex!important}.sant-home-experience{min-height:calc(100vh - 122px)!important;border-radius:30px!important;padding:clamp(54px,6vw,100px)!important}.sant-home-hero{min-height:clamp(510px,68vh,700px)!important;grid-template-columns:1fr minmax(420px,.88fr)!important;gap:clamp(48px,6vw,110px)!important}.sant-home-copy h1{font-size:clamp(56px,5.2vw,86px)!important}.sant-home-copy p{font-size:clamp(16px,1.25vw,20px)!important;max-width:680px!important}.sant-home-console{width:min(100%,520px)!important;padding:22px!important;border-radius:28px!important}.console-main{min-height:320px!important}.console-orbit{width:165px!important;height:165px!important}.console-bot{width:94px!important;height:94px!important;font-size:48px!important}.sant-home-stats{margin-top:58px!important;gap:60px!important}.sant-home-stats strong{font-size:30px!important}.sant-home-services,.sant-home-capabilities{padding:clamp(76px,8vw,132px) clamp(18px,5vw,82px)!important;margin:0!important;background:#15120e}.sant-home-services{position:relative!important;border-top:1px solid rgba(129,104,78,.16);border-bottom:1px solid rgba(129,104,78,.13)}.sant-home-services:before,.sant-home-capabilities:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 30%,rgba(129,104,78,.055),transparent 25%)}.sant-home-services header,.sant-home-capabilities header{position:relative;z-index:1;max-width:760px!important;margin-bottom:52px!important}.sant-home-services h2,.sant-home-capabilities h2{font-size:clamp(36px,3.3vw,54px)!important}.sant-services-grid{position:relative;z-index:1;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;max-width:1240px;margin:auto}.sant-services-grid article{min-height:220px!important;padding:32px!important;border-radius:24px!important}.sant-services-grid i{width:54px!important;height:54px!important;font-size:27px!important}.sant-services-grid h3{font-size:22px!important}.sant-services-grid p{font-size:14px!important}.sant-home-banner{position:relative;z-index:1;max-width:1240px;margin:26px auto 0!important;padding:32px 36px!important;border-radius:24px!important}.sant-home-capabilities{position:relative;background:linear-gradient(180deg,#15120e,#15120e)!important}.sant-capabilities-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1240px;margin:auto}.sant-capabilities-grid article{min-height:165px;border:1px solid #3d362b;border-radius:20px;background:linear-gradient(150deg,#1e1a14,#15120e);padding:24px}.sant-capabilities-grid i{float:inline-start;width:45px;height:45px;border-radius:14px;background:#26211a;color:#a89a83;display:grid;place-items:center;font-style:normal;font-size:22px;margin-inline-end:14px}.sant-capabilities-grid h3{margin:6px 0 15px;color:#f2ede4;font-size:18px}.sant-capabilities-grid p{clear:both;margin:0;color:#9c907d;line-height:1.8;font-size:13px}.sant-capabilities-grid article:hover{border-color:#a89a83;transform:translateY(-4px)}@media(max-width:900px){.sant-home-experience{min-height:0!important;border-radius:20px!important;padding:38px 20px!important}.sant-home-hero{min-height:0!important;grid-template-columns:1fr!important;gap:32px!important}.sant-home-copy h1{font-size:42px!important}.sant-home-copy p{font-size:14px!important}.sant-home-console{max-width:none!important}.console-main{min-height:230px!important}.sant-home-stats{gap:0!important;margin-top:34px!important}.sant-home-services,.sant-home-capabilities{padding:58px 18px!important}.sant-services-grid,.sant-capabilities-grid{grid-template-columns:1fr!important}.sant-services-grid article{min-height:160px!important;padding:23px!important}.sant-capabilities-grid article{min-height:142px!important}.sant-home-banner{padding:23px!important}.sant-home-services h2,.sant-home-capabilities h2{font-size:31px!important}}

.dash-v3-orders{max-width:1180px!important;gap:18px!important}
.orders-page-head,#ordersPage>.dash-v3-page-head{display:none!important}.orders-toolbar{max-width:1180px;margin:0 auto 14px;min-height:52px;border:1px solid #3d362b;border-radius:14px;background:#1e1a14;padding:8px 10px 8px 14px;display:flex;align-items:center;justify-content:space-between}.orders-toolbar>span{color:#c2b6a1;font-size:13px;font-weight:700}.orders-toolbar button{height:36px;border:1px solid #3d362b;border-radius:10px;background:#302a20;color:#fff;font-family:inherit;font-size:12px;font-weight:700;padding:0 16px;cursor:pointer}.orders-toolbar button:hover{background:#302a20;border-color:#a89a83}
.orders-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.orders-overview>div{position:relative;min-height:118px;overflow:hidden;border:1px solid #3d362b;border-radius:16px;background:linear-gradient(145deg,#3d362b,#26211a);padding:18px;display:flex;flex-direction:column;justify-content:center;gap:7px;box-shadow:0 18px 42px rgba(0,0,0,.18)}
.orders-overview>div:after{content:'';position:absolute;inset:auto 14px 11px;height:16px;background:linear-gradient(90deg,transparent,rgba(129,104,78,.32),transparent);filter:blur(7px)}
.orders-overview span{color:#a89a83;font-size:12px;font-weight:600}.orders-overview strong{color:#f2ede4;font-size:24px;position:relative;z-index:1}.orders-overview i{position:absolute;inset-inline-end:16px;top:16px;width:38px;height:38px;border-radius:12px;background:#302a20;color:#c2b6a1;display:grid;place-items:center;font-style:normal;font-size:19px}
.orders-list-modern{display:flex;flex-direction:column;gap:12px}.order-card-modern{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:106px;padding:18px 20px;border:1px solid #3d362b;border-radius:16px;background:linear-gradient(110deg,#26211a,#1e1a14);box-shadow:0 14px 36px rgba(0,0,0,.14);transition:transform .18s ease,border-color .18s ease}.order-card-modern:hover{transform:translateY(-2px);border-color:#a89a83}.order-card-icon{width:48px;height:48px;border-radius:14px;background:#302a20;color:#f2ede4;display:grid;place-items:center;font-size:24px;font-weight:700}.order-card-modern.complete .order-card-icon,.order-status.complete{color:#c2b6a1;background:rgba(76,150,119,.14)}.order-card-modern.pending .order-card-icon,.order-status.pending{color:#c2b6a1;background:rgba(184,142,62,.14)}.order-card-modern.failed .order-card-icon,.order-status.failed{color:#ef7f73;background:rgba(184,67,82,.14)}.order-card-main{min-width:0}.order-card-main>span{display:block;color:#a89a83;font-size:11px;font-weight:600;margin-bottom:4px}.order-card-main h2{margin:0;color:#f2ede4;font-size:17px}.order-card-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;color:#c2b6a1;font-size:12px}.order-card-meta b{color:#f2ede4;font-weight:600}.order-card-side{display:flex;align-items:flex-end;flex-direction:column;gap:10px;text-align:end}.order-status{font-style:normal;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.order-card-side>strong{font-size:17px;color:#f2ede4}.orders-empty{min-height:300px;border:1px dashed #3d362b;border-radius:18px;background:linear-gradient(145deg,#3d362b,#26211a);display:grid;place-items:center;align-content:center;text-align:center;padding:36px}.orders-empty>div{width:60px;height:60px;border-radius:18px;background:#302a20;color:#c2b6a1;display:grid;place-items:center;font-size:28px}.orders-empty h2{margin:16px 0 7px;color:#fff;font-size:20px}.orders-empty p{margin:0;color:#a89a83;font-size:13px}.orders-empty a{margin-top:20px;border-radius:11px;padding:11px 17px;background:#302a20;color:#fff;text-decoration:none;font-weight:700;font-size:13px}
@media(max-width:900px){.orders-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.order-card-modern{grid-template-columns:44px minmax(0,1fr);padding:15px}.order-card-icon{width:42px;height:42px}.order-card-side{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #3d362b;padding-top:12px}.order-card-main h2{font-size:15px}}@media(max-width:520px){.orders-overview{grid-template-columns:1fr}.order-card-meta{display:grid;gap:5px}}

/* Global desktop navigation — applies to the store, admin and subscription pages. */
@media (min-width:901px){
  body > .sidebar,body.mysub-standalone .dash-v3-sidebar{position:fixed!important;z-index:1500!important;top:16px!important;inset-inline-start:50%!important;inset-inline-end:auto!important;transform:translateX(-50%)!important;width:min(1080px,calc(100vw - 64px))!important;height:68px!important;min-height:68px!important;padding:0 18px!important;display:flex!important;align-items:center!important;gap:22px!important;overflow:visible!important;border:1px solid #3d362b!important;border-radius:999px!important;background:rgba(48,40,32,.96)!important;box-shadow:0 14px 36px rgba(0,0,0,.28)!important}
  body > .sidebar .brand,body.mysub-standalone .dash-v3-brand{order:3!important;margin:0!important;white-space:nowrap!important}
  body > .sidebar nav,body.mysub-standalone .dash-v3-nav{order:2!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:1!important;gap:4px!important;overflow:visible!important}
  body > .sidebar nav a,body.mysub-standalone .dash-v3-nav a,body.mysub-standalone .dash-v3-nav button{width:auto!important;min-width:0!important;height:44px!important;margin:0!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#a89a83!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important}
  body > .sidebar nav a:hover,body > .sidebar nav a.active,body.mysub-standalone .dash-v3-nav a:hover,body.mysub-standalone .dash-v3-nav a.active{background:#302a20!important;color:#f2ede4!important;box-shadow:inset 0 -2px 0 #a89a83!important}
  body > .sidebar nav a i,body > .sidebar nav a svg,body.mysub-standalone .dash-v3-nav i{display:none!important}
  body > .sidebar .logout,body.mysub-standalone .dash-v3-sidebar .logout{order:1!important;width:auto!important;margin:0!important}
  body > .main,body.mysub-standalone .dash-v3-main{margin:0!important;padding-top:112px!important}
  body > .main .topbar,body.mysub-standalone .dash-v3-topbar{position:fixed!important;z-index:1400!important;top:96px!important;inset-inline:18px!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
}

/* Norel Store steel-blue palette: replaces the old green accents everywhere. */
.sant-home-badge,.sant-home-stat strong,.sant-home-stat i,.sant-home-card i,.sant-home-card:hover h3,.sant-home-cta,.mysub-badge,.mysub-plan-badge,.subscription-status.active{color:#a89a83!important}
.sant-home-badge,.sant-home-cta,.mysub-badge,.mysub-plan-badge,.subscription-status.active{border-color:#a89a83!important;background-color:#302a20!important}
.sant-home-card:hover,.mysub-card:hover{border-color:#a89a83!important;box-shadow:0 14px 38px rgba(114,92,85,.18)!important}

/* Final alignment for legacy pages (store and admin).  Their old header must remain in normal flow. */
@media (min-width:901px){
  body:not(.dash-v3-body) > .sidebar .menu-title{display:none!important}
  body:not(.dash-v3-body) > .sidebar{justify-content:space-between!important}
  body:not(.dash-v3-body) > .sidebar .brand{flex:0 0 auto!important}
  body:not(.dash-v3-body) > .sidebar nav{position:static!important;min-height:44px!important}
  body:not(.dash-v3-body) > .sidebar nav a .sant-neon-icon{display:none!important}
  body:not(.dash-v3-body) > .main{margin:0!important;padding:108px 42px 34px!important}
  body:not(.dash-v3-body) > .main .topbar{position:relative!important;z-index:1!important;top:auto!important;left:auto!important;right:auto!important;inset:auto!important;width:min(1180px,100%)!important;height:58px!important;margin:0 auto 24px!important;padding:0!important;background:transparent!important;border:0!important;border-bottom:1px solid #302a20!important;border-radius:0!important;box-shadow:none!important}
  body:not(.dash-v3-body) > .main .topbar-brand{display:none!important}
  body:not(.dash-v3-body) > .main .topbar-controls{margin-inline-start:auto!important}
  body.mysub-standalone .dash-v3-main{padding-top:108px!important}
  body.mysub-standalone .dash-v3-topbar{position:relative!important;z-index:1!important;top:auto!important;left:auto!important;right:auto!important;inset:auto!important;width:min(1180px,100%)!important;height:58px!important;margin:0 auto 24px!important;background:transparent!important;border:0!important;border-bottom:1px solid #302a20!important;border-radius:0!important;box-shadow:none!important}
}

/* My subscriptions has its own legacy class names. Reset every side-layout value before making it a top bar. */
@media (min-width:901px){
  body.mysub-standalone .mysub-sidebar{position:fixed!important;z-index:1600!important;top:16px!important;bottom:auto!important;left:50%!important;right:auto!important;inset:16px auto auto 50%!important;transform:translateX(-50%)!important;width:min(1080px,calc(100vw - 64px))!important;min-width:0!important;max-width:none!important;height:68px!important;min-height:68px!important;padding:0 18px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:20px!important;overflow:visible!important;border:1px solid #3d362b!important;border-radius:999px!important;background:#1e1a14!important;box-shadow:0 14px 36px rgba(0,0,0,.3)!important}
  body.mysub-standalone .mysub-sidebar .menu-title,body.mysub-standalone .mysub-sidebar .mysub-menu-title{display:none!important}
  body.mysub-standalone .mysub-sidebar nav,body.mysub-standalone .mysub-sidebar .mysub-nav{order:2!important;display:flex!important;flex:1 1 auto!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:0!important;padding:0!important;min-width:0!important;overflow:visible!important}
  body.mysub-standalone .mysub-sidebar nav a,body.mysub-standalone .mysub-sidebar nav button,body.mysub-standalone .mysub-sidebar .mysub-nav a,body.mysub-standalone .mysub-sidebar .mysub-nav button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;height:44px!important;margin:0!important;padding:0 13px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#a89a83!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important}
  body.mysub-standalone .mysub-sidebar nav a.active,body.mysub-standalone .mysub-sidebar nav a:hover,body.mysub-standalone .mysub-sidebar .mysub-nav a.active,body.mysub-standalone .mysub-sidebar .mysub-nav a:hover{background:#302a20!important;color:#ffffff!important;box-shadow:inset 0 -2px 0 #a89a83!important}
  body.mysub-standalone .mysub-sidebar nav i,body.mysub-standalone .mysub-sidebar .mysub-nav i,body.mysub-standalone .mysub-sidebar nav .sant-neon-icon,body.mysub-standalone .mysub-sidebar .mysub-nav .sant-neon-icon{display:none!important}
  body.mysub-standalone .mysub-sidebar .mysub-brand,body.mysub-standalone .mysub-sidebar .brand{order:3!important;flex:0 0 auto!important;margin:0!important;white-space:nowrap!important}
  body.mysub-standalone .mysub-sidebar .mysub-logout,body.mysub-standalone .mysub-sidebar .logout,body.mysub-standalone .mysub-sidebar a[href="/logout"]{order:1!important;flex:0 0 auto!important;width:auto!important;margin:0!important}
  body.mysub-standalone .mysub-main{width:auto!important;max-width:none!important;min-height:100vh!important;margin:0!important;margin-inline:0!important;padding:108px 28px 34px!important}
  body.mysub-standalone .mysub-topbar{position:relative!important;z-index:1!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;inset:auto!important;width:min(1240px,100%)!important;max-width:100%!important;height:58px!important;min-height:58px!important;margin:0 auto 24px!important;padding:0!important;background:transparent!important;border:0!important;border-bottom:1px solid #302a20!important;border-radius:0!important;box-shadow:none!important}
  body.mysub-standalone .mysub-page{width:min(1240px,100%)!important;max-width:1240px!important;margin:0 auto!important}
}

/* Home page interaction and a clearer value section. */
.sant-core-control{cursor:pointer!important;user-select:none!important;transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease!important}
.sant-core-control:hover{transform:translateY(-4px)!important;border-color:#a89a83!important;box-shadow:0 30px 78px rgba(114,92,85,.28)!important}
.sant-core-control:focus-visible{outline:2px solid #a89a83!important;outline-offset:4px!important}
.sant-core-control.sant-core-pulse{animation:santCorePulse .55s cubic-bezier(.2,.8,.2,1)!important}
.sant-core-control.sant-core-pulse .console-orbit{animation:santCoreOrbit .55s ease!important}
.sant-core-control.sant-core-pulse .console-bot{transform:scale(.88) rotate(-7deg)!important;box-shadow:0 0 0 12px rgba(129,104,78,.12),0 0 42px rgba(129,104,78,.34)!important}
@keyframes santCorePulse{45%{transform:scale(.965);box-shadow:0 0 0 8px rgba(129,104,78,.14),0 26px 66px rgba(0,0,0,.36)}100%{transform:scale(1)}}
@keyframes santCoreOrbit{50%{transform:scale(1.1);box-shadow:0 0 0 24px rgba(129,104,78,.10),0 0 0 48px rgba(129,104,78,.06),0 0 62px rgba(129,104,78,.34)}}
.sant-home-capabilities header{padding:0 24px 28px!important;border-bottom:1px solid rgba(129,104,78,.2)!important;text-align:center!important}.sant-home-capabilities header>span{display:inline-flex!important;align-items:center;gap:7px;padding:7px 12px;border:1px solid #3d362b;border-radius:999px;background:#1e1a14;color:#a89a83!important}.sant-home-capabilities header h2{margin-top:15px!important}.sant-capabilities-grid article{position:relative!important;overflow:hidden!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}.sant-capabilities-grid article:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#a89a83,transparent);opacity:.8}.sant-capabilities-grid article:hover{box-shadow:0 18px 42px rgba(0,0,0,.22)!important}
.sant-home-services header{position:relative!important;max-width:920px!important;margin:0 auto 52px!important;padding:0 24px 30px!important;text-align:center!important;border-bottom:1px solid rgba(129,104,78,.24)!important}.sant-home-services header>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:7px 13px!important;border:1px solid #3d362b!important;border-radius:999px!important;background:#1e1a14!important;color:#a89a83!important;font-size:12px!important;font-weight:700!important}.sant-home-services header h2,.sant-home-services header p{text-align:center!important}.sant-home-services header h2{margin:16px 0 12px!important}.sant-home-services header p{max-width:720px!important;margin:0 auto!important}.sant-home-services header:after{content:'';position:absolute;bottom:-1px;left:50%;width:150px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#a89a83,transparent);transform:translateX(-50%)}
body.dash-v3-body .sant-home-capabilities>header{width:min(920px,calc(100% - 36px))!important;margin:0 auto 52px!important;padding:0 24px 30px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;direction:rtl!important;border-bottom:1px solid rgba(129,104,78,.24)!important}body.dash-v3-body .sant-home-capabilities>header>span,body.dash-v3-body .sant-home-capabilities>header>h2,body.dash-v3-body .sant-home-capabilities>header>p{margin-inline:auto!important;text-align:center!important}body.dash-v3-body .sant-home-capabilities>header>h2{margin-top:16px!important;margin-bottom:12px!important}body.dash-v3-body .sant-home-capabilities>header>p{max-width:720px!important;margin-bottom:0!important}body.dash-v3-body .sant-home-capabilities>header:after{content:'';position:absolute;bottom:-1px;left:50%;width:150px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#a89a83,transparent);transform:translateX(-50%)}
.general-bots-workspace{max-width:1120px;margin:0 auto;padding:8px 0 32px}.general-bots-head{text-align:center;padding:16px 20px 28px;border-bottom:1px solid #3d362b}.general-bots-head>span{display:inline-flex;padding:7px 12px;border:1px solid #3d362b;border-radius:999px;background:#1e1a14;color:#a89a83;font-size:12px;font-weight:700}.general-bots-head h2{margin:14px 0 9px;font-size:32px;color:#f2ede4}.general-bots-head p{max-width:650px;margin:0 auto;color:#a89a83;font-size:14px;line-height:1.9}.general-bots-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 16px}.general-bots-stats article{position:relative;min-height:128px;padding:20px;border:1px solid #3d362b;border-radius:20px;background:linear-gradient(145deg,#26211a,#302a20);overflow:hidden}.general-bots-stats article:after{content:'';position:absolute;inset:auto 18px 10px;height:18px;background:linear-gradient(90deg,transparent,rgba(129,104,78,.35),transparent);filter:blur(8px)}.general-bots-stats i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#302a20;color:#c2b6a1;font-style:normal}.general-bots-stats i img{width:22px;height:22px}.general-bots-stats span{display:block;margin-top:12px;color:#a89a83;font-size:12px}.general-bots-stats strong{display:block;margin-top:5px;color:#f2ede4;font-size:24px}.general-live-dot{position:relative}.general-live-dot:after{content:'';width:11px;height:11px;border-radius:50%;background:#544a3b;box-shadow:0 0 16px #544a3b}.general-bots-status{min-height:58px;padding:0 20px;border:1px solid #3d362b;border-radius:16px;background:#3d362b;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#f2ede4}.general-bots-status.online{border-color:#3d362b;background:linear-gradient(90deg,#1e1a14,#3d362b)}.general-bots-status b{font-size:13px}.general-bots-status small{color:#c2b6a1}.general-bots-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.general-bots-actions button{min-height:112px;border:1px solid #3d362b;border-radius:20px;background:linear-gradient(145deg,#26211a,#302a20);color:#fff;padding:20px;display:flex;align-items:center;gap:15px;text-align:right;font-family:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.general-bots-actions button:hover{transform:translateY(-3px);border-color:#a89a83;background:#1e1a14}.general-bots-actions i{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#302a20;color:#c2b6a1;font-style:normal;flex:0 0 auto}.general-bots-actions i img{width:26px;height:26px}.general-bots-actions span{display:grid;gap:6px;flex:1}.general-bots-actions strong{font-size:17px}.general-bots-actions small{color:#a89a83;font-size:12px;line-height:1.6}.general-bots-actions>b{font-size:20px;color:#a89a83}@media(max-width:700px){.general-bots-stats,.general-bots-actions{grid-template-columns:1fr}.general-bots-status{min-height:76px;align-items:flex-start;justify-content:center;flex-direction:column;padding:13px 16px}}
.general-bot-symbol{width:48px;height:48px;border-radius:14px;background:#302a20;display:grid;place-items:center;font-size:22px}.general-settings-launch{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#15120e}.general-settings-launch>div{display:flex;align-items:center;gap:14px}.general-settings-launch i{width:52px;height:52px;border-radius:15px;background:#302a20;display:grid;place-items:center;font-style:normal;font-size:25px}.general-settings-launch strong,.general-settings-launch small{display:block}.general-settings-launch small{margin-top:5px;color:#a89a83}.general-settings-launch button{height:46px;border:1px solid #3d362b;border-radius:12px;background:#302a20;color:#fff;padding:0 16px;font-family:inherit;font-weight:700;cursor:pointer}.general-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.general-details-grid>div{min-height:82px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#15120e}.general-details-grid span,.general-details-grid strong{display:block}.general-details-grid span{color:#a89a83;font-size:12px}.general-details-grid strong{margin-top:8px;color:#f2ede4}@media(max-width:700px){.general-settings-launch{align-items:flex-start;flex-direction:column}.general-details-grid{grid-template-columns:1fr}}
.general-bot-card>header{display:flex!important;align-items:center!important;gap:16px!important}.general-bot-card .general-header-icon{width:78px!important;height:78px!important;flex:0 0 78px!important;border-radius:20px!important;background:#1e1a14!important;border:1px solid #3d362b!important;display:grid!important;place-items:center!important;font-size:36px!important;overflow:hidden!important}.general-bot-card .general-header-icon img,.general-bot-card .general-header-icon svg{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;object-fit:contain!important}.general-bot-card>header>div:last-child{min-width:0}.general-bot-card>header h2{font-size:30px!important}@media(max-width:700px){.general-bot-card>header{align-items:flex-start!important}.general-bot-card .general-header-icon{width:58px!important;height:58px!important;flex-basis:58px!important;border-radius:16px!important;font-size:26px!important}.general-bot-card .general-header-icon img,.general-bot-card .general-header-icon svg{width:32px!important;height:32px!important}.general-bot-card>header h2{font-size:23px!important}}

/* General bot management - broadcast-style action cards */
.general-bot-management-card{width:100%}

/* System control — reference layout adapted to the NorelStore palette */
.system-control-layout{direction:ltr;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0;width:100%;min-height:calc(100vh - 150px);margin:0;background:radial-gradient(circle at 30% 0,rgba(99,76,54,.08),transparent 36%),#15120e;border:1px solid #302a20;border-radius:24px;overflow:hidden}
.system-control-main{direction:rtl;min-width:0;padding:38px 42px 70px}
.system-control-sidebar{direction:rtl;position:relative;display:flex;flex-direction:column;min-height:100%;padding-bottom:74px;background:linear-gradient(180deg,#15120e,#15120e);border-inline-start:1px solid #302a20}
.system-server-profile{text-align:center;padding-bottom:26px;border-bottom:1px solid #3d362b}.system-server-banner{height:122px;background:linear-gradient(135deg,#3d362b,#15120e);background-size:cover;background-position:center}.system-server-profile>img{display:block;width:78px;height:78px;margin:-38px auto 10px;border:5px solid #15120e;border-radius:22px;object-fit:cover;box-shadow:0 10px 28px rgba(0,0,0,.34)}.system-server-profile strong{display:block;color:#f2ede4;font-size:17px}.system-server-profile small{display:block;margin-top:4px;color:#a89a83;font-size:11px}.system-side-caption,.system-side-section{padding:20px 22px 9px;color:#a89a83;font-size:11px;font-weight:700}.system-side-section{padding-top:17px;border-top:1px dashed rgba(99,76,54,.26);margin-top:10px}.system-control-sidebar nav{display:flex;flex-direction:column;padding:0 12px}.system-control-sidebar nav button{position:relative;width:100%;height:48px;border:0;border-radius:11px;background:transparent;color:#c2b6a1;display:grid;grid-template-columns:28px minmax(0,1fr) 32px;align-items:center;gap:8px;padding:0 13px;text-align:right;font-size:13px;font-weight:700;cursor:pointer;transition:.18s ease}.system-control-sidebar nav button i{font-style:normal;color:#a89a83;display:grid;place-items:center}.system-control-sidebar nav button i>span{font-size:17px}.system-control-sidebar nav button b{font-size:10px;letter-spacing:1px;color:#a89a83}.system-control-sidebar nav button:hover,.system-control-sidebar nav button.active{color:#f2ede4;background:linear-gradient(90deg,rgba(99,76,54,.08),rgba(99,76,54,.28));box-shadow:inset -3px 0 #9c907d}.system-control-sidebar nav button.active i{color:#c2b6a1}.system-return{position:absolute;right:18px;bottom:18px;border:1px solid #3d362b;border-radius:999px;background:#15120e;color:#c2b6a1;padding:8px 17px;font-weight:700;cursor:pointer}
.system-customize-page{max-width:1240px;margin:0 auto}.system-customize-head{padding:0 0 22px;border-bottom:1px solid #302a20}.system-customize-head>span{display:grid;width:48px;height:48px;margin-inline-start:auto;margin-bottom:14px;place-items:center;border:1px solid #3d362b;border-radius:15px;background:#1e1a14}.system-customize-head>span img{width:27px;height:27px}.system-customize-head h1{margin:0;color:#f2ede4;font-size:32px;line-height:1.35}.system-customize-head p{margin:7px 0 0;color:#a89a83;font-size:13px}.system-customize-card{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px;margin-top:24px;padding:20px;border:1px solid #3d362b;border-radius:22px;background:rgba(48,40,32,.76);box-shadow:0 26px 70px rgba(0,0,0,.18)}.system-customize-fields{display:grid;grid-template-columns:110px minmax(0,1fr) 170px;gap:15px;align-items:end}.system-customize-fields label{display:grid;gap:8px;min-width:0;color:#c2b6a1;font-size:12px}.system-customize-fields input,.system-customize-fields select{width:100%;height:47px;border:1px solid #3d362b;border-radius:11px;background:#1e1a14;color:#f2ede4;padding:0 13px;outline:0}.system-customize-fields input:focus,.system-customize-fields select:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.14)}.system-avatar-field,.system-banner-field{position:relative;cursor:pointer}.system-avatar-field input,.system-banner-field input{position:absolute;inset:25px 0 0;opacity:0;cursor:pointer;z-index:2}.system-avatar-field img{width:74px;height:74px;border-radius:19px;object-fit:cover;border:1px solid #3d362b}.system-banner-field img{width:100%;height:74px;border-radius:15px;object-fit:cover;border:1px solid #3d362b}.system-avatar-field small,.system-banner-field small{color:#a89a83;font-size:9px}.system-presence-field{grid-column:1/-1}.system-customize-fields>label:nth-of-type(5),.system-customize-fields>label:nth-of-type(6){grid-column:span 1}.system-customize-fields>label:nth-of-type(6){grid-column:span 2}.system-customize-save{grid-column:2/3;height:49px;border:1px solid #3d362b;border-radius:12px;background:linear-gradient(180deg,#a89a83,#3d362b);color:#fff;font-weight:800;cursor:pointer;transition:.18s ease}.system-customize-save:hover{filter:brightness(1.12);transform:translateY(-1px)}.system-customize-save img{width:18px;height:18px;vertical-align:middle;margin-inline-end:7px}.system-live-previews{display:flex;flex-direction:column;gap:12px}.system-preview-member,.system-preview-profile{border:1px solid #3d362b;border-radius:15px;background:#15120e;padding:12px;color:#c2b6a1}.system-preview-member>small,.system-preview-profile>small{display:block;margin-bottom:11px;font-size:10px}.system-preview-member>div{display:flex;align-items:center;gap:8px}.system-preview-member b{padding:2px 5px;border-radius:4px;background:#302a20;color:#f2ede4;font-size:8px}.system-preview-member img{width:34px;height:34px;border-radius:50%;object-fit:cover}.system-preview-member span{display:flex;align-items:center;gap:5px;min-width:0}.system-preview-member strong{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2ede4;font-size:11px}.system-online-dot{width:7px;height:7px;border-radius:50%;background:#a89a83;box-shadow:0 0 8px rgba(88,185,140,.6)}.system-preview-profile{position:relative;overflow:hidden;text-align:center;padding:0 12px 13px}.system-preview-profile>small{position:absolute;z-index:2;top:9px;right:11px;color:#f2ede4;text-shadow:0 1px 6px #000}.system-preview-banner{height:70px;margin:0 -12px;background:#1e1a14}.system-preview-banner img{width:100%;height:100%;object-fit:cover}.system-preview-profile>img{display:block;width:56px;height:56px;margin:-27px auto 7px;border:4px solid #15120e;border-radius:17px;object-fit:cover;position:relative}.system-preview-profile>strong{display:block;color:#f2ede4;font-size:13px}.system-preview-profile>p{min-height:38px;margin:8px 0 0;padding:8px;border-radius:9px;background:#1e1a14;color:#a89a83;font-size:9px;line-height:1.5}.system-preview-presence{display:inline-flex;margin-top:5px;padding:3px 8px;border-radius:999px;background:#1e1a14;color:#7fd3ac;font-size:9px}.system-preview-presence.idle{background:#1e1a14;color:#a89a83}.system-preview-presence.dnd{background:#1e1a14;color:#e46f77}.system-preview-presence.invisible{background:#1e1a14;color:#a89a83}
@media(max-width:1180px){.system-control-layout{grid-template-columns:minmax(0,1fr) 280px}.system-customize-card{grid-template-columns:1fr}.system-live-previews{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:900px){.system-control-layout{grid-template-columns:1fr}.system-control-sidebar{grid-row:1;min-height:0}.system-control-sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.system-side-caption,.system-side-section{grid-column:1/-1}.system-return{position:static;margin:14px 18px}.system-control-main{padding:24px 16px 50px}.system-customize-fields{grid-template-columns:1fr 1fr}.system-customize-fields>*{grid-column:auto!important}}
@media(max-width:600px){.system-customize-fields,.system-live-previews{grid-template-columns:1fr}.system-control-sidebar nav{grid-template-columns:1fr}.system-customize-head h1{font-size:26px}}

/* System workspace occupies the whole viewport. The only global action left is Back. */
body.system-workspace-open{overflow-x:hidden!important;padding:0!important;background:#15120e!important}
html.system-workspace-root,html.system-workspace-root body{width:100%!important;min-height:100%!important;margin:0!important;padding:0!important;background:#15120e!important}
body.system-workspace-open .dash-v3-sidebar,
body.system-workspace-open .dash-v3-topbar,
body.system-workspace-open>aside.sidebar,
body.system-workspace-open>header.topbar{display:none!important}
html[dir="rtl"] body.system-workspace-open .dash-v3-main,
html[dir="ltr"] body.system-workspace-open .dash-v3-main,
body.system-workspace-open .dash-v3-main,
body.system-workspace-open>main.main{width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important}
body.system-workspace-open #multiControlPage,
body.system-workspace-open .multi-control-page{width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important}
body.system-workspace-open .multi-workspace-page.individual{width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:38px 48px 80px!important;border:0!important;border-radius:0!important;background:#15120e!important;overflow:visible!important}
body.system-workspace-open .multi-workspace-page.individual .multi-page-content,body.system-workspace-open .multi-workspace-page.individual .music-bots-grid{width:100%!important;max-width:none!important;margin-inline:0!important}
body.system-workspace-open .multi-workspace-page.group-full{width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#15120e!important;overflow:visible!important}
body.system-workspace-open .multi-workspace-page.group-full .group-content-only{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.system-workspace-open .system-control-layout{width:100vw!important;max-width:none!important;min-height:100vh!important;margin:0!important;border:0!important;border-radius:0!important}
body.system-workspace-open .system-control-sidebar{min-height:100vh!important;height:100%!important;align-self:stretch!important;border-radius:0!important}
body.system-workspace-open .multi-workspace-page .multi-back.group-back{position:fixed!important;z-index:3000!important;top:20px!important;left:22px!important;right:auto!important;margin:0!important;padding:10px 18px!important;border:1px solid #3d362b!important;border-radius:999px!important;background:rgba(48,40,32,.94)!important;color:#ffffff!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important;backdrop-filter:blur(12px)!important}
@media(max-width:900px){body.system-workspace-open .system-control-sidebar{min-height:0!important}body.system-workspace-open .multi-workspace-page .multi-back.group-back{top:12px!important;left:12px!important}}

/* System customization alignment and interaction polish */
body.system-workspace-open .system-customize-head>span{margin:0 0 14px auto!important}
body.system-workspace-open .system-customize-fields{grid-template-columns:110px minmax(0,1fr) minmax(220px,270px)!important}
body.system-workspace-open .system-banner-field img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:5/2!important;min-height:82px!important;max-height:108px!important;object-fit:cover!important;object-position:center!important;background:#15120e!important}
body.system-workspace-open .system-preview-banner{height:auto!important;aspect-ratio:5/2!important;min-height:78px!important}
body.system-workspace-open .system-preview-banner img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
body.system-workspace-open .system-customize-save{grid-column:1/-1!important;justify-self:start!important;width:172px!important;min-width:172px!important;height:42px!important;margin:3px 0 0 auto!important;padding:0 16px!important;border:1px solid #3d362b!important;border-radius:8px!important;background:#15120e!important;color:#f2ede4!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:12px!important;line-height:1!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
body.system-workspace-open .system-customize-save:hover{filter:none!important;transform:none!important;background:#1e1a14!important;border-color:#a89a83!important}
body.system-workspace-open .system-customize-save:active,
body.system-workspace-open .system-customize-save:focus-visible{outline:0!important;border-color:#a89a83!important;box-shadow:0 0 0 3px rgba(99,76,54,.25)!important;background:#1e1a14!important}
body.system-workspace-open .system-customize-save img,
body.system-workspace-open .system-customize-save .music-discord-emoji{position:static!important;inset:auto!important;display:block!important;flex:0 0 16px!important;width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important;min-height:16px!important;max-height:16px!important;margin:0!important;padding:0!important;transform:none!important;object-fit:contain!important}
@media(max-width:900px){body.system-workspace-open .system-customize-fields{grid-template-columns:1fr 1fr!important}body.system-workspace-open .system-customize-save{grid-column:1/-1!important}}
@media(max-width:600px){body.system-workspace-open .system-customize-fields{grid-template-columns:1fr!important}body.system-workspace-open .system-customize-save{width:160px!important;min-width:160px!important}}

/* System customization wide layout: avatar on the right and banner directly below it. */
body.system-workspace-open .system-control-main{padding:34px 24px 70px!important}
body.system-workspace-open .system-customize-page{width:100%!important;max-width:none!important;margin:0!important}
body.system-workspace-open .system-customize-head>span{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;place-items:end!important}
body.system-workspace-open .system-customize-head>span img{width:30px!important;height:30px!important;filter:drop-shadow(0 0 8px rgba(99,76,54,.28))!important}
body.system-workspace-open .system-customize-card{width:100%!important;max-width:none!important;grid-template-columns:minmax(0,1fr) 270px!important;gap:26px!important;margin:24px 0 0!important;padding:28px!important;border-radius:18px!important}
body.system-workspace-open .system-customize-fields{direction:rtl!important;display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;gap:20px 24px!important;align-items:stretch!important}
body.system-workspace-open .system-customize-fields>label:nth-of-type(1){grid-column:1!important;grid-row:1!important}
body.system-workspace-open .system-customize-fields>label:nth-of-type(2){grid-column:2!important;grid-row:1!important}
body.system-workspace-open .system-customize-fields>label:nth-of-type(3){grid-column:1!important;grid-row:2!important}
body.system-workspace-open .system-customize-fields>label:nth-of-type(4){grid-column:2!important;grid-row:2!important}
body.system-workspace-open .system-customize-fields>label:nth-of-type(5){grid-column:1!important;grid-row:3!important}
body.system-workspace-open .system-customize-fields>label:nth-of-type(6){grid-column:2!important;grid-row:3!important}
body.system-workspace-open .system-customize-fields input,
body.system-workspace-open .system-customize-fields select{height:58px!important;border-radius:13px!important;padding:0 16px!important;font-size:14px!important}
body.system-workspace-open .system-avatar-field img{display:block!important;width:96px!important;height:96px!important;border-radius:24px!important;object-fit:cover!important}
body.system-workspace-open .system-avatar-field input{inset:25px 0 0!important;height:96px!important}
body.system-workspace-open .system-banner-field img{width:100%!important;max-width:270px!important;min-height:108px!important;max-height:108px!important;aspect-ratio:5/2!important;border-radius:16px!important}
body.system-workspace-open .system-banner-field input{inset:25px 0 0!important;height:108px!important}
body.system-workspace-open .system-customize-save{grid-column:1/-1!important;grid-row:4!important}
body.system-workspace-open .system-live-previews{gap:18px!important}.system-preview-member,.system-preview-profile{border-radius:18px!important;padding:15px!important}.system-preview-profile{padding:0 15px 16px!important}.system-preview-banner{margin:0 -15px!important}
body.system-workspace-open .system-presence-field{grid-column:2!important}
body.system-workspace-open .system-customize-fields select{cursor:pointer!important}
@media(max-width:1100px){body.system-workspace-open .system-customize-card{grid-template-columns:1fr!important}body.system-workspace-open .system-live-previews{display:grid!important;grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){body.system-workspace-open .system-control-main{padding:22px 14px 60px!important}body.system-workspace-open .system-customize-card{padding:18px!important}body.system-workspace-open .system-customize-fields{grid-template-columns:1fr!important}body.system-workspace-open .system-customize-fields>label,body.system-workspace-open .system-customize-save{grid-column:1!important;grid-row:auto!important}body.system-workspace-open .system-banner-field img{max-width:none!important}body.system-workspace-open .system-live-previews{grid-template-columns:1fr!important}}

/* Compact and aligned System fields */
body.system-workspace-open .system-customize-card{align-items:start!important;padding:24px 26px!important}
body.system-workspace-open .system-customize-fields{grid-template-columns:340px minmax(0,1fr)!important;grid-template-rows:max-content max-content max-content max-content!important;gap:14px 22px!important;align-items:start!important;align-content:start!important}
body.system-workspace-open .system-customize-fields>label{align-self:start!important;align-content:start!important;grid-auto-rows:max-content!important;gap:7px!important;margin:0!important;padding:0!important}
body.system-workspace-open .system-customize-fields>label>span{display:block!important;margin:0!important;padding:0 2px!important;color:#c2b6a1!important;font-size:12px!important;font-weight:700!important;line-height:1.45!important;text-align:right!important}
body.system-workspace-open .system-customize-fields input,
body.system-workspace-open .system-customize-fields select{height:54px!important;margin:0!important;font-size:13px!important;line-height:54px!important}
body.system-workspace-open .system-customize-fields>label:nth-of-type(5) select{width:100%!important;min-width:340px!important;font-size:14px!important;font-weight:700!important}
body.system-workspace-open .system-customize-fields>label:nth-of-type(6){width:88%!important;justify-self:start!important}
body.system-workspace-open .system-customize-fields>label:nth-of-type(6) input{width:100%!important;font-size:12px!important;font-weight:600!important}
body.system-workspace-open .system-avatar-field img{width:84px!important;height:84px!important;border-radius:21px!important}
body.system-workspace-open .system-avatar-field input{height:84px!important}
body.system-workspace-open .system-banner-field{width:240px!important;max-width:240px!important}
body.system-workspace-open .system-banner-field img{width:240px!important;max-width:240px!important;min-height:94px!important;max-height:94px!important;border-radius:14px!important}
body.system-workspace-open .system-banner-field input{width:240px!important;height:94px!important}
body.system-workspace-open .system-avatar-field small,
body.system-workspace-open .system-banner-field small{margin:0!important;color:#a89a83!important;font-size:9px!important;line-height:1.4!important}
body.system-workspace-open .system-customize-save{margin-top:2px!important}
@media(max-width:1100px){body.system-workspace-open .system-customize-fields{grid-template-columns:300px minmax(0,1fr)!important}body.system-workspace-open .system-customize-fields>label:nth-of-type(5) select{min-width:300px!important}}
@media(max-width:760px){body.system-workspace-open .system-customize-fields{grid-template-columns:1fr!important;gap:13px!important}body.system-workspace-open .system-customize-fields>label:nth-of-type(5) select{min-width:0!important}body.system-workspace-open .system-customize-fields>label:nth-of-type(6){width:100%!important}body.system-workspace-open .system-banner-field,body.system-workspace-open .system-banner-field img,body.system-workspace-open .system-banner-field input{width:100%!important;max-width:none!important}}

/* Final compact field grouping */
body.system-workspace-open .system-customize-fields{display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;grid-template-rows:auto!important;gap:16px!important;align-items:start!important}
body.system-workspace-open .system-media-stack{grid-column:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;min-width:0!important}
body.system-workspace-open .system-settings-stack{grid-column:2!important;display:flex!important;flex-direction:column!important;gap:12px!important;min-width:0!important}
body.system-workspace-open .system-media-stack label,
body.system-workspace-open .system-settings-stack label{display:grid!important;grid-template-rows:max-content max-content!important;align-content:start!important;gap:6px!important;width:100%!important;margin:0!important;padding:0!important}
body.system-workspace-open .system-media-stack label small{margin-top:0!important}
body.system-workspace-open .system-status-grid{direction:rtl!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:start!important;width:100%!important}
body.system-workspace-open .system-activity-field,
body.system-workspace-open .system-status-text-field{width:100%!important;min-width:0!important;justify-self:stretch!important}
body.system-workspace-open .system-activity-field select,
body.system-workspace-open .system-status-text-field input{width:100%!important;min-width:0!important;height:54px!important;font-size:13px!important}
body.system-workspace-open .system-name-field input,
body.system-workspace-open .system-presence-field select{height:54px!important}
body.system-workspace-open .system-customize-save{position:static!important;align-self:flex-start!important;width:calc((100% - 12px)/2)!important;min-width:0!important;max-width:220px!important;height:42px!important;margin:0!important;grid-column:auto!important;grid-row:auto!important}
@media(max-width:900px){body.system-workspace-open .system-customize-fields{grid-template-columns:220px minmax(0,1fr)!important}}
@media(max-width:700px){body.system-workspace-open .system-customize-fields{grid-template-columns:1fr!important}body.system-workspace-open .system-media-stack,body.system-workspace-open .system-settings-stack{grid-column:1!important}body.system-workspace-open .system-media-stack{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important}body.system-workspace-open .system-banner-field,body.system-workspace-open .system-banner-field img,body.system-workspace-open .system-banner-field input{width:100%!important;max-width:none!important}body.system-workspace-open .system-status-grid{grid-template-columns:1fr!important}body.system-workspace-open .system-customize-save{width:170px!important}}

/* System menu and activity image icons */
body.system-workspace-open .system-control-sidebar nav button i img{display:block!important;width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;filter:none!important}
body.system-workspace-open .system-native-activity{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
body.system-workspace-open .system-activity-picker{position:relative!important;width:100%!important;height:54px!important}
body.system-workspace-open .system-activity-trigger{width:100%!important;height:54px!important;border:1px solid #3d362b!important;border-radius:13px!important;background:#1e1a14!important;color:#f2ede4!important;padding:0 14px!important;display:grid!important;grid-template-columns:26px minmax(0,1fr) 20px!important;align-items:center!important;gap:9px!important;text-align:right!important;cursor:pointer!important}
body.system-workspace-open .system-activity-trigger:focus-visible,
body.system-workspace-open .system-activity-picker:focus-within .system-activity-trigger{outline:0!important;border-color:#a89a83!important;box-shadow:0 0 0 3px rgba(99,76,54,.18)!important}
body.system-workspace-open .system-activity-trigger img,
body.system-workspace-open .system-activity-options img{display:block!important;width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;object-fit:contain!important;margin:0!important;padding:0!important}
body.system-workspace-open .system-activity-trigger strong{font-size:13px!important;font-weight:700!important;text-align:right!important}.system-activity-trigger em{font-style:normal!important;color:#a89a83!important;font-size:16px!important}
body.system-workspace-open .system-activity-options{position:absolute!important;z-index:120!important;top:calc(100% + 7px)!important;right:0!important;left:0!important;padding:7px!important;border:1px solid #3d362b!important;border-radius:13px!important;background:#1e1a14!important;box-shadow:0 20px 50px rgba(0,0,0,.48)!important;display:grid!important;gap:5px!important}
body.system-workspace-open .system-activity-options.hidden{display:none!important}
body.system-workspace-open .system-activity-options button{width:100%!important;height:43px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#f2ede4!important;padding:0 11px!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:right!important;cursor:pointer!important}
body.system-workspace-open .system-activity-options button:hover,
body.system-workspace-open .system-activity-options button.selected{background:#1e1a14!important;border-color:#a89a83!important;color:#fff!important}

/* System side navigation: default dark fill, selected state uses the store outline only. */
body.system-workspace-open .system-control-sidebar nav button{border:1px solid transparent!important;background:#15120e!important;color:#c2b6a1!important;box-shadow:none!important}
body.system-workspace-open .system-control-sidebar nav button:hover{border-color:#a89a83!important;background:#1e1a14!important;color:#f2ede4!important;box-shadow:none!important}
body.system-workspace-open .system-control-sidebar nav button.active,
body.system-workspace-open .system-control-sidebar nav button.active:hover,
body.system-workspace-open .system-control-sidebar nav button:active,
body.system-workspace-open .system-control-sidebar nav button:focus-visible{outline:0!important;border-color:#a89a83!important;background:#15120e!important;color:#f2ede4!important;box-shadow:0 0 0 2px rgba(99,76,54,.18)!important}
body.system-workspace-open .system-control-sidebar nav button.active i{color:#c2b6a1!important}

/* Precisely aligned dropdown chevrons for presence and activity. */
body.system-workspace-open .system-presence-field{position:relative!important}
body.system-workspace-open .system-presence-field select{-webkit-appearance:none!important;appearance:none!important;background-image:none!important;padding-left:46px!important;padding-right:16px!important}
body.system-workspace-open .system-presence-field:after{content:""!important;position:absolute!important;z-index:4!important;left:18px!important;bottom:23px!important;width:7px!important;height:7px!important;border-right:2px solid #302a20!important;border-bottom:2px solid #302a20!important;transform:rotate(45deg)!important;transform-origin:center!important;pointer-events:none!important;opacity:.9!important}
body.system-workspace-open .system-activity-trigger em{grid-column:3!important;align-self:center!important;justify-self:center!important;display:grid!important;place-items:center!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;font-size:0!important;line-height:1!important;color:transparent!important;transform:none!important}
body.system-workspace-open .system-activity-trigger em:before{content:""!important;display:block!important;width:7px!important;height:7px!important;border-right:2px solid #302a20!important;border-bottom:2px solid #302a20!important;transform:rotate(45deg) translate(-1px,-1px)!important;transform-origin:center!important;opacity:.9!important}

/* System overview — server statistics using the customization visual language. */
body.system-workspace-open .system-overview-page{width:100%;max-width:none;margin:0}
body.system-workspace-open .system-overview-head>span{width:auto!important;height:auto!important;border:0!important;background:transparent!important}
body.system-workspace-open .system-overview-head>span img{width:30px!important;height:30px!important;object-fit:contain!important}
body.system-workspace-open .system-overview-server-strip{min-height:74px;margin-top:22px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #3d362b;border-radius:16px;background:linear-gradient(135deg,rgba(48,40,32,.94),rgba(48,40,32,.94))}
body.system-workspace-open .system-overview-server-strip>div{display:flex;align-items:center;gap:12px;min-width:0}
body.system-workspace-open .system-overview-server-strip img{width:48px;height:48px;border:1px solid #3d362b;border-radius:14px;object-fit:cover}
body.system-workspace-open .system-overview-server-strip span span,body.system-workspace-open .system-overview-server-strip small,body.system-workspace-open .system-overview-server-strip strong{display:block}
body.system-workspace-open .system-overview-server-strip small{color:#a89a83;font-size:10px;margin-bottom:4px}
body.system-workspace-open .system-overview-server-strip strong{color:#f2ede4;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.system-workspace-open .system-overview-live{display:inline-flex!important;align-items:center;gap:7px;flex:0 0 auto;padding:8px 11px;border:1px solid #3d362b;border-radius:999px;background:#1e1a14;color:#c2b6a1;font-size:11px;font-weight:700}
body.system-workspace-open .system-overview-live i{width:7px;height:7px;border-radius:50%;background:#a89a83;box-shadow:0 0 10px rgba(186,150,140,.65)}
body.system-workspace-open .system-overview-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:16px}
body.system-workspace-open .system-overview-cards article{position:relative;min-width:0;min-height:132px;padding:16px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 1fr;gap:10px 11px;border:1px solid #3d362b;border-radius:17px;background:linear-gradient(145deg,#15120e,#15120e);overflow:hidden}
body.system-workspace-open .system-overview-cards article:after{content:"";position:absolute;inset:auto 14px 0;height:2px;background:linear-gradient(90deg,transparent,rgba(129,104,78,.55),transparent)}
body.system-workspace-open .system-overview-cards article>i{width:42px;height:42px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:12px;background:#1e1a14;color:#c2b6a1;font-size:19px;font-style:normal}
body.system-workspace-open .system-overview-cards article>i img{display:block;width:25px;height:25px;object-fit:contain}
body.system-workspace-open .system-overview-cards article>div{min-width:0;align-self:center}
body.system-workspace-open .system-overview-cards article span{display:block;color:#f2ede4;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.system-workspace-open .system-overview-cards article small{display:block;margin-top:4px;color:#a89a83;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.system-workspace-open .system-overview-cards article>strong{grid-column:1/-1;align-self:end;color:#f2ede4;font-size:26px;line-height:1;font-weight:600}
body.system-workspace-open .system-overview-cards .joins>i{color:#c2b6a1;border-color:#3d362b;background:#1e1a14}
body.system-workspace-open .system-overview-cards .leaves>i{color:#c2b6a1;border-color:#3d362b;background:#1e1a14}
body.system-workspace-open .system-overview-cards .messages>i{color:#a89a83}
body.system-workspace-open .system-overview-filter{min-height:74px;margin-top:16px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #3d362b;border-radius:16px;background:#15120e}
body.system-workspace-open .system-overview-filter>div strong,body.system-workspace-open .system-overview-filter>div small{display:block}
body.system-workspace-open .system-overview-filter>div strong{color:#f2ede4;font-size:13px}
body.system-workspace-open .system-overview-filter>div small{margin-top:5px;color:#a89a83;font-size:10px}
body.system-workspace-open .system-overview-filter label{position:relative;width:190px;flex:0 0 190px}
body.system-workspace-open .system-overview-filter label:after{content:"";position:absolute;left:16px;top:50%;width:7px;height:7px;border-right:2px solid #3d362b;border-bottom:2px solid #3d362b;transform:translateY(-70%) rotate(45deg);pointer-events:none}
body.system-workspace-open .system-overview-filter select{width:100%;height:46px;padding:0 14px 0 40px;-webkit-appearance:none;appearance:none;border:1px solid #3d362b;border-radius:11px;background:#15120e;color:#f2ede4;outline:0;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}
body.system-workspace-open .system-overview-filter select:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.18)}
body.system-workspace-open .system-overview-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
body.system-workspace-open .system-overview-charts>article{min-width:0;padding:16px 16px 10px;border:1px solid #3d362b;border-radius:18px;background:linear-gradient(155deg,#15120e,#15120e);overflow:hidden}
body.system-workspace-open .system-overview-charts>article.messages-chart{grid-column:1/-1}
body.system-workspace-open .system-overview-charts article>header{min-height:40px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body.system-workspace-open .system-overview-charts header span b,body.system-workspace-open .system-overview-charts header span small{display:block}
body.system-workspace-open .system-overview-charts header b{color:#f2ede4;font-size:12px}
body.system-workspace-open .system-overview-charts header small{margin-top:4px;color:#a89a83;font-size:9px}
body.system-workspace-open .system-overview-charts header>i{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#a89a83;box-shadow:0 0 10px rgba(129,104,78,.45)}
body.system-workspace-open .system-stats-svg{display:block;width:100%;height:auto;min-height:210px;margin-top:6px;overflow:visible}
body.system-workspace-open .system-chart-surface{fill:rgba(48,40,32,.52);stroke:#302a20;stroke-width:1}
body.system-workspace-open .system-chart-grid line{stroke:rgba(255,255,255,.055);stroke-width:1}
body.system-workspace-open .system-chart-grid text{fill:#a89a83;font-size:10px;text-anchor:end}
body.system-workspace-open .system-chart-grid text.x-label{text-anchor:middle}
body.system-workspace-open .system-chart-line{filter:drop-shadow(0 0 5px rgba(198,185,162,.22))}
body.system-workspace-open .system-chart-point{stroke:#15120e;stroke-width:2;transition:r .12s ease,filter .12s ease}
body.system-workspace-open .system-stats-svg:hover .system-chart-point{r:4.4px;filter:drop-shadow(0 0 4px rgba(129,104,78,.5))}
body.system-workspace-open .system-chart-legend{display:flex;align-items:center;gap:11px}
body.system-workspace-open .system-chart-legend em{position:relative;padding-inline-start:12px;color:#a89a83;font-size:9px;font-style:normal}
body.system-workspace-open .system-chart-legend em:before{content:"";position:absolute;inset-inline-start:0;top:50%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%)}
body.system-workspace-open .system-chart-legend .joins:before{background:#544a3b}.system-chart-legend .leaves:before{background:#544a3b}
@media(max-width:1200px){body.system-workspace-open .system-overview-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){body.system-workspace-open .system-overview-charts{grid-template-columns:1fr}body.system-workspace-open .system-overview-charts>article.messages-chart{grid-column:1}.system-stats-svg{min-height:180px!important}}
@media(max-width:600px){body.system-workspace-open .system-overview-cards{grid-template-columns:1fr}body.system-workspace-open .system-overview-server-strip,body.system-workspace-open .system-overview-filter{align-items:flex-start;flex-direction:column}body.system-workspace-open .system-overview-filter label{width:100%;flex-basis:auto}body.system-workspace-open .system-overview-live{align-self:flex-start}}

/* Isolated System back button: no inherited arrow or overlapping decoration. */
body.system-workspace-open .multi-workspace-page .multi-back.group-back{position:fixed!important;top:0!important;left:0!important;width:230px!important;min-width:230px!important;height:88px!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;isolation:isolate!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:inherit!important;cursor:pointer!important}
body.system-workspace-open .multi-workspace-page .multi-back.group-back>span{position:absolute!important;top:20px!important;left:48px!important;width:154px!important;height:44px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #3d362b!important;border-radius:999px!important;background:rgba(48,40,32,.97)!important;color:#ffffff!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important;font-size:12px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;pointer-events:none!important}
body.system-workspace-open .multi-workspace-page .multi-back.group-back:before,
body.system-workspace-open .multi-workspace-page .multi-back.group-back:after{content:none!important;display:none!important}

/* Faster visual response while switching System sections. */
body.system-workspace-open .system-control-sidebar nav button{transition:border-color .1s ease,color .1s ease,background .1s ease!important;will-change:border-color,color}
.general-manage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.general-manage-item{min-height:190px;background:#15120e;border:1px solid #26211a;border-radius:16px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.general-manage-item:hover{transform:translateY(-3px);border-color:#a89a83;box-shadow:0 18px 38px rgba(99,76,54,.16)}
.general-manage-icon{width:44px;height:44px;border-radius:12px;background:#26211a;display:grid;place-items:center}
.general-manage-icon img{width:24px;height:24px;object-fit:contain}
.general-manage-copy{width:100%;min-width:0}
.general-manage-copy span{display:block;color:#c2b6a1;font-size:12px;margin-bottom:8px}
.general-manage-copy strong{display:block;color:#fff;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.general-manage-copy small{display:block;color:#a89a83;font-size:11px;line-height:1.7;margin-top:7px;overflow-wrap:anywhere}
.general-manage-item button,.general-edit-modal button{width:100%;height:44px;margin-top:auto;border:1px solid #a89a83;background:#26211a;color:#fff;border-radius:11px;font-family:inherit;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.general-manage-item button img,.general-edit-modal button img{width:20px;height:20px;object-fit:contain}
.general-edit-modal{display:grid;gap:16px}
.general-edit-modal label{display:grid;gap:8px;color:#c2b6a1;font-size:13px}
.general-edit-modal input{width:100%;height:48px;background:#15120e!important;border:1px solid #26211a!important;color:#fff!important;border-radius:11px!important;padding:0 14px!important;margin:0!important}
@media(max-width:1000px){.general-manage-grid{grid-template-columns:1fr}}

/* General bot transfer-server picker: dark gray, no blue accents */
.server-user-picker input,
.server-user-picker input:focus{
  background:#1e1a14!important;
  color:#f2ede4!important;
  border-color:#26211a!important;
  box-shadow:0 0 0 2px rgba(99,76,54,.14)!important;
  cursor:pointer!important;
}
.server-user-picker .admin-user-dropdown{
  background:linear-gradient(180deg,#1e1a14,#15120e)!important;
  border-color:#26211a!important;
  box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 0 1px rgba(99,76,54,.12)!important;
}
.server-user-picker .admin-user-panel-head{
  background:linear-gradient(135deg,#26211a,#15120e)!important;
  border-bottom-color:#26211a!important;
}
.server-user-picker .admin-user-panel-head span,
.server-user-picker .admin-user-empty-icon{
  background:#26211a!important;
  color:#f2ede4!important;
  box-shadow:none!important;
}
.server-user-picker .admin-user-option{
  background:#1e1a14!important;
  border-color:#26211a!important;
}
.server-user-picker .admin-user-option:hover{
  background:#26211a!important;
  border-color:#a89a83!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28),0 0 0 1px rgba(99,76,54,.18)!important;
}
.server-user-picker .admin-user-option img{
  border-color:#3d362b!important;
  box-shadow:none!important;
}
.server-user-picker .admin-user-option em{
  color:#f2ede4!important;
  background:#26211a!important;
  border-color:#3d362b!important;
}
.server-user-picker .admin-user-empty{
  background:#1e1a14!important;
  border-color:#26211a!important;
}

/* Transfer server modal: current guild preselected, editable ID, top close button */
.transfer-server-card{
  position:relative!important;
  width:min(560px,92vw)!important;
  padding:28px 24px 24px!important;
  background:#15120e!important;
  border:1px solid #26211a!important;
  overflow:visible!important;
}
.transfer-server-card #modalTitle{
  margin:0 0 22px!important;
  text-align:center!important;
  padding-inline:42px!important;
}
.transfer-server-card .modal-actions{display:none!important}
.transfer-server-modal{display:grid;gap:18px;position:relative;padding-top:4px}
.transfer-server-x{
  position:absolute!important;
  top:-54px!important;
  left:0!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  border:1px solid #a89a83!important;
  border-radius:10px!important;
  background:#26211a!important;
  color:#fff!important;
  font-size:23px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  z-index:5!important;
}
html[dir="ltr"] .transfer-server-x{left:auto!important;right:0!important}
.transfer-server-x:hover{background:#302a20!important;box-shadow:0 0 0 2px rgba(99,76,54,.2)!important}
.transfer-server-modal .server-user-picker{margin:0!important}
.transfer-server-modal .server-user-picker input{
  cursor:text!important;
  height:50px!important;
  padding-inline:15px!important;
}
.transfer-server-submit{
  width:100%!important;
  height:48px!important;
  margin:0!important;
  border:1px solid #a89a83!important;
  border-radius:11px!important;
  background:#26211a!important;
  color:#fff!important;
  font-family:inherit!important;
  font-weight:700!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
.transfer-server-submit:hover{background:#302a20!important;box-shadow:0 12px 26px rgba(0,0,0,.26)!important}
.server-user-picker .admin-user-option.selected{
  background:#26211a!important;
  border-color:#a89a83!important;
  box-shadow:0 0 0 1px rgba(99,76,54,.2)!important;
}
.server-user-picker .admin-user-option.selected em{
  background:#26211a!important;
  border-color:#a89a83!important;
}


/* General edit modals: top X only, no footer close button */
.general-edit-card{
  position:relative!important;
  width:min(560px,92vw)!important;
  padding:28px 24px 24px!important;
  background:#15120e!important;
  border:1px solid #26211a!important;
  overflow:visible!important;
}
.general-edit-card #modalTitle{
  margin:0 0 22px!important;
  text-align:center!important;
  padding-inline:42px!important;
}
.general-edit-card .modal-actions{display:none!important}
/* Keep only the left close (general-edit-x); hide the default top-right X */
.general-edit-card > #modalClose,
.general-edit-card > .modal-close,
.transfer-server-card > #modalClose,
.transfer-server-card > .modal-close{
  display:none!important;
}
.general-edit-modal{position:relative!important;padding-top:4px!important}
.general-edit-x{
  position:absolute!important;
  top:-58px!important;
  left:0!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #a89a83!important;
  border-radius:10px!important;
  background:#26211a!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:700!important;
  line-height:38px!important;
  text-align:center!important;
  display:block!important;
  cursor:pointer!important;
  z-index:6!important;
}
html[dir="ltr"] .general-edit-x{left:auto!important;right:0!important}
.general-edit-x:hover{background:#302a20!important;box-shadow:0 0 0 2px rgba(99,76,54,.2)!important}
.transfer-server-x{
  padding:0!important;
  line-height:38px!important;
  text-align:center!important;
  display:block!important;
}

/* Final navbar physical alignment: brand far right, account controls far left */
.topbar{
  position:fixed!important;
  justify-content:center!important;
}
.topbar .topbar-brand{
  position:absolute!important;
  right:22px!important;
  left:auto!important;
  margin:0!important;
  direction:rtl!important;
}
.topbar .topbar-controls{
  position:absolute!important;
  left:22px!important;
  right:auto!important;
  margin:0!important;
  direction:ltr!important;
}
html[dir="rtl"] .topbar .topbar-brand,
html[dir="ltr"] .topbar .topbar-brand{
  right:22px!important;
  left:auto!important;
}
html[dir="rtl"] .topbar .topbar-controls,
html[dir="ltr"] .topbar .topbar-controls{
  left:22px!important;
  right:auto!important;
}
@media(max-width:900px){
  .topbar .topbar-brand{right:12px!important}
  .topbar .topbar-controls{left:12px!important}
}


/* Unified pill navbar final alignment: brand far right, profile far left */
body:not(.dash-v3-body) > .sidebar .brand,
body.mysub-standalone .mysub-sidebar .brand,
body.mysub-standalone .mysub-sidebar .mysub-brand{
  position:absolute!important;
  right:20px!important;
  left:auto!important;
  inset-inline:auto!important;
  margin:0!important;
}
.sant-nav-profile{
  position:absolute!important;
  left:20px!important;
  right:auto!important;
  inset-inline:auto!important;
  margin:0!important;
}
@media(max-width:620px){
  body:not(.dash-v3-body) > .sidebar .brand,
  body.mysub-standalone .mysub-sidebar .brand,
  body.mysub-standalone .mysub-sidebar .mysub-brand{right:10px!important;left:auto!important}
  .sant-nav-profile{left:10px!important;right:auto!important}
}
.store-page-body .store-command-hero{position:relative;isolation:isolate;max-width:1180px;min-height:340px;margin:28px auto 26px;padding:48px 52px;text-align:right;overflow:hidden;border:1px solid rgba(160,129,120,.28);border-radius:28px;background:linear-gradient(115deg,rgba(34,27,25,.96),rgba(20,16,15,.95) 57%,rgba(27,21,20,.9));box-shadow:0 30px 70px rgba(0,0,0,.25)}
.store-page-body .store-command-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 20% 20%,rgba(128,103,96,.28),transparent 30%),radial-gradient(circle at 91% 96%,rgba(129,104,78,.13),transparent 36%)}
.store-page-body .store-command-hero:after{content:"S";position:absolute;z-index:-1;left:9%;top:50%;display:grid;place-items:center;width:210px;height:210px;transform:translateY(-50%);border:1px solid rgba(201,194,190,.33);border-radius:50%;color:rgba(222,213,209,.72);font-size:92px;font-weight:700;box-shadow:0 0 0 20px rgba(164,132,123,.07),0 0 0 42px rgba(164,132,123,.035),inset 0 0 42px rgba(154,124,116,.18)}
.store-page-body .store-command-hero .store-badge{margin:0 0 18px;background:rgba(29,24,22,.7);border-color:rgba(182,147,137,.36);color:#c2b6a1}
.store-page-body .store-command-hero h1{position:relative;max-width:640px;margin:0;color:#f2ede4;font-size:clamp(34px,4vw,58px);line-height:1.15;font-weight:700;letter-spacing:-1.5px;background:none;-webkit-text-fill-color:initial}
.store-page-body .store-command-hero p{position:relative;max-width:590px;margin:18px 0 30px;color:#c2b6a1;font-size:16px;line-height:2}
.store-page-body .store-command-hero .store-stats-line{position:relative;justify-content:flex-start;gap:0;max-width:620px;border-top:1px solid rgba(188,151,141,.22);padding-top:22px}
.store-page-body .store-command-hero .store-stats-line>div{min-width:132px;padding-inline:20px;border-inline-start:1px solid rgba(188,151,141,.18)}
.store-page-body .store-command-hero .store-stats-line>div:first-child{padding-inline-start:0;border-inline-start:0}
.store-page-body .store-command-hero .store-stats-line strong{font-size:25px;color:#c2b6a1}
.store-page-body .store-command-hero .store-stats-line span{margin-top:5px;color:#c2b6a1;font-size:12px;font-weight:500}
.store-page-body .store-command-tools{position:relative;grid-template-columns:auto auto 160px 1fr;max-width:1180px;margin-bottom:18px;padding:16px 18px;padding-top:44px;border:1px solid rgba(124,100,93,.35);border-radius:18px;background:rgba(25,20,19,.88);box-shadow:0 16px 35px rgba(0,0,0,.13)}
.store-page-body .store-command-tools:before{content:"استكشف الخدمات";position:absolute;top:14px;right:18px;color:#f2ede4;font-size:14px;font-weight:700}
.store-page-body .store-command-tools:after{content:"اختر الخدمة المناسبة لمجتمعك";position:absolute;top:15px;right:145px;color:#a89a83;font-size:11px;font-weight:600}
.store-page-body .store-command-tools .currency-switch button,.store-page-body .store-command-tools select,.store-page-body .store-command-tools input{height:48px;border-radius:10px}
.store-page-body .store-command-tools .currency-switch button.active{background:linear-gradient(135deg,#302a20,#a89a83);color:#15120e}
@media(max-width:850px){.store-page-body .store-command-hero{margin-inline:18px;padding:36px 30px}.store-page-body .store-command-hero:after{opacity:.32;left:-25px;width:180px;height:180px}.store-page-body .store-command-tools{grid-template-columns:1fr 1fr;margin-inline:18px}.store-page-body .store-command-tools input{grid-column:1/-1}.store-page-body .store-command-hero .store-stats-line>div{min-width:0;flex:1;padding-inline:10px}}
@media(max-width:520px){.store-page-body .store-command-hero{margin:16px 12px 18px;padding:28px 20px;border-radius:22px}.store-page-body .store-command-hero h1{font-size:34px}.store-page-body .store-command-hero .store-stats-line strong{font-size:19px}.store-page-body .store-command-hero .store-stats-line span{font-size:10px}.store-page-body .store-command-tools{margin-inline:12px;grid-template-columns:1fr}.store-page-body .store-command-tools input{grid-column:auto}.store-page-body .store-command-tools:after{display:none}.store-page-body .store-command-tools .currency-switch{justify-content:stretch}.store-page-body .store-command-tools .currency-switch button{flex:1}}
.store-page-body{background-color:#15120e!important;background-image:linear-gradient(rgba(168,136,126,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(168,136,126,.055) 1px,transparent 1px),radial-gradient(circle at 16% 22%,rgba(71,57,54,.20),transparent 30%),linear-gradient(180deg,#15120e,#15120e 560px)!important;background-size:36px 36px,36px 36px,auto,auto!important;background-position:center center,center center,center top,center top!important}
.store-page-body .store-main{position:relative;background:linear-gradient(90deg,rgba(48,40,32,.18),rgba(48,40,32,.02) 50%,rgba(48,40,32,.18))}
.store-page-body .products-grid,.store-page-body .orders-section{position:relative}
/* Shared dark grid background across the entire Norel Store interface */
body:not(.light),
body.sant-login-page:not(.light),
body.sant-new-dashboard:not(.light),
body.dash-v3-body:not(.light){
  background-color:#15120e!important;
  background-image:linear-gradient(rgba(168,136,126,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(168,136,126,.06) 1px,transparent 1px),radial-gradient(circle at 15% 14%,rgba(75,60,56,.22),transparent 30%),linear-gradient(180deg,#15120e,#15120e 600px)!important;
  background-size:36px 36px,36px 36px,auto,auto!important;
  background-position:center center,center center,center top,center top!important;
}
body:not(.light) .main,
body:not(.light) .dash-v3-main{
  background-color:transparent!important;
  background-image:linear-gradient(rgba(168,136,126,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(168,136,126,.035) 1px,transparent 1px)!important;
  background-size:36px 36px!important;
}
/* Bot management keeps its own clean background, without the shared grid. */
body.bot-management-active:not(.light),
body.bot-management-active:not(.light) .dash-v3-main{
  background-color:#15120e!important;
  background-image:none!important;
}
/* Store redesign: clean dark marketplace */
.store-page-body .store-rebuild-hero{min-height:310px;padding:44px 54px;border-radius:24px;background:linear-gradient(112deg,rgba(29,23,22,.96),rgba(48,40,32,.97) 56%,rgba(48,40,32,.93));border-color:rgba(168,136,127,.3);box-shadow:0 22px 54px rgba(0,0,0,.22)}
.store-page-body .store-rebuild-hero:before{background:radial-gradient(circle at 13% 55%,rgba(141,114,106,.22),transparent 24%),radial-gradient(circle at 82% 18%,rgba(186,150,140,.1),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,34px 34px,34px 34px}
.store-page-body .store-rebuild-hero:after{content:"S";left:10%;width:170px;height:170px;border-radius:32px;transform:translateY(-50%) rotate(-10deg);border-color:rgba(202,194,190,.24);color:rgba(215,207,202,.42);font-size:78px;box-shadow:0 0 0 15px rgba(176,142,132,.05),inset 0 0 40px rgba(169,136,127,.13)}
.store-page-body .store-rebuild-hero h1{font-size:clamp(32px,4.2vw,54px);max-width:690px;letter-spacing:-1px}
.store-page-body .store-rebuild-hero h1:after{content:none;display:none}
.store-page-body .store-rebuild-hero p{max-width:630px;margin-bottom:24px;font-size:15px;color:#c2b6a1}
.store-page-body .store-rebuild-hero .store-stats-line{max-width:590px;padding-top:18px}.store-page-body .store-rebuild-hero .store-stats-line>div{min-width:120px}
.store-page-body .store-rebuild-tools{grid-template-columns:auto 145px 1fr;gap:10px;margin:0 auto 30px;padding:13px;border-radius:16px;background:rgba(22,18,16,.93);border-color:rgba(148,119,111,.3);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.store-page-body .store-rebuild-tools:before{content:"ابحث عن الخدمة المناسبة";position:static;grid-column:1/-1;display:flex;align-items:center;padding-inline:8px;color:#f2ede4;font-size:13px;white-space:nowrap}
.store-page-body .store-rebuild-tools:after{display:none}
.store-page-body .store-rebuild-tools .currency-switch{order:3}.store-page-body .store-rebuild-tools select{order:2}.store-page-body .store-rebuild-tools input{order:1}
.store-page-body .store-rebuild-tools .currency-switch button,.store-page-body .store-rebuild-tools select,.store-page-body .store-rebuild-tools input{height:50px;background:#302a20;border-color:#3d362b;color:#f2ede4}
.store-page-body .store-rebuild-tools input{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.store-page-body .store-rebuild-tools .currency-switch button.active{background:linear-gradient(135deg,#2b251d,#a89a83);color:#15120e}
.store-page-body .store-rebuild-hero .store-inline-icon,.store-page-body .store-rebuild-tools .store-inline-icon,.store-page-body .cart-head .store-inline-icon,.store-page-body .checkout-btn .store-inline-icon,.store-page-body .checkout-panel .store-inline-icon,.store-page-body .sidebar .store-inline-icon{display:none!important}
.store-page-body #cartOpen .store-inline-icon{display:grid!important;width:24px!important;height:24px!important;min-width:24px!important;font-size:0!important}.store-page-body #cartOpen .store-inline-icon:before{content:"";display:block;width:24px;height:24px;background:url("https://k.top4top.io/p_38466lur91.png") center/contain no-repeat}
.store-page-body .store-count{max-width:1180px;margin:0 auto 14px;padding-inline:4px;color:#a89a83;font-size:12px}.store-page-body .store-count b{color:#c2b6a1}
.store-page-body .store-rebuild-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:70px}
.store-page-body .store-rebuild-grid .product-card{min-height:390px;padding:22px;border-radius:18px;background:linear-gradient(155deg,rgba(35,28,26,.96),rgba(48,40,32,.98));border-color:rgba(99,80,74,.52);box-shadow:0 15px 36px rgba(0,0,0,.16);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.store-page-body .store-rebuild-grid .product-card:hover{transform:translateY(-5px);border-color:rgba(197,189,185,.72);box-shadow:0 23px 44px rgba(0,0,0,.28),0 0 0 1px rgba(205,197,193,.08)}
.store-page-body .store-rebuild-grid .product-top-line{right:22px;left:22px;height:2px;background:linear-gradient(90deg,transparent,#544a3b,transparent);opacity:.78}
.store-page-body .store-rebuild-grid .product-head{align-items:center}.store-page-body .store-rebuild-grid .product-head h3{margin:0;font-size:18px;color:#f2ede4}.store-page-body .store-rebuild-grid .product-head span{background:rgba(148,120,112,.14);border-color:rgba(169,136,127,.3);color:#c2b6a1}
.store-page-body .store-rebuild-grid .product-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#3d362b,#302a20);color:#26211a;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 24px rgba(0,0,0,.2)}
.store-page-body .store-rebuild-grid .product-card p{min-height:48px;margin:18px 0 15px;color:#c2b6a1;font-size:13px;line-height:1.8}.store-page-body .store-rebuild-grid .product-meta{height:40px;gap:16px;border-color:rgba(115,93,87,.38);font-size:12px}.store-page-body .store-rebuild-grid .product-card select{height:48px;margin:16px 0 12px;background:#1e1a14;border-color:#3d362b;border-radius:9px;font-size:13px}
.store-page-body .store-rebuild-grid .product-bottom{margin-top:8px}.store-page-body .store-rebuild-grid .product-bottom button{height:48px;min-width:128px;background:linear-gradient(135deg,#2b251d,#a89a83);color:#15120e;border-radius:10px;font-size:13px;transition:filter .2s ease}.store-page-body .store-rebuild-grid .product-bottom button:hover{filter:brightness(1.08)}
.store-page-body .store-rebuild-grid .product-price strong{font-size:23px;color:#f2ede4}.store-page-body .store-rebuild-grid .product-price small{font-size:11px;color:#a89a83}
.store-page-body .store-rebuild-grid .music-qty{margin-bottom:12px}.store-page-body .store-rebuild-grid .music-qty button,.store-page-body .store-rebuild-grid .music-qty input{height:40px;background:#1e1a14;border-color:#3d362b}
.store-page-body .orders-section{padding:26px;border:1px solid rgba(101,81,76,.4);border-radius:18px;background:rgba(48,40,32,.5)}
@media(max-width:980px){.store-page-body .store-rebuild-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-page-body .store-rebuild-tools{grid-template-columns:1fr 145px}.store-page-body .store-rebuild-tools:before{display:none}.store-page-body .store-rebuild-tools input{grid-column:1/-1}.store-page-body .store-rebuild-tools .currency-switch{order:2}.store-page-body .store-rebuild-tools select{order:3}}
@media(max-width:640px){.store-page-body .store-rebuild-hero{padding:30px 22px}.store-page-body .store-rebuild-hero:after{opacity:.32;left:-20px;width:130px;height:130px;font-size:58px}.store-page-body .store-rebuild-hero h1:after{font-size:10px}.store-page-body .store-rebuild-grid{grid-template-columns:1fr;margin-inline:12px}.store-page-body .store-rebuild-grid .product-card{min-height:0}.store-page-body .store-rebuild-tools{margin-inline:12px;grid-template-columns:1fr}.store-page-body .store-rebuild-tools input{grid-column:auto}.store-page-body .store-rebuild-tools .currency-switch,.store-page-body .store-rebuild-tools select{order:initial}.store-page-body .store-rebuild-tools .currency-switch button{flex:1}}
.store-page-body .store-rebuild-grid .music-card select,
.store-page-body .store-rebuild-grid .music-card .music-qty input,
.store-page-body .store-rebuild-grid .music-card .music-qty button{
  background:linear-gradient(180deg,#26211a,#302a20)!important;
  border-color:#3d362b!important;
  color:#26211a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.store-page-body .store-rebuild-grid .music-card .music-qty button:hover{
  background:linear-gradient(180deg,#302a20,#3d362b)!important;
  border-color:#3d362b!important;
  color:#fff!important;
}
.store-page-body .store-rebuild-grid .music-card .product-head span{
  background:rgba(133,107,100,.16)!important;
  border-color:rgba(186,150,140,.38)!important;
  color:#f2ede4!important;
}
.store-page-body .store-rebuild-grid .music-card .product-icon{
  background:linear-gradient(145deg,#3d362b,#3d362b)!important;
  color:#26211a!important;
}

/* My Subscriptions final correction:
   - Keep the normal filled card backgrounds.
   - Remove only the square/grid pattern behind the whole page.
   - Keep the search field as one clean layer.
*/
body.mysub-standalone:not(.light),
body.mysub-body:not(.light){
  background-color:#15120e!important;
  background-image:
    radial-gradient(circle at 55% 0,rgba(129,104,78,.09),transparent 35%),
    linear-gradient(180deg,#15120e,#15120e 70%)!important;
  background-size:auto!important;
  background-position:center top!important;
  background-attachment:fixed!important;
}
body.mysub-standalone:not(.light)::before,
body.mysub-standalone:not(.light)::after,
body.mysub-body:not(.light)::before,
body.mysub-body:not(.light)::after{
  background-image:none!important;
}
body.mysub-standalone:not(.light) .mysub-main,
body.mysub-body:not(.light) .mysub-main,
body.mysub-standalone:not(.light) .main,
body.mysub-body:not(.light) .main,
body.mysub-standalone:not(.light) .dash-v3-main,
body.mysub-body:not(.light) .dash-v3-main{
  background-color:transparent!important;
  background-image:none!important;
}

/* Restore the regular filled boxes/cards. */
body.mysub-standalone .mysub-stat,
body.mysub-body .mysub-stat{
  background:linear-gradient(180deg,#1e1a14,#1e1a14)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.16)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.mysub-standalone .mysub-card,
body.mysub-body .mysub-card,
body.mysub-standalone .mysub-empty,
body.mysub-body .mysub-empty,
body.mysub-standalone .mysub-error,
body.mysub-body .mysub-error,
body.mysub-standalone .mysub-empty-note,
body.mysub-body .mysub-empty-note{
  background:linear-gradient(180deg,#1e1a14,#15120e)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.20)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.mysub-standalone .mysub-time-box,
body.mysub-body .mysub-time-box{
  background:linear-gradient(180deg,rgba(129,104,78,.10),rgba(26,21,19,.55))!important;
  box-shadow:inset 0 0 18px rgba(129,104,78,.05),0 14px 34px rgba(0,0,0,.16)!important;
}
body.mysub-standalone .mysub-card-glow,
body.mysub-body .mysub-card-glow{
  display:block!important;
}
body.mysub-standalone .mysub-stat::after,
body.mysub-body .mysub-stat::after{
  display:block!important;
  content:""!important;
}
body.mysub-standalone .mysub-stat:hover,
body.mysub-body .mysub-stat:hover,
body.mysub-standalone .mysub-stat.selected,
body.mysub-body .mysub-stat.selected{
  background:linear-gradient(180deg,#26211a,#302a20)!important;
  box-shadow:0 24px 60px rgba(129,104,78,.13),0 18px 48px rgba(0,0,0,.28)!important;
}
body.mysub-standalone .mysub-card:hover,
body.mysub-body .mysub-card:hover{
  background:linear-gradient(180deg,#3d362b,#26211a)!important;
  box-shadow:0 24px 70px rgba(129,104,78,.14),0 18px 54px rgba(0,0,0,.25)!important;
}

/* One background layer only for the search control. */
body.mysub-standalone .mysub-search,
body.mysub-body .mysub-search,
body.mysub-standalone .mysub-top-search,
body.mysub-body .mysub-top-search{
  background:#15120e!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.mysub-standalone .mysub-search input,
body.mysub-body .mysub-search input,
body.mysub-standalone .mysub-top-search input,
body.mysub-body .mysub-top-search input{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

/* Custom Discord timer icon alignment in general and broadcast bot management. */
.mysub-search-symbol{
  width:15px;
  height:15px;
  min-width:15px;
  color:#a89a83;
  display:block;
  filter:drop-shadow(0 0 5px rgba(129,104,78,.28));
}
body.mysub-standalone .mysub-top-search .mysub-search-symbol,
body.mysub-standalone .mysub-search .mysub-search-symbol{
  color:#a89a83!important;
  opacity:1!important;
}

/* Custom Discord timer icon alignment in general and broadcast bot management. */
.bc-stat-card i .music-discord-emoji,
.bot-control-time-label .music-discord-emoji{
  width:24px!important;
  height:24px!important;
  object-fit:contain!important;
  vertical-align:middle!important;
}
.bot-control-time-label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.bc-stats-grid{
  grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important;
}

/* System general commands */
body.system-workspace-open .system-commands-page{width:100%;max-width:none;margin:0}
body.system-workspace-open .system-commands-head>span{width:auto!important;height:auto!important;border:0!important;background:transparent!important}
body.system-workspace-open .system-commands-head>span img{display:block;width:31px!important;height:31px!important;object-fit:contain!important}
body.system-workspace-open .system-commands-toolbar{margin-top:22px;border:1px solid #3d362b;border-radius:19px;background:linear-gradient(145deg,#15120e,#15120e);overflow:hidden}
body.system-workspace-open .system-commands-global{min-height:82px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #3d362b}
body.system-workspace-open .system-commands-global strong,body.system-workspace-open .system-commands-global small{display:block}
body.system-workspace-open .system-commands-global strong{color:#f2ede4;font-size:14px}
body.system-workspace-open .system-commands-global small{margin-top:5px;color:#a89a83;font-size:10px}
body.system-workspace-open .system-command-filters{padding:13px 18px;display:grid;grid-template-columns:minmax(260px,1fr) 210px 115px;align-items:center;gap:11px}
body.system-workspace-open .system-command-search{height:46px;padding:0 13px;display:flex;align-items:center;gap:10px;border:1px solid #3d362b;border-radius:12px;background:#15120e;color:#a89a83}
body.system-workspace-open .system-command-search:focus-within{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.17)}
body.system-workspace-open .system-command-search span{font-size:20px;line-height:1;transform:rotate(-18deg)}
body.system-workspace-open .system-command-search input{width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:#f2ede4;font-family:inherit;font-size:11px}
body.system-workspace-open .system-command-category{position:relative}
body.system-workspace-open .system-command-category:after{content:"";position:absolute;left:15px;top:50%;width:7px;height:7px;border-right:2px solid #3d362b;border-bottom:2px solid #3d362b;transform:translateY(-70%) rotate(45deg);pointer-events:none}
body.system-workspace-open .system-command-category select{width:100%;height:46px;padding:0 13px 0 38px;-webkit-appearance:none;appearance:none;border:1px solid #3d362b;border-radius:12px;outline:0;background:#15120e;color:#f2ede4;font-family:inherit;font-size:11px;font-weight:600}
body.system-workspace-open .system-command-category select:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.17)}
body.system-workspace-open .system-command-count{height:46px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3d362b;border-radius:12px;background:#15120e;white-space:nowrap}
body.system-workspace-open .system-command-count strong{color:#f2ede4;font-size:16px}.system-command-count span{color:#a89a83;font-size:9px}
body.system-workspace-open .system-commands-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
body.system-workspace-open .system-command-row{min-width:0;min-height:142px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #3d362b;border-radius:17px;background:linear-gradient(145deg,#15120e,#15120e);transition:border-color .18s ease,transform .18s ease,background .18s ease}
body.system-workspace-open .system-command-row:hover{border-color:#a89a83;background:linear-gradient(145deg,#15120e,#15120e);transform:translateY(-1px)}
body.system-workspace-open .system-command-row.hidden{display:none!important}
body.system-workspace-open .system-command-info{min-width:0;flex:1}
body.system-workspace-open .system-command-category-badge{display:inline-flex;padding:4px 8px;border:1px solid #3d362b;border-radius:999px;background:#1e1a14;color:#a89a83;font-size:8px;font-weight:700}
body.system-workspace-open .system-command-info>strong{display:block;margin-top:9px;color:#f2ede4;font-size:15px;direction:ltr;text-align:right;unicode-bidi:plaintext}
body.system-workspace-open .system-command-info>strong b{color:#a89a83;font-weight:700}
body.system-workspace-open .system-command-info p{margin:6px 0 0;color:#a89a83;font-size:10px;line-height:1.7}
body.system-workspace-open .system-command-info>small{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:9px;color:#9c907d;font-size:8px}
body.system-workspace-open .system-command-info>small em{padding:3px 6px;border-radius:6px;background:#302a20;color:#c2b6a1;font-style:normal;direction:ltr}
body.system-workspace-open .system-command-actions{width:112px;flex:0 0 112px;display:grid;gap:9px}
body.system-workspace-open .system-command-switch{min-width:108px;height:39px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:7px;border:1px solid #3d362b;border-radius:11px;background:#15120e;color:#a89a83;font-family:inherit;font-size:9px;font-weight:700;cursor:pointer;transition:.18s ease}
body.system-workspace-open .system-command-switch>i{position:relative;width:38px;height:21px;flex:0 0 38px;border-radius:999px;background:#302a20;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
body.system-workspace-open .system-command-switch>i:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#302a20;transition:left .18s ease,background .18s ease}
body.system-workspace-open .system-command-switch.on{border-color:#a89a83;background:#1e1a14;color:#c2b6a1}
body.system-workspace-open .system-command-switch.on>i{background:#302a20}
body.system-workspace-open .system-command-switch.on>i:after{left:20px;background:#15120e}
body.system-workspace-open .system-command-switch:focus-visible,body.system-workspace-open .system-command-edit:focus-visible{outline:0;border-color:#a89a83!important;box-shadow:0 0 0 3px rgba(99,76,54,.19)}
body.system-workspace-open .system-command-edit{height:38px;border:1px solid #3d362b;border-radius:10px;background:#1e1a14;color:#c2b6a1;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}
body.system-workspace-open .system-command-edit:hover{border-color:#a89a83;color:#fff}.system-command-edit span{margin-inline-end:5px;color:#c2b6a1}
body.system-workspace-open .system-command-edit img{display:block;width:24px;height:24px;min-width:24px;max-width:24px;object-fit:contain;margin-inline-end:7px}
body.system-workspace-open .system-command-edit{display:flex;align-items:center;justify-content:center;gap:6px}
body.system-workspace-open .system-commands-empty{margin-top:14px;padding:45px 20px;border:1px dashed #3d362b;border-radius:17px;color:#a89a83;text-align:center;font-size:12px}
body.system-workspace-open .system-commands-empty.hidden{display:none}
body.system-workspace-open .system-commands-state{min-height:270px;margin-top:22px;padding:34px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #3d362b;border-radius:19px;background:linear-gradient(145deg,#15120e,#15120e);text-align:center}
body.system-workspace-open .system-commands-state>i{width:42px;height:42px;margin-bottom:14px;display:grid;place-items:center;border:3px solid #3d362b;border-top-color:#a89a83;border-radius:50%;font-style:normal;color:#c2b6a1}
body.system-workspace-open .system-commands-state.loading>i{animation:systemCommandsSpin .8s linear infinite}
body.system-workspace-open .system-commands-state.error>i{border:1px solid #3d362b;background:#1e1a14;font-size:18px;font-weight:700}
body.system-workspace-open .system-commands-state strong{color:#f2ede4;font-size:14px}.system-commands-state p{max-width:520px;margin:7px 0 0;color:#a89a83;font-size:10px;line-height:1.8}
body.system-workspace-open .system-commands-state button{height:40px;margin-top:16px;padding:0 17px;border:1px solid #3d362b;border-radius:10px;background:#1e1a14;color:#f2ede4;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}
@keyframes systemCommandsSpin{to{transform:rotate(360deg)}}

.modal-card.general-edit-card:has(.system-command-edit-modal){width:min(700px,calc(100vw - 30px))!important;max-width:700px!important;background:#15120e!important;border:1px solid #3d362b!important;border-radius:20px!important;overflow:hidden!important}
.system-command-edit-modal{direction:rtl;color:#f2ede4}
.system-command-edit-modal>header{min-height:78px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #3d362b}
.system-command-edit-modal>header>div{display:flex;align-items:center;gap:11px}.system-command-edit-modal>header>div>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:12px;background:#1e1a14}
.system-command-edit-modal>header img{width:24px;height:24px;object-fit:contain}.system-command-edit-modal header small{display:block;color:#a89a83;font-size:9px}.system-command-edit-modal header h2{margin:4px 0 0;font-size:17px}.system-command-edit-modal header h2 b{color:#c2b6a1;direction:ltr;unicode-bidi:isolate}
.system-command-edit-summary{margin:16px 18px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-command-edit-summary>div{padding:12px;border:1px solid #3d362b;border-radius:12px;background:#15120e}.system-command-edit-summary span,.system-command-edit-summary strong{display:block}.system-command-edit-summary span{color:#a89a83;font-size:9px}.system-command-edit-summary strong{margin-top:5px;color:#f2ede4;font-size:12px}.system-command-edit-summary strong.enabled{color:#c2b6a1}.system-command-edit-summary strong.disabled{color:#c2b6a1}
.system-command-edit-toggle{margin:12px 18px 0;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #3d362b;border-radius:12px;background:#15120e;cursor:pointer}.system-command-edit-toggle span strong,.system-command-edit-toggle span small{display:block}.system-command-edit-toggle span strong{font-size:11px}.system-command-edit-toggle span small{margin-top:4px;color:#a89a83;font-size:9px}.system-command-edit-toggle input{position:absolute;opacity:0;pointer-events:none}.system-command-edit-toggle>i{position:relative;width:45px;height:25px;flex:0 0 45px;border-radius:999px;background:#302a20;transition:.18s}.system-command-edit-toggle>i:after{content:"";position:absolute;top:4px;left:4px;width:17px;height:17px;border-radius:50%;background:#302a20;transition:.18s}.system-command-edit-toggle input:checked+i{background:#302a20}.system-command-edit-toggle input:checked+i:after{left:24px;background:#fff}
.system-command-alias-field{margin:12px 18px 0;display:grid;gap:7px}.system-command-alias-field>span{color:#c2b6a1;font-size:10px;font-weight:700}.system-command-alias-field input{width:100%;height:50px;padding:0 13px;border:1px solid #3d362b;border-radius:12px;outline:0;background:#15120e;color:#f2ede4;font-family:inherit;font-size:11px}.system-command-alias-field input:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.17)}.system-command-alias-field small{color:#a89a83;font-size:9px;line-height:1.7}
.system-command-edit-actions{padding:16px 18px 18px;display:flex;justify-content:flex-end;gap:9px}.system-command-edit-actions button{height:42px;padding:0 16px;border:1px solid #3d362b;border-radius:10px;background:#15120e;color:#c2b6a1;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}.system-command-edit-actions button:last-child{border-color:#3d362b;background:linear-gradient(180deg,#3d362b,#3d362b);color:#fff}.system-command-edit-actions button img{width:16px;height:16px;margin-inline-end:6px;vertical-align:middle}
@media(max-width:1000px){body.system-workspace-open .system-commands-list{grid-template-columns:1fr}}
@media(max-width:700px){body.system-workspace-open .system-command-filters{grid-template-columns:1fr}.system-command-count{justify-content:flex-start!important}body.system-workspace-open .system-command-row{align-items:stretch;flex-direction:column}body.system-workspace-open .system-command-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}body.system-workspace-open .system-command-switch{width:100%}.system-command-edit-summary{grid-template-columns:1fr}.system-command-edit-toggle{align-items:flex-start}}

/* General command controls — one consistent surface color. */
body.system-workspace-open .system-command-filters,
body.system-workspace-open .system-command-search,
body.system-workspace-open .system-command-search input,
body.system-workspace-open .system-command-category select,
body.system-workspace-open .system-command-count{background:#15120e!important;background-image:none!important}
body.system-workspace-open .system-command-search:hover,
body.system-workspace-open .system-command-category select:hover,
body.system-workspace-open .system-command-count:hover{background:#15120e!important}
body.system-workspace-open .system-command-category select option{background:#15120e!important;color:#f2ede4!important}
body.system-workspace-open .system-command-search input:-webkit-autofill,
body.system-workspace-open .system-command-search input:-webkit-autofill:hover,
body.system-workspace-open .system-command-search input:-webkit-autofill:focus{-webkit-text-fill-color:#26211a!important;-webkit-box-shadow:0 0 0 1000px #15120e inset!important;transition:background-color 9999s ease-out!important}

/* Per-command switch feedback without changing the master switch. */
body.system-workspace-open .system-command-switch.turning-off{animation:systemCommandOff .42s ease both}
body.system-workspace-open .system-command-switch.turning-on{animation:systemCommandOn .42s ease both}
body.system-workspace-open .system-command-switch.turning-off>i:after{animation:systemCommandDotOff .42s ease}
body.system-workspace-open .system-command-switch.turning-on>i:after{animation:systemCommandDotOn .42s ease}
@keyframes systemCommandOff{0%{box-shadow:0 0 0 0 rgba(177,125,134,.32)}45%{transform:scale(.95);border-color:#3d362b;box-shadow:0 0 0 6px rgba(177,125,134,.09)}100%{transform:scale(1);box-shadow:none}}
@keyframes systemCommandOn{0%{box-shadow:0 0 0 0 rgba(172,139,129,.3)}45%{transform:scale(.95);border-color:#3d362b;box-shadow:0 0 0 6px rgba(172,139,129,.09)}100%{transform:scale(1);box-shadow:none}}
@keyframes systemCommandDotOff{45%{transform:scale(.72)}100%{transform:scale(1)}}
@keyframes systemCommandDotOn{45%{transform:scale(1.25)}100%{transform:scale(1)}}

/* Multi-alias editor with removable chips. */
.system-command-alias-entry{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px}
.system-command-alias-entry input{width:100%!important;height:46px!important;margin:0!important;padding:0 13px!important;border:1px solid #3d362b!important;border-radius:11px!important;background:#15120e!important;color:#f2ede4!important;outline:0!important;font-family:inherit!important;font-size:11px!important}
.system-command-alias-entry input:focus{border-color:#a89a83!important;box-shadow:0 0 0 3px rgba(99,76,54,.17)!important}
.system-command-alias-entry>button{height:46px!important;margin:0!important;padding:0 14px!important;border:1px solid #3d362b!important;border-radius:11px!important;background:#1e1a14!important;color:#26211a!important;font-family:inherit!important;font-size:10px!important;font-weight:700!important}
.system-command-alias-chips{min-height:48px;padding:8px;display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap;gap:7px;border:1px solid #3d362b;border-radius:11px;background:#15120e}
.system-command-alias-chips>span{height:30px;padding:0 9px 0 3px;display:inline-flex;align-items:center;gap:7px;border:1px solid #3d362b;border-radius:8px;background:#302a20;color:#f2ede4;direction:ltr}
.system-command-alias-chips>span b{font-size:10px;font-weight:700}
.system-command-alias-chips>span button{width:24px!important;height:24px!important;min-width:24px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:6px!important;background:#302a20!important;color:#c2b6a1!important;font-size:15px!important;line-height:1!important}
.system-command-alias-chips>span button:hover{background:#302a20!important;color:#fff!important}
.system-command-alias-chips>em{padding:6px;color:#a89a83;font-size:9px;font-style:normal}

/* Keep the command editor close button fully inside its top-left corner. */
.modal-card.general-edit-card:has(.system-command-edit-modal){padding:0!important;overflow:hidden!important}
.modal-card.general-edit-card:has(.system-command-edit-modal) #modalTitle:empty{display:none!important}
.system-command-edit-modal{position:relative!important;padding:0!important}
.system-command-edit-modal>header{position:relative!important;padding-left:72px!important}
.system-command-edit-modal .general-edit-x,
html[dir="ltr"] .system-command-edit-modal .general-edit-x{position:absolute!important;top:17px!important;left:18px!important;right:auto!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;margin:0!important;padding:0!important;line-height:36px!important;z-index:10!important}

/* The Back to home control is always text-only across all workspaces. */
.multi-back,.multi-workspace-page .multi-back,.multi-entry-page .multi-back{background-image:none!important}
.multi-back:before,.multi-back:after,.multi-back::before,.multi-back::after,
.multi-workspace-page .multi-back:before,.multi-workspace-page .multi-back:after,
.multi-entry-page .multi-back:before,.multi-entry-page .multi-back:after{content:none!important;display:none!important;background:none!important}
.multi-back>i,.multi-back>img,.multi-back>svg,.multi-back .sant-neon-icon{display:none!important}

/* System back button: a real text-only button with a normal pointer cursor. */
body.system-workspace-open .multi-workspace-page .multi-back.system-back-plain{
  position:fixed!important;z-index:3000!important;top:20px!important;left:22px!important;right:auto!important;
  width:154px!important;min-width:154px!important;height:44px!important;margin:0!important;padding:0 18px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
  border:1px solid #3d362b!important;border-radius:999px!important;background:rgba(48,40,32,.97)!important;background-image:none!important;
  color:#ffffff!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important;cursor:pointer!important;pointer-events:auto!important;
  font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;
}
body.system-workspace-open .multi-workspace-page .multi-back.system-back-plain>span{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:inline!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;pointer-events:none!important}
body.system-workspace-open .multi-workspace-page .multi-back.system-back-plain:before,
body.system-workspace-open .multi-workspace-page .multi-back.system-back-plain:after{content:none!important;display:none!important}
body.system-workspace-open .multi-workspace-page .multi-back.system-back-plain:hover{border-color:#a89a83!important;background:#26211a!important;box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 0 3px rgba(99,76,54,.13)!important}
body.system-workspace-open .multi-workspace-page .multi-back.system-back-plain:focus-visible{outline:2px solid #a89a83!important;outline-offset:3px!important}
@media(max-width:900px){body.system-workspace-open .multi-workspace-page .multi-back.system-back-plain{top:12px!important;left:12px!important}}

/* Site-wide success notification image. */
.sant-success-notification-icon{display:block!important;width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;object-fit:contain!important}
.notification-pop-icon .sant-success-notification-icon{width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important}
.music-action-toast.done i{background:rgba(99,76,54,.12)!important}
.music-action-toast.done i .sant-success-notification-icon{width:24px!important;height:24px!important}
@media(max-width:560px){.system-command-alias-entry{grid-template-columns:1fr}.system-command-alias-entry>button{width:100%}}

/* System commands accordion — Norel identity */
body.system-workspace-open .system-commands-list{
  grid-template-columns:minmax(0,1fr);
  gap:13px;
}
body.system-workspace-open .system-command-row{
  min-height:0;
  padding:0;
  display:block;
  overflow:hidden;
  border-color:#3d362b;
  border-radius:18px;
  background:#15120e;
  transform:none;
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
body.system-workspace-open .system-command-row:hover{
  border-color:#685e4d;
  background:#18140f;
  transform:none;
}
body.system-workspace-open .system-command-row.open{
  border-color:#a89a83;
  background:#15120e;
  box-shadow:0 0 0 1px rgba(168,154,131,.12),0 16px 42px rgba(0,0,0,.18);
}
body.system-workspace-open .system-command-row-head{
  min-height:88px;
  padding:14px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  outline:0;
  cursor:pointer;
}
body.system-workspace-open .system-command-row.open .system-command-row-head{border-bottom:1px solid #3d362b}
body.system-workspace-open .system-command-row-head:focus-visible{box-shadow:inset 0 0 0 2px #a89a83}
body.system-workspace-open .system-command-identity{min-width:0;display:flex;align-items:center;gap:13px;flex:1}
body.system-workspace-open .system-command-terminal{
  width:46px;height:46px;min-width:46px;display:grid;place-items:center;
  border:1px solid #3d362b;border-radius:14px;background:#1e1a14;color:#c2b6a1;
}
body.system-workspace-open .system-command-terminal svg{width:21px;height:21px;stroke-width:1.8}
body.system-workspace-open .system-command-info>strong{
  margin:0;color:#f2ede4;font-size:15px;font-weight:800;text-align:right;direction:ltr;unicode-bidi:plaintext;
}
body.system-workspace-open .system-command-info>strong b{color:#c2b6a1}
body.system-workspace-open .system-command-info p{margin:5px 0 0;color:#8f8575;font-size:10px;line-height:1.55}
body.system-workspace-open .system-command-info>small{
  width:max-content;margin-top:6px;padding:3px 7px;display:block;border:1px solid #3d362b;
  border-radius:999px;background:#1e1a14;color:#a89a83;font-size:8px;font-weight:700;
}
body.system-workspace-open .system-command-row-controls{display:flex;align-items:center;gap:13px;direction:ltr;flex:0 0 auto}
body.system-workspace-open .system-command-enabled-line{
  width:42px;height:5px;border-radius:999px;background:#302a20;box-shadow:none;transition:.2s ease;
}
body.system-workspace-open .system-command-enabled-line.on{background:#a89a83;box-shadow:0 0 12px rgba(168,154,131,.38)}
body.system-workspace-open .system-command-row-controls .system-command-switch{
  width:48px;min-width:48px;height:30px;padding:0;border:0;background:transparent!important;color:transparent;box-shadow:none;
}
body.system-workspace-open .system-command-row-controls .system-command-switch>span{display:none}
body.system-workspace-open .system-command-row-controls .system-command-switch>i{
  width:48px;height:27px;flex:0 0 48px;background:#302a20;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
body.system-workspace-open .system-command-row-controls .system-command-switch>i:after{
  top:4px;left:4px;width:19px;height:19px;background:#8c8273;
}
body.system-workspace-open .system-command-row-controls .system-command-switch.on>i{background:#a89a83}
body.system-workspace-open .system-command-row-controls .system-command-switch.on>i:after{left:25px;background:#f2ede4}
body.system-workspace-open .system-command-disclosure{
  width:38px;height:38px;min-width:38px;padding:0;display:grid;place-items:center;
  border:1px solid #3d362b;border-radius:11px;background:#1e1a14;color:#a89a83;cursor:pointer;transition:.2s ease;
}
body.system-workspace-open .system-command-disclosure:hover{border-color:#a89a83;color:#f2ede4;background:#26211a}
body.system-workspace-open .system-command-disclosure svg{width:17px;height:17px;transition:transform .24s cubic-bezier(.2,.8,.2,1)}
body.system-workspace-open .system-command-row.open .system-command-disclosure svg{transform:rotate(180deg)}
body.system-workspace-open .system-command-expanded{
  display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;
  transition:grid-template-rows .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility .3s;
}
body.system-workspace-open .system-command-row.open .system-command-expanded{grid-template-rows:1fr;opacity:1;visibility:visible}
body.system-workspace-open .system-command-expanded-inner{min-height:0;overflow:hidden}
body.system-workspace-open .system-command-editor-grid{padding:22px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px}
body.system-workspace-open .system-command-inline-panel{min-width:0;padding:17px;border:1px solid #3d362b;border-radius:15px;background:#12100d}
body.system-workspace-open .system-command-inline-panel>header{display:flex;align-items:center;gap:10px;margin-bottom:16px}
body.system-workspace-open .system-command-inline-panel>header>span{width:35px;height:35px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:10px;background:#1e1a14;color:#c2b6a1}
body.system-workspace-open .system-command-inline-panel>header svg{width:17px;height:17px;stroke-width:1.8}
body.system-workspace-open .system-command-inline-panel>header strong,body.system-workspace-open .system-command-inline-panel>header small{display:block}
body.system-workspace-open .system-command-inline-panel>header strong{color:#c2b6a1;font-size:12px}
body.system-workspace-open .system-command-inline-panel>header small{margin-top:3px;color:#827869;font-size:8px}
body.system-workspace-open .system-command-inline-label{display:block;margin-bottom:7px;color:#8f8575;font-size:9px;font-weight:700}
body.system-workspace-open .system-command-inline-alias-box{
  min-height:53px;padding:7px 10px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;
  border:1px solid #3d362b;border-radius:12px;background:#0e0c0a;cursor:text;transition:.18s ease;
}
body.system-workspace-open .system-command-inline-alias-box:focus-within{border-color:#a89a83;box-shadow:0 0 0 3px rgba(168,154,131,.1)}
body.system-workspace-open .system-command-inline-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
body.system-workspace-open .system-command-inline-chips>span{height:30px;padding:0 8px 0 3px;display:inline-flex;align-items:center;gap:7px;border:1px solid #4b4235;border-radius:8px;background:#302a20;color:#f2ede4;direction:ltr}
body.system-workspace-open .system-command-inline-chips>span b{font-size:10px}
body.system-workspace-open .system-command-inline-chips>span button{width:23px;height:23px;padding:0;display:grid;place-items:center;border:0;border-radius:6px;background:#211c16;color:#c2b6a1;font-size:14px;cursor:pointer}
body.system-workspace-open .system-command-inline-chips>span button:hover{background:#3d362b;color:#fff}
body.system-workspace-open .system-command-inline-chips>em{color:#746b5d;font-size:9px;font-style:normal}
body.system-workspace-open .system-command-inline-alias-box input{min-width:150px;flex:1;height:34px;padding:0 4px;border:0;outline:0;background:transparent;color:#f2ede4;font-family:inherit;font-size:11px;direction:rtl}
body.system-workspace-open .system-command-alias-suggestion{
  width:100%;min-height:42px;margin-top:6px;padding:0 12px;display:flex;align-items:center;gap:8px;
  border:1px solid #4b4235;border-radius:9px;background:#1e1a14;color:#c2b6a1;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;
}
body.system-workspace-open .system-command-alias-suggestion:hover{border-color:#a89a83;background:#26211a}
body.system-workspace-open .system-command-alias-suggestion.hidden{display:none}
body.system-workspace-open .system-command-alias-suggestion svg{width:15px;height:15px}
body.system-workspace-open .system-command-inline-hint{display:block;margin-top:8px;color:#746b5d;font-size:8px;line-height:1.6}
body.system-workspace-open .details-panel dl{margin:0;display:grid;gap:8px}
body.system-workspace-open .details-panel dl>div{min-height:45px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #302a20;border-radius:10px;background:#15120e}
body.system-workspace-open .details-panel dt{color:#827869;font-size:9px}
body.system-workspace-open .details-panel dd{margin:0;color:#f2ede4;font-size:10px;font-weight:700;direction:ltr;unicode-bidi:plaintext}
body.system-workspace-open .details-panel dd b{color:#c2b6a1}
body.system-workspace-open .details-panel dd.enabled{color:#c2b6a1}
body.system-workspace-open .details-panel dd.disabled{color:#8f8575}
body.system-workspace-open .details-panel>p{margin:10px 0 0;padding:10px 11px;border-inline-start:2px solid #685e4d;color:#8f8575;font-size:9px;line-height:1.7}
body.system-workspace-open .system-command-inline-actions{padding:0 22px 22px;display:flex;align-items:center;gap:9px;border:0}
body.system-workspace-open .system-command-inline-actions button{height:43px;padding:0 19px;border-radius:10px;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer;transition:.18s ease}
body.system-workspace-open .system-command-inline-actions .save{min-width:160px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #a89a83;background:#a89a83;color:#15120e;box-shadow:0 9px 24px rgba(0,0,0,.2)}
body.system-workspace-open .system-command-inline-actions .save:hover{background:#c2b6a1;border-color:#c2b6a1;transform:translateY(-1px)}
body.system-workspace-open .system-command-inline-actions .save:disabled{opacity:.55;cursor:wait;transform:none}
body.system-workspace-open .system-command-inline-actions .save svg{width:16px;height:16px}
body.system-workspace-open .system-command-inline-actions .cancel{border:1px solid transparent;background:transparent;color:#9c907d}
body.system-workspace-open .system-command-inline-actions .cancel:hover{color:#f2ede4;background:#1e1a14;border-color:#3d362b}
@media(max-width:900px){body.system-workspace-open .system-command-editor-grid{grid-template-columns:1fr}}
@media(max-width:620px){
  body.system-workspace-open .system-command-row-head{min-height:80px;padding:12px;gap:10px}
  body.system-workspace-open .system-command-terminal{width:40px;height:40px;min-width:40px;border-radius:12px}
  body.system-workspace-open .system-command-info>strong{font-size:13px}
  body.system-workspace-open .system-command-info p{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.system-workspace-open .system-command-info>small{display:none}
  body.system-workspace-open .system-command-row-controls{gap:8px}
  body.system-workspace-open .system-command-enabled-line{display:none}
  body.system-workspace-open .system-command-disclosure{width:34px;height:34px;min-width:34px}
  body.system-workspace-open .system-command-editor-grid{padding:13px;gap:11px}
  body.system-workspace-open .system-command-inline-panel{padding:13px}
  body.system-workspace-open .system-command-inline-actions{padding:0 13px 15px}
  body.system-workspace-open .system-command-inline-actions .save{flex:1;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  body.system-workspace-open .system-command-expanded,body.system-workspace-open .system-command-disclosure svg{transition:none!important}
}

/* Page heading icons are intentionally removed; in RTL they sat beside the Back button. */
body.system-workspace-open .system-control-main .system-customize-head>span{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.system-workspace-open #systemBackHomeButton,body.system-workspace-open #systemBackHomeButton *{cursor:pointer!important}

/* System workspace navigation: animate the newly-rendered page, never the
   stale page and never pointer-events. Rapid tab changes remain clickable. */
body.system-workspace-open .system-control-main.system-tab-enter{animation:systemTabEnterForward .34s cubic-bezier(.22,1,.36,1) both;will-change:opacity,transform}
body.system-workspace-open .system-control-main.system-tab-enter[data-system-tab-direction="backward"]{animation-name:systemTabEnterBackward}
body.system-workspace-open .system-control-main.system-tab-enter[data-system-tab-direction="refresh"]{animation-name:systemTabEnterRefresh;animation-duration:.22s}
body.system-workspace-open .sant-reveal-ready{pointer-events:auto!important}
body.system-workspace-open .system-control-sidebar nav button{transition:color .22s ease,border-color .22s ease,background-color .22s ease,transform .22s cubic-bezier(.22,1,.36,1)!important}
body.system-workspace-open .system-control-sidebar nav button:hover{transform:translateX(-2px)}
body.system-workspace-open .system-control-sidebar nav button.active{transform:translateX(-3px)}
@keyframes systemTabEnterForward{from{opacity:0;transform:translate3d(0,10px,0) scale(.995)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes systemTabEnterBackward{from{opacity:0;transform:translate3d(0,-8px,0) scale(.995)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes systemTabEnterRefresh{from{opacity:.58}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body.system-workspace-open .system-control-main.system-tab-enter{animation:none!important}body.system-workspace-open .system-control-sidebar nav button{transition:none!important;transform:none!important}}

/* Broadcast workspace uses the exact System control shell. */
body.system-workspace-open .broadcast-control-layout{width:100vw!important;max-width:none!important;min-height:100vh!important;margin:0!important;border:0!important;border-radius:0!important}
body.system-workspace-open .broadcast-control-main{min-height:100vh!important;padding:34px 24px 70px!important}
body.system-workspace-open .broadcast-control-sidebar{min-height:100vh!important;height:100%!important;align-self:stretch!important;border-radius:0!important}
body.system-workspace-open .broadcast-section-page{width:100%;max-width:none;margin:0}
body.system-workspace-open .broadcast-section-head{padding-bottom:21px;border-bottom:1px solid #3d362b}
body.system-workspace-open .broadcast-section-ready{min-height:320px;margin-top:22px;padding:32px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;border:1px solid #3d362b;border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(99,76,54,.08),transparent 45%),#15120e}
body.system-workspace-open .broadcast-section-ready>i{width:54px;height:54px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:15px;background:#1e1a14}
body.system-workspace-open .broadcast-section-ready>i img{width:27px;height:27px;object-fit:contain}
body.system-workspace-open .broadcast-section-ready>strong{color:#f2ede4;font-size:15px;font-weight:700}
body.system-workspace-open .broadcast-section-ready>p{max-width:520px;margin:0;color:#a89a83;font-size:10px;line-height:1.9;font-weight:500}
body.system-workspace-open .broadcast-stats-page{width:100%;max-width:none;margin:0}
body.system-workspace-open .broadcast-customize-page{width:100%;max-width:none;margin:0}
body.system-workspace-open .broadcast-customize-scope{margin-top:20px;padding:13px 16px;display:flex;align-items:center;gap:11px;border:1px solid #3d362b;border-radius:14px;background:linear-gradient(135deg,#15120e,#15120e)}
body.system-workspace-open .broadcast-customize-scope>i{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:1px solid #3d362b;border-radius:12px;background:#302a20;color:#f2ede4;font-size:14px;font-style:normal;font-weight:800}
body.system-workspace-open .broadcast-customize-scope span strong,body.system-workspace-open .broadcast-customize-scope span small{display:block}
body.system-workspace-open .broadcast-customize-scope span strong{color:#f2ede4;font-size:10px;font-weight:800}
body.system-workspace-open .broadcast-customize-scope span small{margin-top:4px;color:#a89a83;font-size:8px;font-weight:550}
body.system-workspace-open .broadcast-customize-page .system-customize-card{margin-top:14px!important}
body.system-workspace-open .broadcast-customize-page .system-customize-save:disabled{opacity:.58;cursor:wait!important}
body.system-workspace-open .broadcast-customize-page .system-customize-save.saving img{animation:systemCommandsSpin .75s linear infinite}
body.system-workspace-open .broadcast-bots-page{width:100%;max-width:none;margin:0}
body.system-workspace-open .broadcast-live-page{width:100%;max-width:none;margin:0}
body.system-workspace-open .broadcast-live-error{margin-top:16px;padding:11px 14px;border:1px solid rgba(204,92,99,.34);border-radius:11px;background:rgba(132,47,54,.1);color:#d98288;font-size:9px;font-weight:650}
body.system-workspace-open .broadcast-live-console{margin-top:22px;overflow:hidden;border:1px solid #3d362b;border-radius:17px;background:#15120e;box-shadow:0 28px 80px rgba(0,0,0,.3);font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;direction:ltr}
body.system-workspace-open .broadcast-console-topbar{height:48px;padding:0 16px;display:grid;grid-template-columns:150px minmax(0,1fr) 70px;align-items:center;border-bottom:1px solid #3d362b;background:#1e1a14;color:#a89a83}
body.system-workspace-open .broadcast-console-topbar>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:11px;font-weight:600;letter-spacing:.25px}
body.system-workspace-open .broadcast-console-topbar>div{display:flex;align-items:center;justify-content:flex-end;gap:7px}
body.system-workspace-open .broadcast-console-topbar>div i{width:10px;height:10px;border-radius:50%;background:#e46f73}
body.system-workspace-open .broadcast-console-topbar>div i:nth-child(2){background:#544a3b}
body.system-workspace-open .broadcast-console-topbar>div i:nth-child(3){background:#7fd3ac}
body.system-workspace-open .broadcast-console-live{width:max-content;padding:5px 10px;display:flex;align-items:center;gap:7px;border:1px solid rgba(76,194,112,.25);border-radius:999px;background:rgba(48,153,80,.12);color:#7fd3ac;font-size:10px;letter-spacing:.7px}
body.system-workspace-open .broadcast-console-live>i{width:8px;height:8px;border-radius:50%;background:#7fd3ac;box-shadow:0 0 9px rgba(80,205,118,.65);animation:broadcastAutoPulse 1.5s ease infinite}
body.system-workspace-open .broadcast-live-console.finished .broadcast-console-live{border-color:rgba(188,152,141,.28);background:rgba(161,130,121,.1);color:#c2b6a1}
body.system-workspace-open .broadcast-live-console.finished .broadcast-console-live>i{background:#544a3b;box-shadow:none;animation:none}
body.system-workspace-open .broadcast-live-console.paused .broadcast-console-live{border-color:rgba(225,173,74,.3);background:rgba(173,119,35,.1);color:#c2b6a1}
body.system-workspace-open .broadcast-live-console.paused .broadcast-console-live>i{background:#544a3b;box-shadow:0 0 8px rgba(227,179,87,.5);animation:none}
body.system-workspace-open .broadcast-live-console.stopped .broadcast-console-live,body.system-workspace-open .broadcast-live-console.error .broadcast-console-live{border-color:rgba(212,93,101,.3);background:rgba(151,52,60,.1);color:#dc777e}
body.system-workspace-open .broadcast-live-console.stopped .broadcast-console-live>i,body.system-workspace-open .broadcast-live-console.error .broadcast-console-live>i{background:#d66e75;box-shadow:none;animation:none}
body.system-workspace-open .broadcast-live-console.waiting .broadcast-console-live{border-color:#3d362b;background:#15120e;color:#a89a83}
body.system-workspace-open .broadcast-live-console.waiting .broadcast-console-live>i{background:#a89a83;box-shadow:none;animation:none}
body.system-workspace-open .broadcast-console-summary{min-height:148px;padding:18px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:28px;border-bottom:1px solid #3d362b;background:linear-gradient(180deg,#15120e,#15120e)}
body.system-workspace-open .broadcast-console-progress>div{display:flex;align-items:center;gap:11px;color:#c2b6a1}
body.system-workspace-open .broadcast-console-progress>div b{color:#c2b6a1;font-size:15px}
body.system-workspace-open .broadcast-console-progress>div small{font-size:10px;color:#a89a83}
body.system-workspace-open .broadcast-console-progress>div em{margin-left:auto;color:#a89a83;font-size:10px;font-style:normal;font-weight:700}
body.system-workspace-open .broadcast-console-progress>span{height:6px;margin-top:11px;display:block;overflow:hidden;border-radius:99px;background:#26211a}
body.system-workspace-open .broadcast-console-progress>span i{height:100%;display:block;border-radius:99px;background:linear-gradient(90deg,#a89a83,#302a20);box-shadow:0 0 12px rgba(87,187,138,.35);transition:width .35s ease}
body.system-workspace-open .broadcast-console-progress dl{margin:15px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.system-workspace-open .broadcast-console-progress dl>div,body.system-workspace-open .broadcast-console-session dl>div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:9px;align-items:center}
body.system-workspace-open .broadcast-console-progress dt,body.system-workspace-open .broadcast-console-session dt{color:#a89a83;font-size:10px}
body.system-workspace-open .broadcast-console-progress dd,body.system-workspace-open .broadcast-console-session dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2ede4;font-size:10px;font-weight:650}
body.system-workspace-open .broadcast-console-session{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:start}
body.system-workspace-open .broadcast-console-session dl{margin:0;display:flex;flex-direction:column;gap:9px}
body.system-workspace-open .broadcast-console-session dd{color:#f2ede4}
body.system-workspace-open .broadcast-console-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
body.system-workspace-open .broadcast-console-counts span{min-height:62px;padding:9px 6px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #3d362b;border-radius:10px;background:#15120e;text-align:center}
body.system-workspace-open .broadcast-console-counts b{color:#f2ede4;font-size:17px}
body.system-workspace-open .broadcast-console-counts small{margin-top:5px;color:#a89a83;font-size:8px}
body.system-workspace-open .broadcast-console-log{height:480px;overflow:auto;background:repeating-linear-gradient(180deg,#15120e 0,#15120e 44px,#15120e 44px,#15120e 88px);scrollbar-width:thin;scrollbar-color:#c2b6a1 #15120e}
body.system-workspace-open .broadcast-console-row{min-height:44px;padding:0 16px;display:grid;grid-template-columns:104px 30px minmax(0,1fr) 78px;gap:11px;align-items:center;border-bottom:1px solid rgba(63,51,47,.22);color:#a89a83;font-size:10px;line-height:1.4}
body.system-workspace-open .broadcast-console-row time{color:#a89a83;font-size:9px;white-space:nowrap}
body.system-workspace-open .broadcast-console-row>i{font-style:normal;color:#a89a83;text-align:center}
body.system-workspace-open .broadcast-console-row>i img{display:block;width:21px;height:21px;margin:auto;object-fit:contain;filter:drop-shadow(0 0 6px rgba(182,147,137,.2))}
body.system-workspace-open .broadcast-console-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;direction:rtl}
body.system-workspace-open .broadcast-console-row>strong{color:#9c907d;text-align:right;font-size:9px;letter-spacing:.4px}
body.system-workspace-open .broadcast-console-row.delivery b{color:#7fd3ac;font-size:11px}
body.system-workspace-open .broadcast-console-row.delivery small{margin-inline-start:7px;color:#a89a83;font-size:9px;direction:ltr;unicode-bidi:isolate}
body.system-workspace-open .broadcast-console-row.delivery em{margin-inline-start:8px;color:#a89a83;font-size:9px;font-style:normal;direction:ltr;unicode-bidi:isolate}
body.system-workspace-open .broadcast-console-row.delivery.success>i,body.system-workspace-open .broadcast-console-row.delivery.success>strong{color:#7fd3ac}
body.system-workspace-open .broadcast-console-row.delivery.failed b,body.system-workspace-open .broadcast-console-row.delivery.failed>i,body.system-workspace-open .broadcast-console-row.delivery.failed>strong{color:#d56c74}
body.system-workspace-open .broadcast-console-row.system.success>span,body.system-workspace-open .broadcast-console-row.system.success>i{color:#7fd3ac}
body.system-workspace-open .broadcast-console-row.system.warning>span,body.system-workspace-open .broadcast-console-row.system.warning>i{color:#c2b6a1}
body.system-workspace-open .broadcast-console-row.system.error>span,body.system-workspace-open .broadcast-console-row.system.error>i{color:#d56c74}
@media(max-width:950px){body.system-workspace-open .broadcast-console-summary{grid-template-columns:1fr}body.system-workspace-open .broadcast-console-session{grid-template-columns:minmax(0,1fr) 170px}}
@media(max-width:650px){body.system-workspace-open .broadcast-console-topbar{grid-template-columns:110px minmax(0,1fr) 55px}body.system-workspace-open .broadcast-console-summary{padding:14px}body.system-workspace-open .broadcast-console-progress dl{grid-template-columns:1fr}body.system-workspace-open .broadcast-console-session{grid-template-columns:1fr}body.system-workspace-open .broadcast-console-log{height:390px;min-width:650px}body.system-workspace-open .broadcast-live-console{overflow-x:auto}}
body.system-workspace-open .broadcast-auto-maintenance{margin-top:22px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #3d362b;border-radius:17px;background:linear-gradient(135deg,#1e1a14,#15120e)}
body.system-workspace-open .broadcast-auto-status{display:flex;align-items:center;gap:13px;min-width:0}
body.system-workspace-open .broadcast-auto-status>i{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border:1px solid rgba(94,184,143,.3);border-radius:13px;background:rgba(69,155,117,.1)}
body.system-workspace-open .broadcast-auto-status>i span{width:10px;height:10px;border-radius:50%;background:#a89a83;box-shadow:0 0 0 6px rgba(98,195,150,.08),0 0 15px rgba(98,195,150,.5);animation:broadcastAutoPulse 1.8s ease-in-out infinite}
body.system-workspace-open .broadcast-auto-status strong,body.system-workspace-open .broadcast-auto-status small{display:block}
body.system-workspace-open .broadcast-auto-status strong{color:#f2ede4;font-size:11px;font-weight:800}
body.system-workspace-open .broadcast-auto-status small{margin-top:5px;color:#a89a83;font-size:8px;font-weight:550;line-height:1.65}
body.system-workspace-open .broadcast-auto-maintenance>button{height:42px;min-width:118px;padding:0 18px;border:1px solid #3d362b;border-radius:10px;background:#302a20;color:#f2ede4;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer;transition:.18s ease}
body.system-workspace-open .broadcast-auto-maintenance>button:hover{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.16)}
body.system-workspace-open .broadcast-auto-maintenance>button:disabled{opacity:.58;cursor:wait}
body.system-workspace-open .broadcast-auto-maintenance.warning{border-color:rgba(196,139,78,.35)}
body.system-workspace-open .broadcast-check-times{margin-top:13px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.system-workspace-open .broadcast-check-times>div{min-height:72px;padding:13px 14px;border:1px solid #3d362b;border-radius:13px;background:#15120e}
body.system-workspace-open .broadcast-check-times span,body.system-workspace-open .broadcast-check-times strong{display:block}
body.system-workspace-open .broadcast-check-times span{color:#a89a83;font-size:8px;font-weight:650}
body.system-workspace-open .broadcast-check-times strong{margin-top:7px;color:#f2ede4;font-size:9px;font-weight:800;direction:ltr;text-align:right;unicode-bidi:plaintext}
body.system-workspace-open .broadcast-replacement-warning{margin-top:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(196,139,78,.34);border-radius:12px;background:rgba(124,78,38,.1);color:#c2b6a1;font-size:9px}
body.system-workspace-open .broadcast-replacement-warning b{font-weight:800}
body.system-workspace-open .broadcast-replacement-warning span{direction:ltr;font-family:monospace;font-size:8px}
body.system-workspace-open .broadcast-management-stats{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
body.system-workspace-open .broadcast-management-stats article{position:relative;min-height:108px;padding:16px;overflow:hidden;border:1px solid #3d362b;border-radius:15px;background:linear-gradient(145deg,#15120e,#15120e)}
body.system-workspace-open .broadcast-management-stats article:after{content:"";position:absolute;width:90px;height:90px;inset:auto auto -52px -28px;border-radius:50%;background:rgba(159,128,119,.08);filter:blur(5px)}
body.system-workspace-open .broadcast-management-stats article>i{display:block;width:8px;height:8px;margin-bottom:14px;border-radius:50%;background:#544a3b;box-shadow:0 0 10px rgba(179,144,135,.38)}
body.system-workspace-open .broadcast-management-stats article.working>i{background:#a89a83;box-shadow:0 0 11px rgba(98,195,150,.48)}
body.system-workspace-open .broadcast-management-stats article.disabled>i{background:#d36e76;box-shadow:0 0 11px rgba(211,110,118,.42)}
body.system-workspace-open .broadcast-management-stats article.replaced>i{background:#a89a83;box-shadow:0 0 11px rgba(185,155,103,.4)}
body.system-workspace-open .broadcast-management-stats article span,body.system-workspace-open .broadcast-management-stats article strong{display:block;position:relative;z-index:1}
body.system-workspace-open .broadcast-management-stats article span{color:#a89a83;font-size:8px;font-weight:700}
body.system-workspace-open .broadcast-management-stats article strong{margin-top:7px;color:#f2ede4;font-size:22px;font-weight:800}
body.system-workspace-open .broadcast-managed-list-head{margin-top:20px;padding:0 2px 11px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;border-bottom:1px solid #3d362b}
body.system-workspace-open .broadcast-managed-list-head h2{margin:0;color:#f2ede4;font-size:13px;font-weight:800}
body.system-workspace-open .broadcast-managed-list-head p{margin:5px 0 0;color:#a89a83;font-size:8px;font-weight:550}
body.system-workspace-open .broadcast-managed-list-head>span{padding:6px 9px;border:1px solid #3d362b;border-radius:8px;background:#1e1a14;color:#c2b6a1;font-size:8px;font-weight:700}
body.system-workspace-open .broadcast-managed-list{margin-top:11px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.system-workspace-open .broadcast-managed-bot{min-height:78px;padding:11px 13px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid #3d362b;border-radius:14px;background:#15120e;transition:border-color .18s ease,transform .18s ease}
body.system-workspace-open .broadcast-managed-bot:hover{border-color:#a89a83;transform:translateY(-1px)}
body.system-workspace-open .broadcast-managed-avatar{position:relative;width:44px;height:44px}
body.system-workspace-open .broadcast-managed-avatar img{width:44px;height:44px;border:1px solid #3d362b;border-radius:13px;object-fit:cover}
body.system-workspace-open .broadcast-managed-avatar i{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:3px solid #15120e;border-radius:50%;background:#a89a83}
body.system-workspace-open .broadcast-managed-bot.working .broadcast-managed-avatar i{background:#a89a83}
body.system-workspace-open .broadcast-managed-bot.disabled .broadcast-managed-avatar i{background:#d36e76}
body.system-workspace-open .broadcast-managed-bot>span{min-width:0}
body.system-workspace-open .broadcast-managed-bot>span b,body.system-workspace-open .broadcast-managed-bot>span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.system-workspace-open .broadcast-managed-bot>span b{color:#f2ede4;font-size:10px;font-weight:800}
body.system-workspace-open .broadcast-managed-bot>span small{margin-top:5px;color:#a89a83;font-size:7px;font-weight:550;direction:ltr;text-align:right}
body.system-workspace-open .broadcast-managed-meta{text-align:left}
body.system-workspace-open .broadcast-managed-meta em{display:block;padding:5px 8px;border-radius:7px;background:rgba(164,132,123,.1);color:#c2b6a1;font-size:7px;font-style:normal;font-weight:800;white-space:nowrap}
body.system-workspace-open .broadcast-managed-meta em.working{background:rgba(70,160,119,.12);color:#7fd3ac}
body.system-workspace-open .broadcast-managed-meta em.disabled{background:rgba(185,72,82,.12);color:#dc7a81}
body.system-workspace-open .broadcast-managed-meta small{display:block;margin-top:5px;color:#a89a83;font-size:7px;font-weight:650;direction:ltr}
body.system-workspace-open .broadcast-management-empty{grid-column:1/-1;padding:42px;border:1px dashed #3d362b;border-radius:14px;color:#a89a83;text-align:center;font-size:9px}
@keyframes broadcastAutoPulse{0%,100%{transform:scale(.9);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@media(max-width:1050px){body.system-workspace-open .broadcast-management-stats{grid-template-columns:repeat(3,1fr)}body.system-workspace-open .broadcast-check-times{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body.system-workspace-open .broadcast-auto-maintenance{align-items:flex-start;flex-direction:column}body.system-workspace-open .broadcast-auto-maintenance>button{width:100%}body.system-workspace-open .broadcast-management-stats{grid-template-columns:repeat(2,1fr)}body.system-workspace-open .broadcast-managed-list{grid-template-columns:1fr}}
@media(max-width:480px){body.system-workspace-open .broadcast-check-times,body.system-workspace-open .broadcast-management-stats{grid-template-columns:1fr}}
body.system-workspace-open .broadcast-server-strip{min-height:76px;margin-top:22px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #3d362b;border-radius:16px;background:linear-gradient(135deg,rgba(48,40,32,.94),rgba(48,40,32,.94))}
body.system-workspace-open .broadcast-server-strip>div{display:flex;align-items:center;gap:12px;min-width:0}
body.system-workspace-open .broadcast-server-strip img{width:49px;height:49px;border:1px solid #3d362b;border-radius:14px;object-fit:cover}
body.system-workspace-open .broadcast-server-strip span small,body.system-workspace-open .broadcast-server-strip span strong{display:block}
body.system-workspace-open .broadcast-server-strip span small{color:#a89a83;font-size:8px;font-weight:600}
body.system-workspace-open .broadcast-server-strip span strong{margin-top:4px;color:#f2ede4;font-size:13px;font-weight:700}
body.system-workspace-open .broadcast-server-strip>em{display:flex;align-items:center;gap:7px;color:#c2b6a1;font-size:9px;font-style:normal;font-weight:700;white-space:nowrap}
body.system-workspace-open .broadcast-server-strip>em i{width:8px;height:8px;border-radius:50%;background:#544a3b;box-shadow:0 0 13px rgba(191,154,144,.65)}
body.system-workspace-open .broadcast-stats-cards{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.system-workspace-open .broadcast-stats-cards article{min-height:126px;padding:18px;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:7px 13px;border:1px solid #3d362b;border-radius:17px;background:linear-gradient(145deg,#15120e,#15120e)}
body.system-workspace-open .broadcast-stats-cards article>i{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:14px;background:#26211a;color:#c2b6a1;font-size:24px;font-style:normal}
body.system-workspace-open .broadcast-stats-cards article>i img{width:29px;height:29px;object-fit:contain}
body.system-workspace-open .broadcast-stats-cards article>span{align-self:end;min-width:0}
body.system-workspace-open .broadcast-stats-cards article>span b,body.system-workspace-open .broadcast-stats-cards article>span small{display:block}
body.system-workspace-open .broadcast-stats-cards article>span b{color:#f2ede4;font-size:10px;font-weight:700}
body.system-workspace-open .broadcast-stats-cards article>span small{margin-top:4px;color:#a89a83;font-size:7px;font-weight:500;line-height:1.55}
body.system-workspace-open .broadcast-stats-cards article>strong{align-self:start;color:#f2ede4;font-size:22px;font-weight:700;direction:ltr;text-align:right;unicode-bidi:plaintext}
body.system-workspace-open .broadcast-duration-card{position:relative;margin-top:16px;padding:20px;border:1px solid #3d362b;border-radius:20px;background:radial-gradient(circle at 78% 0,rgba(129,104,78,.08),transparent 34%),linear-gradient(145deg,#15120e,#1e1a14);overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.12)}
body.system-workspace-open .broadcast-duration-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:2px 3px 16px}
body.system-workspace-open .broadcast-duration-card>header h2{margin:0;color:#f2ede4;font-size:14px;font-weight:700}
body.system-workspace-open .broadcast-duration-card>header p{margin:5px 0 0;color:#a89a83;font-size:8px;font-weight:500}
body.system-workspace-open .broadcast-duration-card>header>span{padding:7px 10px;border:1px solid #3d362b;border-radius:9px;background:#1e1a14;color:#c2b6a1;font-size:8px;font-weight:700;white-space:nowrap}
body.system-workspace-open .broadcast-chart-wrap{padding:6px;border:1px solid rgba(74,60,56,.75);border-radius:16px;background:linear-gradient(180deg,rgba(48,40,32,.88),rgba(48,40,32,.58));overflow:hidden}
body.system-workspace-open .broadcast-duration-svg{display:block;width:100%;height:auto;min-height:290px;overflow:visible}
body.system-workspace-open .broadcast-duration-svg>rect{fill:#15120e;stroke:#c2b6a1;stroke-width:1}
body.system-workspace-open .broadcast-chart-grid line{stroke:rgba(255,255,255,.055);stroke-width:1;stroke-dasharray:4 7}
body.system-workspace-open .broadcast-chart-grid text,body.system-workspace-open .broadcast-chart-x{fill:#a89a83;font-family:inherit;font-size:10px;font-weight:600;text-anchor:end}
body.system-workspace-open .broadcast-chart-x{text-anchor:middle;transition:fill .2s ease}
body.system-workspace-open .broadcast-chart-x.latest{fill:#302a20}
body.system-workspace-open .broadcast-chart-area{fill:url(#broadcastDurationArea)}
body.system-workspace-open .broadcast-chart-line{fill:none;stroke:url(#broadcastDurationLine);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:url(#broadcastLineGlow)}
body.system-workspace-open .broadcast-chart-point>line{stroke:#544a3b;stroke-width:1;stroke-dasharray:3 6;opacity:0;transition:opacity .18s ease}
body.system-workspace-open .broadcast-chart-point .point-halo{fill:rgba(218,176,164,.13);stroke:none;opacity:0;transition:opacity .18s ease,transform .18s ease;transform-box:fill-box;transform-origin:center}
body.system-workspace-open .broadcast-chart-point .point-core{fill:#2b251d;stroke:#15120e;stroke-width:4;filter:drop-shadow(0 0 6px rgba(201,193,189,.55));transition:transform .18s ease,fill .18s ease;transform-box:fill-box;transform-origin:center}
body.system-workspace-open .broadcast-chart-point.latest .point-core{fill:#26211a}
body.system-workspace-open .broadcast-chart-point:hover>line,body.system-workspace-open .broadcast-chart-point:focus>line,body.system-workspace-open .broadcast-chart-point:hover .point-halo,body.system-workspace-open .broadcast-chart-point:focus .point-halo{opacity:1}
body.system-workspace-open .broadcast-chart-point:hover .point-core,body.system-workspace-open .broadcast-chart-point:focus .point-core{fill:#26211a;transform:scale(1.22)}
body.system-workspace-open .point-tooltip{opacity:0;pointer-events:none;transition:opacity .18s ease}
body.system-workspace-open .point-tooltip rect{fill:#c2b6a1;stroke:#c2b6a1;stroke-width:1;filter:drop-shadow(0 7px 12px rgba(0,0,0,.35))}
body.system-workspace-open .point-tooltip text{fill:#26211a;font-family:inherit;font-size:10px;font-weight:700;text-anchor:middle}
body.system-workspace-open .broadcast-chart-point:hover .point-tooltip,body.system-workspace-open .broadcast-chart-point:focus .point-tooltip{opacity:1}
body.system-workspace-open .broadcast-chart-empty{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px dashed #3d362b;border-radius:14px;background:#15120e;text-align:center}
body.system-workspace-open .broadcast-chart-empty i{color:#a89a83;font-size:34px;font-style:normal}
body.system-workspace-open .broadcast-chart-empty strong{color:#c2b6a1;font-size:11px;font-weight:700}
body.system-workspace-open .broadcast-chart-empty p{margin:0;color:#a89a83;font-size:8px;font-weight:500}
@media(max-width:900px){body.system-workspace-open .broadcast-control-sidebar{min-height:0!important;height:auto!important}body.system-workspace-open .broadcast-control-main{min-height:0!important;padding:24px 16px 60px!important}}
@media(max-width:900px){body.system-workspace-open .broadcast-stats-cards{grid-template-columns:1fr 1fr}body.system-workspace-open .broadcast-stats-cards article:last-child{grid-column:1/-1}}
@media(max-width:600px){body.system-workspace-open .broadcast-section-ready{min-height:250px;padding:22px 16px}body.system-workspace-open .broadcast-server-strip{align-items:flex-start;flex-direction:column}body.system-workspace-open .broadcast-stats-cards{grid-template-columns:1fr}body.system-workspace-open .broadcast-stats-cards article:last-child{grid-column:auto}body.system-workspace-open .broadcast-duration-card{padding:13px}body.system-workspace-open .broadcast-duration-card>header{flex-direction:column}.broadcast-duration-svg{min-width:680px}body.system-workspace-open .broadcast-duration-card{overflow-x:auto}}
body.system-workspace-open .system-quick-loading{min-height:230px;margin-top:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;border:1px solid #3d362b;border-radius:18px;background:#15120e;color:#a89a83;font-size:10px}
body.system-workspace-open .system-quick-loading i{width:34px;height:34px;border:3px solid #3d362b;border-top-color:#a89a83;border-radius:50%;animation:systemCommandsSpin .7s linear infinite}

/* Refined command editor — X is the only close control. */
.system-command-edit-modal{opacity:0;transform:translateY(8px) scale(.985);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
.system-command-edit-modal.system-command-edit-visible{opacity:1;transform:translateY(0) scale(1)}
.modal-card.general-edit-card:has(.system-command-edit-modal){background:radial-gradient(circle at 85% 0,rgba(129,104,78,.07),transparent 34%),#15120e!important;box-shadow:0 28px 90px rgba(0,0,0,.52),0 0 0 1px rgba(129,104,78,.035) inset!important}
.system-command-edit-modal>header{background:linear-gradient(180deg,rgba(28,28,31,.96),rgba(48,40,32,.96))!important}
.system-command-edit-summary>div,.system-command-edit-toggle,.system-command-alias-chips{transition:border-color .18s ease,background .18s ease}
.system-command-edit-summary>div:hover,.system-command-edit-toggle:hover{border-color:#a89a83!important;background:#1e1a14!important}
.system-command-edit-actions{padding:16px 18px 20px!important;justify-content:flex-start!important;border-top:1px solid #3d362b!important}
.system-command-edit-actions .system-command-save-button{width:176px!important;min-width:176px!important;height:43px!important;margin:0!important;padding:0 17px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #3d362b!important;border-radius:10px!important;background:#15120e!important;background-image:none!important;color:#f2ede4!important;box-shadow:none!important;font-family:inherit!important;font-size:10px!important;font-weight:700!important;cursor:pointer!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .12s ease!important}
.system-command-edit-actions .system-command-save-button:hover{border-color:#a89a83!important;background:#26211a!important;box-shadow:0 0 0 3px rgba(99,76,54,.15)!important}
.system-command-edit-actions .system-command-save-button:active{transform:translateY(1px)!important;border-color:#a89a83!important;background:#302a20!important;box-shadow:0 0 0 3px rgba(129,104,78,.13)!important}
.system-command-edit-actions .system-command-save-button:focus-visible{outline:0!important;border-color:#a89a83!important;box-shadow:0 0 0 3px rgba(129,104,78,.18)!important}
.system-command-edit-actions .system-command-save-button img{width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;margin:0!important;object-fit:contain!important}
@media(max-width:560px){.system-command-edit-actions .system-command-save-button{width:100%!important}}

/* System auto replies */
body.system-workspace-open .system-auto-replies-global-actions{display:flex;align-items:center;gap:10px}
body.system-workspace-open .system-auto-reply-add-row{width:100%;margin-top:14px;display:flex;justify-content:center}
body.system-workspace-open .system-auto-reply-add{width:100%;min-height:70px;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #3d362b;border-radius:15px;background:#1e1a14;color:#f2ede4;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .12s ease}
body.system-workspace-open .system-auto-reply-add b{width:34px;height:34px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:10px;background:#26211a;color:#f2ede4;font-size:22px;line-height:1}
body.system-workspace-open .system-auto-reply-add:hover,body.system-workspace-open .system-auto-reply-add:focus-visible{outline:0;border-color:#a89a83;background:#1e1a14;box-shadow:0 0 0 3px rgba(99,76,54,.15)}
body.system-workspace-open .system-auto-reply-add:active{transform:translateY(1px)}
body.system-workspace-open .system-auto-reply-filters{grid-template-columns:minmax(280px,1fr) minmax(210px,300px) 115px}
body.system-workspace-open .system-auto-reply-match-note{height:46px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid #3d362b;border-radius:12px;background:#15120e}
body.system-workspace-open .system-auto-reply-match-note>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#1e1a14;color:#c2b6a1;font-style:normal;font-size:16px}
body.system-workspace-open .system-auto-reply-match-note span strong,body.system-workspace-open .system-auto-reply-match-note span small{display:block}
body.system-workspace-open .system-auto-reply-match-note span strong{color:#f2ede4;font-size:9px}body.system-workspace-open .system-auto-reply-match-note span small{margin-top:2px;color:#a89a83;font-size:7px}
body.system-workspace-open .system-auto-reply-row{min-height:165px}
body.system-workspace-open .system-auto-reply-info>strong{direction:rtl;text-align:right;unicode-bidi:plaintext;overflow-wrap:anywhere}
body.system-workspace-open .system-auto-reply-info>p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:pre-wrap;overflow-wrap:anywhere}
body.system-workspace-open .system-auto-reply-actions{gap:7px}
body.system-workspace-open .system-auto-reply-delete{height:34px;border:1px solid #3d362b;border-radius:9px;background:#1e1a14;color:#c2b6a1;font-family:inherit;font-size:9px;font-weight:700;cursor:pointer;transition:.18s ease}
body.system-workspace-open .system-auto-reply-delete:hover{border-color:#a89a83;background:#1e1a14;color:#302a20}
.system-auto-reply-fields{margin:16px 18px 0;display:grid;grid-template-columns:1fr;gap:14px}
.system-auto-reply-fields label>span,.system-auto-reply-fields label>small{display:block}.system-auto-reply-fields label>span{margin-bottom:7px;color:#c2b6a1;font-size:10px;font-weight:700}.system-auto-reply-fields label>small{margin-top:6px;color:#a89a83;font-size:8px;line-height:1.65}
.system-auto-reply-fields textarea{width:100%;min-height:112px;padding:12px 13px;resize:vertical;border:1px solid #3d362b;border-radius:12px;outline:0;background:#15120e;color:#f2ede4;font-family:inherit;font-size:11px;line-height:1.8}
.system-auto-reply-fields textarea:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.17)}
@media(max-width:760px){body.system-workspace-open .system-auto-replies-global{align-items:stretch;flex-direction:column}body.system-workspace-open .system-auto-replies-global-actions{justify-content:space-between}body.system-workspace-open .system-auto-reply-filters{grid-template-columns:1fr}body.system-workspace-open .system-auto-reply-add{width:100%}}

/* Compact, stepped auto-reply editor */
.modal-card.general-edit-card:has(.system-auto-reply-modal){width:min(650px,calc(100vw - 30px))!important;max-width:650px!important}
.system-auto-reply-modal>header{min-height:72px!important}
.system-auto-reply-fields{gap:10px!important}
.system-auto-reply-fields>label{position:relative;padding:11px 12px 12px;border:1px solid #3d362b;border-radius:14px;background:linear-gradient(145deg,#15120e,#15120e);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.system-auto-reply-fields>label:hover{border-color:#a89a83;background:linear-gradient(145deg,#1e1a14,#15120e)}
.system-auto-reply-fields>label:before{position:absolute;top:10px;left:11px;width:29px;height:21px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:7px;background:#302a20;color:#c2b6a1;font-size:8px;font-weight:700;letter-spacing:.5px}
.system-auto-reply-fields>label:first-child:before{content:"01"}.system-auto-reply-fields>label:nth-child(2):before{content:"02"}
.system-auto-reply-fields label>span{margin-bottom:8px!important;padding-inline-start:40px;color:#c2b6a1!important;font-size:10px!important}
.system-auto-reply-fields label>small{margin-top:6px!important;color:#a89a83!important;font-size:8px!important}
.system-auto-reply-fields textarea{min-height:72px!important;height:72px!important;padding:10px 11px!important;border-radius:10px!important;background:#15120e!important;line-height:1.65!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.system-auto-reply-fields>label:nth-child(2) textarea{min-height:88px!important;height:88px!important}
.system-auto-reply-fields textarea:focus{background:#15120e!important}
.system-auto-reply-modal .system-command-edit-toggle{min-height:76px;margin-top:10px!important;padding:11px 13px!important;border-radius:14px!important;background:linear-gradient(145deg,#15120e,#15120e)!important}
.system-auto-reply-modal .system-command-edit-toggle span:before{content:"03";width:29px;height:21px;margin-bottom:7px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:7px;background:#302a20;color:#c2b6a1;font-size:8px;font-weight:700;letter-spacing:.5px}
.system-auto-reply-modal .system-command-edit-actions{padding-top:13px!important;padding-bottom:14px!important;background:#15120e}
.system-auto-reply-modal .system-command-save-button{height:40px!important}
@media(max-width:560px){.system-auto-reply-fields{margin-inline:12px!important}.system-auto-reply-modal .system-command-edit-toggle{margin-inline:12px!important}.system-auto-reply-fields textarea{height:80px!important}.system-auto-reply-fields>label:nth-child(2) textarea{height:96px!important}}

/* Full-width reply rows and inline actions */
body.system-workspace-open .system-auto-replies-list{grid-template-columns:1fr!important}
body.system-workspace-open .system-auto-reply-row{width:100%;min-height:112px;padding:15px 17px}
body.system-workspace-open .system-auto-reply-info>p{-webkit-line-clamp:2}
body.system-workspace-open .system-auto-reply-actions{width:auto;min-width:344px;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px}
body.system-workspace-open .system-auto-reply-actions .system-command-switch{width:108px;min-width:108px}
body.system-workspace-open .system-auto-reply-actions .system-command-edit{width:108px;min-width:108px}
body.system-workspace-open .system-auto-reply-actions .system-auto-reply-delete{width:108px;min-width:108px;height:38px}
.system-auto-reply-fields label>span{display:flex!important;align-items:center;gap:7px}
.system-auto-reply-fields label>span img{width:20px;height:20px;min-width:20px;object-fit:contain}

/* In-site delete confirmation */
.modal-card.general-edit-card:has(.system-auto-reply-delete-modal){width:min(560px,calc(100vw - 30px))!important;max-width:560px!important}
.system-auto-reply-delete-content{margin:18px;padding:16px;display:flex;align-items:flex-start;gap:13px;border:1px solid #3d362b;border-radius:14px;background:linear-gradient(145deg,#26211a,#15120e)}
.system-auto-reply-delete-content>i{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:11px;background:#1e1a14;color:#302a20;font-style:normal;font-size:17px;font-weight:700}
.system-auto-reply-delete-content strong,.system-auto-reply-delete-content p,.system-auto-reply-delete-content b{display:block}.system-auto-reply-delete-content strong{color:#f2ede4;font-size:12px}.system-auto-reply-delete-content p{margin:6px 0 10px;color:#a89a83;font-size:9px;line-height:1.8}.system-auto-reply-delete-content b{padding:8px 10px;border:1px solid #26211a;border-radius:9px;background:#15120e;color:#c2b6a1;font-size:10px;overflow-wrap:anywhere}
.system-auto-reply-delete-actions{padding:14px 18px 18px;display:flex;justify-content:flex-start;gap:9px;border-top:1px solid #3d362b;background:#15120e}
.system-auto-reply-delete-actions button{min-width:118px;height:40px;border:1px solid #3d362b;border-radius:10px;background:#15120e;color:#c2b6a1;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:.18s ease}
.system-auto-reply-delete-actions button:hover{border-color:#a89a83;color:#fff}.system-auto-reply-delete-actions button:last-child{border-color:#3d362b;background:#1e1a14;color:#302a20}.system-auto-reply-delete-actions button:last-child:hover{border-color:#a89a83;background:#1e1a14}
@media(max-width:760px){body.system-workspace-open .system-auto-reply-row{align-items:stretch;flex-direction:column}body.system-workspace-open .system-auto-reply-actions{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,1fr)}body.system-workspace-open .system-auto-reply-actions .system-command-switch,body.system-workspace-open .system-auto-reply-actions .system-command-edit,body.system-workspace-open .system-auto-reply-actions .system-auto-reply-delete{width:100%;min-width:0}}

/* System welcome builder */
body.system-workspace-open .system-welcome-page{width:100%}
body.system-workspace-open .system-welcome-master{min-height:92px;margin-top:22px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #3d362b;border-radius:18px;background:radial-gradient(circle at 85% 0,rgba(129,104,78,.08),transparent 35%),linear-gradient(145deg,#15120e,#1e1a14)}
body.system-workspace-open .system-welcome-master>div{display:flex;align-items:center;gap:12px}.system-welcome-master>div>i{width:43px;height:43px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:12px;background:#302a20}.system-welcome-master>div>i img{width:25px;height:25px;object-fit:contain}.system-welcome-master span strong,.system-welcome-master span small{display:block}.system-welcome-master span strong{color:#f2ede4;font-size:14px}.system-welcome-master span small{margin-top:5px;color:#a89a83;font-size:9px}
body.system-workspace-open .system-welcome-config{display:grid;gap:14px;margin-top:14px;animation:systemTabQuickIn .2s ease both}body.system-workspace-open .system-welcome-config.hidden{display:none}
body.system-workspace-open .system-welcome-section{overflow:hidden;border:1px solid #3d362b;border-radius:18px;background:linear-gradient(145deg,#15120e,#15120e)}
body.system-workspace-open .system-welcome-section>header{min-height:83px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid transparent}
body.system-workspace-open .system-welcome-section>header>div{display:flex;align-items:center;gap:11px}.system-welcome-section>header>div>i{width:34px;height:34px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:10px;background:#302a20;color:#c2b6a1;font-style:normal;font-size:9px;font-weight:700}.system-welcome-section>header span strong,.system-welcome-section>header span small{display:block}.system-welcome-section>header span strong{color:#f2ede4;font-size:12px}.system-welcome-section>header span small{margin-top:4px;color:#a89a83;font-size:8px}
body.system-workspace-open .system-welcome-section-body{padding:16px 17px 18px;border-top:1px solid #3d362b;background:#15120e}body.system-workspace-open .system-welcome-section-body.hidden{display:none}
body.system-workspace-open .system-welcome-message-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:12px}.system-welcome-message-grid>label,.system-welcome-message-grid>aside{padding:12px;border:1px solid #3d362b;border-radius:13px;background:#15120e}.system-welcome-message-grid label>span,.system-welcome-message-grid aside>strong{display:block;margin-bottom:8px;color:#c2b6a1;font-size:10px;font-weight:700}.system-welcome-message-grid textarea{width:100%;height:128px;padding:11px 12px;resize:vertical;border:1px solid #3d362b;border-radius:10px;outline:0;background:#15120e;color:#f2ede4;font-family:inherit;font-size:11px;line-height:1.8}.system-welcome-message-grid textarea:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.16)}.system-welcome-message-grid label>small{display:block;margin-top:5px;color:#c2b6a1;font-size:8px;text-align:left}
body.system-workspace-open .system-welcome-message-grid aside{display:flex;align-content:flex-start;flex-wrap:wrap;gap:7px}.system-welcome-message-grid aside>strong{width:100%}.system-welcome-message-grid aside button{width:100%;min-height:43px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #3d362b;border-radius:9px;background:#15120e;color:#c2b6a1;font-family:inherit;cursor:pointer}.system-welcome-message-grid aside button:hover{border-color:#a89a83;background:#1e1a14}.system-welcome-message-grid aside button b{color:#c2b6a1;font-size:9px;direction:ltr}.system-welcome-message-grid aside button span{font-size:8px}
body.system-workspace-open .system-welcome-channel{max-width:520px;margin-top:11px;display:grid;gap:7px}.system-welcome-channel>span{color:#c2b6a1;font-size:10px;font-weight:700}.system-welcome-channel select{width:100%;height:45px;padding:0 12px;border:1px solid #3d362b;border-radius:11px;outline:0;background:#15120e;color:#f2ede4;font-family:inherit;font-size:10px}.system-welcome-channel select:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.16)}
body.system-workspace-open .system-welcome-image-channel{margin:0 0 15px}
body.system-workspace-open .system-welcome-preview{position:relative;width:min(100%,900px);aspect-ratio:826/427;margin:2px auto 14px;overflow:hidden;border:1px solid #3d362b;border-radius:17px;box-shadow:0 18px 50px rgba(0,0,0,.28);touch-action:none;background:#15120e}.system-welcome-preview.preset1{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.13),transparent 44%),linear-gradient(135deg,#15120e,#3d362b 52%,#15120e)}.system-welcome-preview.preset2{background:radial-gradient(circle at 50% 35%,rgba(198,190,186,.16),transparent 45%),linear-gradient(135deg,#26211a,#3d362b 52%,#15120e)}.system-welcome-preview.preset3{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.12),transparent 45%),linear-gradient(135deg,#15120e,#3d362b 52%,#15120e)}.system-welcome-preview.transparent{background-color:#15120e;background-image:linear-gradient(45deg,#1e1a14 25%,transparent 25%),linear-gradient(-45deg,#1e1a14 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e1a14 75%),linear-gradient(-45deg,transparent 75%,#1e1a14 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.system-welcome-background-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.system-welcome-preview-avatar{position:absolute;z-index:2;aspect-ratio:1;object-fit:cover;border:3px solid rgba(238,230,225,.85);box-shadow:0 9px 30px rgba(0,0,0,.35);cursor:grab;user-select:none}.system-welcome-preview-avatar:active{cursor:grabbing}.system-welcome-preview-avatar.circle{border-radius:50%}.system-welcome-preview-name{position:absolute}.system-welcome-preview>span{position:absolute;z-index:3;font-family:Cairo,Arial,sans-serif;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.75);white-space:nowrap;cursor:grab;user-select:none}
body.system-workspace-open .system-welcome-editor-tabs{width:max-content;max-width:100%;margin:0 auto 11px;padding:4px;display:flex;gap:4px;border:1px solid #3d362b;border-radius:12px;background:#15120e}.system-welcome-editor-tabs button{height:38px;padding:0 17px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a89a83;font-family:inherit;font-size:9px;font-weight:700;cursor:pointer}.system-welcome-editor-tabs button.active{border-color:#a89a83;background:#1e1a14;color:#26211a;box-shadow:0 4px 14px rgba(0,0,0,.2)}
body.system-workspace-open .system-welcome-editor-panel{padding:13px;border:1px solid #3d362b;border-radius:14px;background:#15120e}.system-welcome-editor-panel.hidden{display:none}.system-welcome-backgrounds{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.system-welcome-backgrounds button,.system-welcome-backgrounds label{min-height:76px;padding:7px;display:grid;place-items:center;gap:5px;border:1px solid #3d362b;border-radius:11px;background:#15120e;color:#c2b6a1;font-family:inherit;font-size:8px;font-weight:700;cursor:pointer}.system-welcome-backgrounds button.active,.system-welcome-backgrounds label.active{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.15)}.system-welcome-backgrounds i{width:100%;height:39px;border-radius:7px}.system-welcome-backgrounds .preset1 i{background:linear-gradient(135deg,#15120e,#3d362b,#15120e)}.system-welcome-backgrounds .preset2 i{background:linear-gradient(135deg,#26211a,#3d362b,#15120e)}.system-welcome-backgrounds .preset3 i{background:linear-gradient(135deg,#15120e,#3d362b,#15120e)}.system-welcome-backgrounds .transparent i{background:repeating-conic-gradient(#c2b6a1 0 25%,#15120e 0 50%) 50%/12px 12px}.system-welcome-backgrounds .custom input{display:none}.system-welcome-backgrounds .custom i{display:grid;place-items:center;border:1px dashed #3d362b;color:#c2b6a1;font-size:20px}
body.system-workspace-open .system-welcome-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.system-welcome-controls label{display:grid;gap:6px}.system-welcome-controls label span{color:#a89a83;font-size:8px;font-weight:700}.system-welcome-controls input{width:100%;height:43px;padding:0 10px;border:1px solid #3d362b;border-radius:10px;outline:0;background:#15120e;color:#f2ede4;font-family:inherit;text-align:center}.system-welcome-controls input:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.15)}.system-welcome-controls input[type=color]{padding:5px}.system-welcome-controls button{align-self:end;height:43px;border:1px solid #3d362b;border-radius:10px;background:#1e1a14;color:#f2ede4;font-family:inherit;font-size:9px;font-weight:700;cursor:pointer}.system-welcome-controls button:hover{border-color:#a89a83}
body.system-workspace-open .system-welcome-save{display:flex;justify-content:flex-start;padding:4px 0 2px}.system-welcome-save button{min-width:230px;height:46px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3d362b;border-radius:11px;background:#1e1a14;color:#f2ede4;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}.system-welcome-save button:hover{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.15)}.system-welcome-save img{width:17px;height:17px}
@media(max-width:900px){body.system-workspace-open .system-welcome-message-grid{grid-template-columns:1fr}.system-welcome-backgrounds{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){body.system-workspace-open .system-welcome-master,body.system-workspace-open .system-welcome-section>header{align-items:stretch;flex-direction:column}.system-welcome-backgrounds{grid-template-columns:repeat(2,1fr)}body.system-workspace-open .system-welcome-controls{grid-template-columns:repeat(2,1fr)}.system-welcome-editor-tabs{width:100%!important}.system-welcome-editor-tabs button{flex:1;padding:0 7px}.system-welcome-save button{width:100%}}


/* NorelStore welcome editor precision + redesigned selectors */
body.system-workspace-open .system-welcome-preview{box-sizing:content-box;contain:layout paint}
body.system-workspace-open .system-welcome-preview-avatar{box-sizing:border-box;border:0;outline:3px solid rgba(238,230,225,.85);outline-offset:-3px}
body.system-workspace-open .system-welcome-preview>span{line-height:1;transform-origin:0 0}
body.system-workspace-open .system-welcome-select-card{position:relative;width:min(100%,620px);min-height:68px;margin-top:13px;padding:11px 54px 11px 13px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;border:1px solid #3d362b;border-radius:15px;background:linear-gradient(145deg,#1e1a14,#15120e);box-shadow:0 10px 28px rgba(0,0,0,.16);overflow:hidden;cursor:pointer;transition:.18s ease}
body.system-workspace-open .system-welcome-select-card:hover,body.system-workspace-open .system-welcome-select-card:focus-within{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.14),0 12px 30px rgba(0,0,0,.2);transform:translateY(-1px)}
body.system-workspace-open .system-welcome-select-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:12px;background:#1e1a14;color:#302a20;font-size:17px;font-weight:800}
body.system-workspace-open .system-welcome-select-copy{min-width:0;pointer-events:none}.system-welcome-select-copy b,.system-welcome-select-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-welcome-select-copy b{color:#f2ede4;font-size:10px}.system-welcome-select-copy small{margin-top:5px;color:#a89a83;font-size:8px}
body.system-workspace-open .system-welcome-select-card select{position:absolute;inset:0;width:100%;height:100%;padding:0 62px 0 14px;border:0;outline:0;opacity:0;cursor:pointer;font-family:inherit}
body.system-workspace-open .system-welcome-select-arrow{position:absolute;inset-inline-end:16px;top:50%;transform:translateY(-55%);color:#c2b6a1;font-size:22px;pointer-events:none}
body.system-workspace-open .system-welcome-image-channel{margin:0 0 15px}
body.system-workspace-open .system-welcome-template-picker{display:grid;gap:12px}
body.system-workspace-open .system-welcome-template-preview{min-height:88px;padding:12px;display:flex;align-items:center;gap:13px;border:1px solid #3d362b;border-radius:15px;background:#15120e}.system-welcome-template-preview>i{width:116px;height:62px;flex:0 0 auto;border-radius:11px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 24px rgba(255,255,255,.04)}.system-welcome-template-preview.preset1>i{background:linear-gradient(135deg,#15120e,#3d362b,#15120e)}.system-welcome-template-preview.preset2>i{background:linear-gradient(135deg,#26211a,#3d362b,#15120e)}.system-welcome-template-preview.preset3>i{background:linear-gradient(135deg,#15120e,#3d362b,#15120e)}.system-welcome-template-preview.transparent>i{background:repeating-conic-gradient(#c2b6a1 0 25%,#15120e 0 50%) 50%/12px 12px}.system-welcome-template-preview.custom>i{background:linear-gradient(135deg,#26211a,#3d362b)}.system-welcome-template-preview span strong,.system-welcome-template-preview span small{display:block}.system-welcome-template-preview span strong{color:#f2ede4;font-size:11px}.system-welcome-template-preview span small{margin-top:6px;color:#a89a83;font-size:8px}
body.system-workspace-open .system-welcome-select-card.template-select{width:100%;margin:0}
body.system-workspace-open .system-welcome-upload{min-height:74px;padding:12px 15px;display:flex;align-items:center;gap:12px;border:1px dashed #3d362b;border-radius:15px;background:#15120e;color:#c2b6a1;cursor:pointer;transition:.18s ease}.system-welcome-upload:hover{border-color:#a89a83;background:#1e1a14}.system-welcome-upload.hidden{display:none!important}.system-welcome-upload input{display:none}.system-welcome-upload>i{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#1e1a14;font-size:22px;font-style:normal}.system-welcome-upload span strong,.system-welcome-upload span small{display:block}.system-welcome-upload span strong{color:#f2ede4;font-size:10px}.system-welcome-upload span small{margin-top:5px;color:#a89a83;font-size:8px}
@media(max-width:640px){body.system-workspace-open .system-welcome-select-card{width:100%}.system-welcome-template-preview>i{width:88px;height:52px}}

/* NorelStore Welcome Studio v3 */
.welcome-v3{max-width:1320px;margin:0 auto;padding-bottom:72px}
.welcome-v3-head{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:16px!important}
.welcome-v3-head>div h1{margin:0}.welcome-v3-head>div p{margin:5px 0 0}
.welcome-v3-head>em{font-style:normal;font-size:11px;font-weight:700;color:#c2b6a1;background:rgba(129,104,78,.1);border:1px solid rgba(129,104,78,.22);padding:8px 12px;border-radius:999px}
.welcome-v3 .system-welcome-master{background:linear-gradient(135deg,rgba(37,30,28,.98),rgba(48,40,32,.98));border-color:#3d362b;box-shadow:0 18px 46px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)}
.welcome-v3 .system-welcome-section{overflow:visible!important;border:1px solid #3d362b;background:linear-gradient(180deg,rgba(48,40,32,.98),rgba(48,40,32,.98));box-shadow:0 18px 42px rgba(0,0,0,.16)}
body.system-workspace-open .welcome-v3 .system-welcome-section,
body.system-workspace-open .welcome-v3 .system-welcome-section-body,
body.system-workspace-open .welcome-v3 .system-welcome-config{overflow:visible!important}
.welcome-v3 .system-welcome-section>header{border-bottom:1px solid rgba(168,135,126,.15);background:rgba(255,255,255,.015)}
.system-welcome-pretty-select{position:relative;z-index:20;width:100%;margin-bottom:18px}
.system-welcome-pretty-select:has(.system-welcome-dropdown-menu:not(.hidden)){z-index:120}
.system-welcome-dropdown-trigger{width:100%;min-height:76px;padding:12px 16px;display:grid;grid-template-columns:46px 1fr 28px;align-items:center;gap:13px;text-align:right;color:#26211a;background:linear-gradient(145deg,#26211a,#15120e);border:1px solid #3d362b;border-radius:16px;cursor:pointer;transition:.2s ease;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.system-welcome-dropdown-trigger:hover,.system-welcome-pretty-select:has(.system-welcome-dropdown-menu:not(.hidden)) .system-welcome-dropdown-trigger{border-color:#a89a83;background:linear-gradient(145deg,#26211a,#302a20);box-shadow:0 0 0 3px rgba(176,142,132,.08)}
.system-welcome-select-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(129,104,78,.12);border:1px solid rgba(129,104,78,.2);font-size:18px;font-weight:800;color:#c2b6a1}
.system-welcome-select-copy{display:flex;min-width:0;flex-direction:column;gap:5px}.system-welcome-select-copy b{font-size:13px;color:#f2ede4}.system-welcome-select-copy small{font-size:12px;color:#c2b6a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.system-welcome-select-arrow{font-size:20px;color:#c2b6a1;transition:.2s}.system-welcome-pretty-select:has(.system-welcome-dropdown-menu:not(.hidden)) .system-welcome-select-arrow{transform:rotate(180deg)}
.system-welcome-dropdown-menu{position:absolute;top:calc(100% + 9px);right:0;left:0;z-index:9999;padding:12px;background:#15120e;border:1px solid #3d362b;border-radius:18px;box-shadow:0 26px 70px rgba(0,0,0,.58);animation:welcomeDropIn .16s ease-out}
@keyframes welcomeDropIn{from{opacity:0;transform:translateY(-7px) scale(.985)}to{opacity:1;transform:none}}
.system-welcome-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:4px 5px 11px}.system-welcome-dropdown-head strong{font-size:13px;color:#f2ede4}.system-welcome-dropdown-head small{font-size:10px;color:#a89a83;background:#1e1a14;padding:5px 8px;border-radius:999px}
.system-welcome-dropdown-search{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;margin-bottom:10px;background:#15120e;border:1px solid #3d362b;border-radius:12px}.system-welcome-dropdown-search span{color:#a89a83;font-size:19px}.system-welcome-dropdown-search input{width:100%;height:100%;border:0!important;outline:0!important;background:transparent!important;color:#f2ede4;font-family:inherit;font-size:12px;box-shadow:none!important}
.system-welcome-dropdown-list{max-height:280px;overflow:auto;padding:2px 3px 2px 0;scrollbar-width:thin;scrollbar-color:#c2b6a1 transparent}
.system-welcome-dropdown-option{width:100%;min-height:54px;margin:3px 0;padding:8px 10px;display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:10px;text-align:right;color:#f2ede4;background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:.16s}
.system-welcome-dropdown-option:hover{background:#1e1a14;border-color:#a89a83}.system-welcome-dropdown-option.selected{background:rgba(163,132,123,.13);border-color:#a89a83}.system-welcome-dropdown-option.filtered{display:none}.system-welcome-dropdown-option i{width:34px;height:34px;display:grid;place-items:center;font-style:normal;border-radius:10px;background:#26211a;color:#c2b6a1;font-weight:800}.system-welcome-dropdown-option span{display:flex;min-width:0;flex-direction:column;gap:2px}.system-welcome-dropdown-option b{font-size:12px;overflow:hidden;text-overflow:ellipsis}.system-welcome-dropdown-option small{font-size:10px;color:#a89a83}.system-welcome-dropdown-option em{font-style:normal;color:#c2b6a1}.system-welcome-dropdown-empty{padding:28px;text-align:center;color:#a89a83;font-size:12px}
.system-welcome-studio{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:18px;align-items:start}
.system-welcome-preview-shell{min-width:0;padding:10px;background:#15120e;border:1px solid #3d362b;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.system-welcome-preview-toolbar{height:38px;padding:0 5px 7px;display:flex;align-items:center;justify-content:space-between;color:#c2b6a1}.system-welcome-preview-toolbar span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.system-welcome-preview-toolbar span i{width:7px;height:7px;border-radius:50%;background:#544a3b;box-shadow:0 0 10px rgba(193,155,145,.6)}.system-welcome-preview-toolbar b{font-size:10px;padding:5px 8px;border-radius:8px;background:#1e1a14;color:#c2b6a1}
.welcome-v3 .system-welcome-preview{width:100%;height:auto!important;min-height:0!important;max-height:680px;position:relative;overflow:hidden;border:1px solid #3d362b;border-radius:12px;background-color:transparent;background-image:none!important}
.welcome-v3 .system-welcome-preview.transparent{background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%)!important;background-size:24px 24px!important;background-position:0 0,0 12px,12px -12px,-12px 0!important}
.system-welcome-background-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;image-rendering:auto}
.system-welcome-editor-side{position:sticky;top:18px;min-width:0;padding:12px;background:#15120e;border:1px solid #3d362b;border-radius:18px}
.system-welcome-editor-side .system-welcome-editor-tabs{margin:0 0 12px;padding:4px;background:#15120e;border-radius:12px;border:1px solid #3d362b}.system-welcome-editor-side .system-welcome-editor-tabs button{min-height:38px;border-radius:9px}
.system-welcome-editor-side .system-welcome-editor-panel{padding:0;border:0;background:transparent}
.system-welcome-background-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.system-welcome-background-choice>button{min-height:92px;padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:right;color:#f2ede4;background:#15120e;border:1px solid #3d362b;border-radius:13px;cursor:pointer;transition:.18s}.system-welcome-background-choice>button:hover{border-color:#a89a83;background:#302a20}.system-welcome-background-choice>button.active{border-color:#a89a83;background:linear-gradient(145deg,rgba(164,132,123,.18),rgba(36,29,27,.95));box-shadow:inset 0 0 0 1px rgba(201,193,189,.08)}.system-welcome-background-choice i{font-style:normal;font-size:20px;color:#c2b6a1}.system-welcome-background-choice span{display:flex;flex-direction:column;gap:3px}.system-welcome-background-choice strong{font-size:12px}.system-welcome-background-choice small{font-size:9px;line-height:1.5;color:#a89a83}
.welcome-v3 .system-welcome-upload{min-height:110px;margin:0;padding:14px;border:1px dashed #3d362b;border-radius:13px;background:rgba(161,129,121,.055)}.welcome-v3 .system-welcome-upload:hover{border-color:#3d362b;background:rgba(161,129,121,.1)}
.welcome-v3 .system-welcome-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.welcome-v3 .system-welcome-controls label,.welcome-v3 .system-welcome-controls button{min-width:0}
.welcome-v3 .system-welcome-save{position:sticky;bottom:14px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:rgba(48,40,32,.94);border:1px solid #3d362b;border-radius:16px;backdrop-filter:blur(16px);box-shadow:0 20px 50px rgba(0,0,0,.3)}.welcome-v3 .system-welcome-save>span{font-size:11px;color:#c2b6a1}.welcome-v3 .system-welcome-save button{margin:0!important}
@media(max-width:980px){.system-welcome-studio{grid-template-columns:1fr}.system-welcome-editor-side{position:static}.welcome-v3-head{grid-template-columns:auto 1fr!important}.welcome-v3-head>em{display:none}}
@media(max-width:620px){.system-welcome-background-choice{grid-template-columns:1fr}.welcome-v3 .system-welcome-save{align-items:stretch;flex-direction:column}.welcome-v3 .system-welcome-save>span{text-align:center}.system-welcome-dropdown-menu{position:fixed;top:12%;right:14px;left:14px;max-height:76vh}.system-welcome-dropdown-list{max-height:52vh}}

.system-welcome-native-select{display:grid;gap:8px;width:min(100%,520px);margin:0 0 14px auto;padding:12px 14px;border:1px solid #3d362b;border-radius:14px;background:linear-gradient(145deg,#26211a,#15120e)}
.system-welcome-native-copy{display:flex;flex-direction:column;gap:4px}.system-welcome-native-copy b{color:#f2ede4;font-size:12px}.system-welcome-native-copy small{color:#c2b6a1;font-size:10px}
.system-welcome-native-select select{width:100%;height:46px;padding:0 12px;border:1px solid #3d362b;border-radius:11px;outline:0;background:#15120e;color:#f2ede4;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.system-welcome-native-select select:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.16)}
.system-welcome-image-channel{margin:0 0 15px}
@media(max-width:620px){.system-welcome-native-select{width:100%;margin-inline:0}}
.welcome-v3 .system-welcome-dropdown-trigger{min-height:52px;padding:7px 11px;grid-template-columns:34px minmax(0,1fr) 20px;gap:9px;border-radius:12px;background:#15120e;box-shadow:none}
.welcome-v3 .system-welcome-select-icon{width:32px;height:32px;border-radius:9px;font-size:14px}
.welcome-v3 .system-welcome-select-copy{gap:2px}.welcome-v3 .system-welcome-select-copy b{font-size:11px}.welcome-v3 .system-welcome-select-copy small{font-size:10px}
.welcome-v3 .system-welcome-select-arrow{font-size:15px}
.welcome-v3 .system-welcome-dropdown-menu{right:0;left:auto;width:min(460px,calc(100vw - 36px));padding:9px;border-radius:14px}
.welcome-v3 .system-welcome-dropdown-head{padding:2px 3px 8px}.welcome-v3 .system-welcome-dropdown-head strong{font-size:11px}
.welcome-v3 .system-welcome-dropdown-search{height:36px;margin-bottom:7px;border-radius:9px}
.welcome-v3 .system-welcome-dropdown-list{max-height:220px}
.welcome-v3 .system-welcome-dropdown-option{min-height:42px;padding:5px 7px;grid-template-columns:30px minmax(0,1fr) 20px;gap:8px;border-radius:9px}
.welcome-v3 .system-welcome-dropdown-option i{width:28px;height:28px;border-radius:8px;font-size:12px}
.welcome-v3 .system-welcome-dropdown-option b{font-size:11px}.welcome-v3 .system-welcome-dropdown-option small{font-size:8px}
.welcome-v3 .system-welcome-image-channel{margin-bottom:12px}
.welcome-v3 .system-welcome-background-choice{display:flex;gap:7px;padding:4px;margin-bottom:10px;background:#15120e;border:1px solid #3d362b;border-radius:12px}
.welcome-v3 .system-welcome-background-choice>button{flex:1;min-height:48px;padding:7px 10px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;border:0;border-radius:9px;background:transparent}
.welcome-v3 .system-welcome-background-choice>button.active{background:#302a20;border:1px solid #a89a83;box-shadow:none}
.welcome-v3 .system-welcome-background-choice i{font-size:15px}.welcome-v3 .system-welcome-background-choice span{gap:1px}.welcome-v3 .system-welcome-background-choice strong{font-size:10px}.welcome-v3 .system-welcome-background-choice small{font-size:7px;line-height:1.25}
.welcome-v3 .system-welcome-upload{min-height:72px!important;padding:10px 12px!important}
.welcome-v3 .system-welcome-editor-side{padding:10px}
.welcome-v3 .system-welcome-section-body{padding-top:14px}
@media(max-width:620px){.welcome-v3 .system-welcome-pretty-select{width:100%}.welcome-v3 .system-welcome-background-choice{display:grid;grid-template-columns:1fr 1fr}.welcome-v3 .system-welcome-dropdown-menu{position:fixed;width:auto;right:12px;left:12px}}

/* Welcome Studio V5: selected background uses border only */
.welcome-v3 .system-welcome-background-choice>button,
.welcome-v3 .system-welcome-background-choice>button:hover,
.welcome-v3 .system-welcome-background-choice>button:focus,
.welcome-v3 .system-welcome-background-choice>button:active,
.welcome-v3 .system-welcome-background-choice>button.active{
  background:#15120e!important;
  box-shadow:none!important;
  color:#f2ede4!important;
}
.welcome-v3 .system-welcome-background-choice>button{
  border:1px solid transparent!important;
}
.welcome-v3 .system-welcome-background-choice>button:hover{
  border-color:#a89a83!important;
}
.welcome-v3 .system-welcome-background-choice>button.active,
.welcome-v3 .system-welcome-background-choice>button:focus-visible{
  border-color:#a89a83!important;
  outline:none!important;
}
.welcome-v3 .system-welcome-background-choice>button:active{
  transform:scale(.985);
  border-color:#a89a83!important;
}


/* NorelStore system auto roles */
.system-autoroles-page{padding:26px;direction:rtl}.system-autoroles-head{margin-bottom:18px}.system-autoroles-card{border:1px solid #3d362b;border-radius:22px;background:linear-gradient(145deg,#15120e,#15120e);padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.system-autoroles-main-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px 20px;border-bottom:1px solid #3d362b}.system-autoroles-main-row>div{display:grid;gap:5px}.system-autoroles-main-row strong{font-size:15px;color:#f2ede4}.system-autoroles-main-row small{color:#a89a83;font-size:11px}
.system-switch{width:52px;height:29px;padding:3px;border:1px solid #3d362b;border-radius:999px;background:#1e1a14;cursor:pointer;transition:.2s}.system-switch span{display:block;width:21px;height:21px;border-radius:50%;background:#a89a83;transition:.2s;transform:translateX(0)}.system-switch.active{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.12)}.system-switch.active span{background:#26211a;transform:translateX(-22px)}
.system-autoroles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.system-autorole-field{position:relative;padding:16px;border:1px solid #3d362b;border-radius:17px;background:#15120e}.system-autorole-field-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}.system-autorole-field-head>div{display:grid;gap:3px}.system-autorole-field-head strong{color:#f2ede4;font-size:13px}.system-autorole-field-head small{color:#a89a83;font-size:10px}.system-autorole-kind-icon{display:grid;place-items:center;width:33px;height:33px;border:1px solid #3d362b;border-radius:10px;color:#c2b6a1;background:#1e1a14}
.system-autorole-select{width:100%;height:48px;padding:0 14px;display:flex;align-items:center;gap:10px;border:1px solid #3d362b;border-radius:13px;background:#15120e;color:#f2ede4;cursor:pointer;text-align:right}.system-autorole-select:hover{border-color:#a89a83}.system-autorole-select b{flex:1;font-size:12px}.system-autorole-select em{font-style:normal;color:#c2b6a1;font-size:16px}.system-role-dot{width:11px;height:11px;min-width:11px;border-radius:50%;background:var(--role-color,#9c907d);box-shadow:0 0 0 3px color-mix(in srgb,var(--role-color,#9c907d) 18%,transparent)}.system-role-dot.empty{background:transparent;border:1px dashed #a89a83;box-shadow:none}
.system-autorole-menu{position:absolute;z-index:30;top:112px;right:16px;left:16px;border:1px solid #3d362b;border-radius:14px;background:#15120e;box-shadow:0 18px 45px rgba(0,0,0,.42);overflow:hidden}.system-autorole-menu.hidden{display:none}.system-autorole-menu>label{height:42px;padding:0 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #3d362b}.system-autorole-menu input{width:100%;border:0;outline:0;background:transparent;color:#f2ede4;font:inherit;font-size:11px}.system-autorole-options{max-height:240px;overflow:auto;padding:6px}.system-autorole-options button{width:100%;min-height:40px;padding:7px 9px;display:flex;align-items:center;gap:9px;border:0;border-radius:9px;background:transparent;color:#f2ede4;cursor:pointer;text-align:right}.system-autorole-options button:hover{background:#302a20}.system-autorole-options button.filtered{display:none}.system-autorole-options b{flex:1;font-size:11px}.system-autorole-options small{color:#a89a83;font-size:9px}.system-autorole-options i{font-style:normal;color:#c2b6a1}
.system-autoroles-note{margin-top:16px;padding:13px 15px;display:flex;align-items:center;gap:11px;border:1px solid #3d362b;border-radius:14px;background:#15120e}.system-autoroles-note>i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#302a20;color:#c2b6a1;font-style:normal}.system-autoroles-note span{display:grid;gap:2px}.system-autoroles-note strong{font-size:11px;color:#f2ede4}.system-autoroles-note small{font-size:9px;color:#a89a83}.system-autoroles-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.system-autoroles-footer>span{font-size:10px;color:#a89a83}.system-autoroles-footer button{height:43px;padding:0 18px;border:1px solid #a89a83;border-radius:12px;background:#302a20;color:#f2ede4;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.system-autoroles-footer button:hover{background:#302a20}
@media(max-width:780px){.system-autoroles-grid{grid-template-columns:1fr}.system-autoroles-footer{align-items:stretch;flex-direction:column}.system-autoroles-footer button{width:100%}}

/* Auto roles enabled state: green */
.system-autoroles-main-row .system-switch.active{
  background:#7fd3ac;
  border-color:#7fd3ac;
  box-shadow:0 0 0 3px rgba(34,197,94,.16),0 6px 18px rgba(34,197,94,.18);
}
.system-autoroles-main-row .system-switch.active span{
  background:#fff;
}

/* NorelStore auto roles V1.3 - reliable enabled color and non-overlapping picker */
#systemAutoRolesToggle.system-switch.active{
  background:#7fd3ac!important;
  background-color:#7fd3ac!important;
  border-color:#7fd3ac!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.17),0 7px 20px rgba(34,197,94,.18)!important;
}
#systemAutoRolesToggle.system-switch.active>span{
  background:#fff!important;
  background-color:#fff!important;
}
.system-autoroles-card,
.system-autoroles-grid,
.system-autorole-field{overflow:visible!important}
.system-autorole-field:has(.system-autorole-menu:not(.hidden)){
  border-color:#a89a83!important;
  z-index:4;
}
.system-autorole-menu{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  margin-top:10px!important;
  z-index:auto!important;
  max-height:none!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
}
.system-autorole-options{
  max-height:210px!important;
  overscroll-behavior:contain;
}
.system-autorole-select[aria-expanded="true"]{
  border-color:#a89a83!important;
  box-shadow:0 0 0 3px rgba(99,76,54,.1)!important;
}
@media(max-width:780px){
  .system-autorole-menu{margin-top:8px!important}
}


/* NorelStore system logs */
.system-logs-page{padding:26px;direction:rtl}.system-logs-card{max-width:900px;margin:20px auto 0;padding:22px;border:1px solid #3d362b;border-radius:20px;background:#15120e;display:grid;gap:18px}.system-logs-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid #3d362b;border-radius:15px;background:#15120e}.system-logs-status span{display:grid;gap:5px}.system-logs-status b{color:#f2ede4;font-size:15px}.system-logs-status small{color:#c2b6a1}.system-logs-channel{display:grid;gap:8px}.system-logs-channel>span{font-weight:600;color:#c2b6a1}.system-logs-channel select{width:100%;height:48px;padding:0 15px;border:1px solid #3d362b;border-radius:13px;background:#15120e;color:#f2ede4;font-family:inherit;outline:none}.system-logs-channel select:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.15)}.system-logs-note{padding:15px;border:1px dashed #3d362b;border-radius:14px;background:#15120e}.system-logs-note b{color:#f2ede4}.system-logs-note p{margin:7px 0 0;color:#c2b6a1;line-height:1.8}.system-logs-page .system-toggle input:checked+i{background:#7fd3ac!important;border-color:#7fd3ac!important;box-shadow:0 0 0 3px rgba(32,201,122,.12),0 0 16px rgba(32,201,122,.22)!important}

/* System logs dashboard */
.system-logs-page{padding:26px;direction:rtl;display:grid;gap:18px}.system-logs-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px}.system-logs-head h1{margin:0;color:#f2ede4;font-size:25px}.system-logs-head p{margin:7px 0 0;color:#a89a83}.system-logs-head-actions{display:flex;align-items:center;gap:9px}.system-logs-head-actions button{height:40px;padding:0 15px;border-radius:11px;border:1px solid #3d362b;background:#15120e;color:#f2ede4;font-family:inherit;font-weight:600;cursor:pointer}.system-logs-head-actions button:hover{border-color:#a89a83;color:#fff}.system-logs-head-actions .system-logs-clear:hover{border-color:#a89a83;color:#ef7f73}.system-logs-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid #3d362b;border-radius:17px;background:#15120e}.system-logs-count{min-width:112px;display:flex;align-items:baseline;gap:7px;padding:0 8px}.system-logs-count b{font-size:24px;color:#f2ede4}.system-logs-count span{font-size:11px;color:#a89a83}.system-logs-search{height:43px;border:1px solid #3d362b;border-radius:12px;background:#1e1a14;display:flex;align-items:center;gap:9px;padding:0 13px}.system-logs-search:focus-within{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.13)}.system-logs-search span{color:#a89a83;font-size:18px}.system-logs-search input{width:100%;border:0;outline:0;background:transparent;color:#f2ede4;font-family:inherit}.system-logs-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.system-logs-filters button{height:35px;padding:0 11px;border:1px solid transparent;border-radius:10px;background:#302a20;color:#a89a83;font-family:inherit;font-weight:600;cursor:pointer}.system-logs-filters button:hover{color:#f2ede4;border-color:#a89a83}.system-logs-filters button.active{background:#302a20;color:#f2ede4;border-color:#a89a83;box-shadow:0 0 0 2px rgba(99,76,54,.11)}.system-logs-feed{display:grid;gap:9px;min-height:300px}.system-log-item{position:relative;display:grid;grid-template-columns:44px 1fr;gap:13px;padding:15px;border:1px solid #3d362b;border-radius:15px;background:#15120e;overflow:hidden;transition:.18s ease}.system-log-item:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--log-color)}.system-log-item:hover{transform:translateY(-1px);border-color:#a89a83;background:#15120e}.system-log-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#302a20;border:1px solid #3d362b;color:#f2ede4;font-size:16px;font-weight:700}.system-log-content{min-width:0}.system-log-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.system-log-title b{color:#f2ede4;font-size:14px}.system-log-title time{direction:ltr;color:#a89a83;font-size:11px;white-space:nowrap}.system-log-content>p{margin:7px 0 0;color:#c2b6a1;line-height:1.7;word-break:break-word}.system-log-fields{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.system-log-fields span{min-width:120px;max-width:100%;display:grid;gap:3px;padding:8px 10px;border:1px solid #3d362b;border-radius:10px;background:#15120e}.system-log-fields small{color:#a89a83;font-size:10px}.system-log-fields b{color:#c2b6a1;font-size:11px;font-weight:500;word-break:break-word}.system-logs-empty{min-height:310px;border:1px dashed #3d362b;border-radius:18px;background:#15120e;display:grid;place-content:center;text-align:center;padding:30px}.system-logs-empty>div{font-size:34px;color:#c2b6a1;margin-bottom:10px}.system-logs-empty b{color:#f2ede4}.system-logs-empty p{color:#a89a83;margin:7px 0 0}.system-logs-live{display:flex;align-items:center;justify-content:center;gap:8px;color:#a89a83;font-size:11px}.system-logs-live i{width:7px;height:7px;border-radius:50%;background:#7fd3ac;box-shadow:0 0 9px rgba(32,201,122,.65);animation:systemLogsPulse 1.8s infinite}@keyframes systemLogsPulse{50%{opacity:.35;transform:scale(.8)}}
@media(max-width:900px){.system-logs-toolbar{grid-template-columns:1fr}.system-logs-count{justify-content:center}.system-logs-head{align-items:flex-start;flex-direction:column}.system-logs-head-actions{width:100%}.system-logs-head-actions button{flex:1}.system-log-title{align-items:flex-start;flex-direction:column;gap:4px}}

/* NorelStore system logs: unify search with filter colors */
.system-logs-page .system-logs-search{
  background:#302a20 !important;
  border-color:#3d362b !important;
}
.system-logs-page .system-logs-search:hover{
  border-color:#a89a83 !important;
}
.system-logs-page .system-logs-search:focus-within{
  background:#302a20 !important;
  border-color:#a89a83 !important;
  box-shadow:0 0 0 2px rgba(99,76,54,.11) !important;
}
.system-logs-page .system-logs-search input{
  background:transparent !important;
}


/* NorelStore System protection */
/* ---------- Protection page (v5) ---------- */
.system-protection-page{display:grid;gap:16px;padding-top:0}
.system-protection-page i[data-lucide]{width:18px;height:18px;stroke-width:2.1px}

.system-protection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.system-protection-head-copy{display:grid;gap:8px}
.system-protection-eyebrow{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 11px;border-radius:20px;background:rgba(129,104,78,.12);color:#c2b6a1;font-size:11px;font-weight:600;letter-spacing:.02em}
.system-protection-eyebrow i{width:13px;height:13px}
.system-protection-head h1{margin:0;font-size:26px}
.system-protection-head p{margin:0;max-width:56ch;color:var(--muted);font-size:13px;line-height:1.7}

.system-emergency{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-width:150px;justify-content:center;border:1px solid #3d362b;background:#1e1a14;color:#f2ede4;border-radius:12px;padding:11px 16px;font-weight:600;font-size:13px;cursor:pointer;transition:.15s ease}
.system-emergency:hover{border-color:#a89a83;background:#1e1a14}
.system-emergency.active{background:rgba(240,68,68,.12);border-color:#c96969;color:#ef7f73}
.system-emergency.active:hover{background:rgba(240,68,68,.18)}

.system-protection-status{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #3d362b;background:linear-gradient(135deg,#26211a,#15120e);border-radius:16px;padding:16px 18px}
.system-protection-status-copy{display:flex;align-items:center;gap:13px}
.system-protection-status-icon{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px}
.system-protection-status.is-on .system-protection-status-icon{background:rgba(34,197,94,.14);color:#7fd3ac}
.system-protection-status.is-off .system-protection-status-icon{background:rgba(240,68,68,.14);color:#f66}
.system-protection-status-copy b{display:block;font-size:15px}
.system-protection-status-copy small{color:#a89a83;font-size:12px}

.system-switch{position:relative;flex:0 0 auto;width:50px;height:28px;border-radius:20px;border:1px solid #3d362b;background:#1e1a14;cursor:pointer;transition:.2s ease}
.system-switch span{position:absolute;top:2px;inset-inline-start:2px;width:22px;height:22px;border-radius:50%;background:#26211a;transition:inset-inline-start .2s ease}
.system-switch.active{background:rgba(34,197,94,.9);border-color:#7fd3ac}
.system-switch.active span{inset-inline-start:24px;background:#fff}

.system-protection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.system-protection-card{border:1px solid #3d362b;background:#15120e;border-radius:16px;padding:16px;display:grid;gap:9px;align-content:start}

.system-protection-section-title{display:flex;align-items:center;gap:11px;margin-bottom:2px}
.system-protection-section-title>span{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #3d362b;border-radius:11px;background:#1e1a14;color:#2b251d}
.system-protection-section-title h2{margin:0;font-size:16px}
.system-protection-section-title small{display:block;margin-top:2px;color:#a89a83;font-size:11px}

/* Toggle rows */
.system-protection-option{width:100%;display:flex;align-items:center;gap:11px;text-align:start;border:1px solid #3d362b;background:#302a20;border-radius:12px;padding:11px 12px;color:#f2ede4;cursor:pointer;transition:.15s ease}
.system-protection-option:hover{border-color:#a89a83;background:#1e1a14}
.system-protection-option-icon{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#1e1a14;color:#c2b6a1}
.system-protection-option.active .system-protection-option-icon{background:rgba(34,197,94,.14);color:#7fd3ac}
.system-protection-option>span{flex:1 1 auto;min-width:0;display:grid;gap:2px}
.system-protection-option b{font-size:12.5px}
.system-protection-option small{color:#a89a83;font-size:10.5px;line-height:1.5}
.system-protection-option.active{border-color:#a89a83}

.system-protection-switch{position:relative;flex:0 0 auto;width:38px;height:21px;border-radius:20px;background:#302a20;padding:0;transition:background .2s ease}
.system-protection-switch em{position:absolute;top:2px;inset-inline-start:2px;display:block;width:17px;height:17px;border-radius:50%;background:#26211a;transition:inset-inline-start .2s ease}
.system-protection-option.active .system-protection-switch{background:#7fd3ac}
.system-protection-option.active .system-protection-switch em{inset-inline-start:19px;background:#fff}

.system-protection-number,.system-protection-select,.system-protection-action-select{display:flex;align-items:center;gap:10px;border:1px solid #3d362b;background:#302a20;border-radius:12px;padding:11px 12px}
.system-protection-number>i,.system-protection-action-select>i{flex:0 0 auto;color:#a89a83}
.system-protection-number span{flex:1 1 auto;font-size:12px;color:#c2b6a1}
.system-protection-number input,.system-protection-select select{border:1px solid #3d362b;background:#15120e;color:#f2ede4;border-radius:9px;padding:8px 10px}
.system-protection-number input{width:64px;text-align:center}

/* Limits card */
.system-protection-limit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.system-protection-limit-item{min-height:0;display:flex;flex-direction:column;gap:10px;border:1px solid #3d362b;background:#302a20;border-radius:13px;padding:13px}
.system-protection-limit-item>i{color:#a89a83}
.system-protection-limit-item>span{display:grid;gap:3px}
.system-protection-limit-item>span b{font-size:12.5px}
.system-protection-limit-item>span small{color:#a89a83;font-size:10px}
.system-protection-stepper{height:36px;display:grid;grid-template-columns:32px 1fr 32px;border:1px solid #3d362b;border-radius:10px;overflow:hidden;background:#15120e}
.system-protection-stepper button{display:grid;place-items:center;border:0;background:#1e1a14;color:#302a20;cursor:pointer;transition:.15s ease}
.system-protection-stepper button:hover{background:#302a20;color:#fff}
.system-protection-stepper button i{width:14px;height:14px}
.system-protection-stepper input{min-width:0;width:100%;border:0;border-inline:1px solid #c2b6a1;border-radius:0;background:transparent;color:#fff;text-align:center;padding:0;font-weight:700;-moz-appearance:textfield}
.system-protection-stepper input::-webkit-inner-spin-button,.system-protection-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

.system-protection-action-select>span{flex:1 1 auto;display:grid;gap:3px}
.system-protection-action-select b{font-size:12.5px}
.system-protection-action-select small{color:#a89a83;font-size:10px}
.system-protection-action-select select{min-width:150px;background:#1e1a14;border-radius:10px;padding:9px 11px;outline:0}
.system-protection-action-select select:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.12)}

/* Whitelist card */
.system-protection-add{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;gap:8px}
.system-protection-user-input{display:flex;align-items:center;gap:8px;border:1px solid #3d362b;background:#15120e;border-radius:11px;padding:0 11px}
.system-protection-user-input:focus-within{border-color:#a89a83;box-shadow:0 0 0 3px rgba(99,76,54,.1)}
.system-protection-user-input>i{flex:0 0 auto;color:#a89a83}
.system-protection-user-input input{width:100%;border:0;background:transparent;outline:0;padding:11px 0;color:#f2ede4}
.system-protection-add button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #3d362b;background:#1e1a14;color:#fff;border-radius:11px;padding:0 13px;font-weight:600;font-size:12px;cursor:pointer;white-space:nowrap;transition:.15s ease}
.system-protection-add button:hover{border-color:#a89a83;background:#302a20}
.system-protection-add button i{width:15px;height:15px}
.system-protection-add button.bypass{border-color:#3d362b}

.system-protection-lists{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.system-protection-lists>div{border:1px solid #3d362b;border-radius:12px;background:#1e1a14;overflow:hidden}
.system-protection-lists>div>header{display:flex;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid #3d362b;background:#1e1a14}
.system-protection-lists>div>header>span{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#302a20;color:#2b251d}
.system-protection-lists>div>header>div{min-width:0;display:grid;gap:2px}
.system-protection-lists>div>header b{font-size:12px}
.system-protection-lists>div>header small{color:#a89a83;font-size:10px}
.system-protection-lists>div>section{min-height:78px;max-height:220px;overflow:auto;padding:9px;display:grid;align-content:start;gap:6px}
.system-protection-lists .empty{grid-column:1/-1;display:grid;place-items:center;min-height:60px;color:#a89a83;text-align:center;font-size:11px}

/* Whitelist user rows (avatar + name/username) */
.system-protection-user-row{display:flex;align-items:center;gap:9px;background:#1e1a14;border:1px solid transparent;border-radius:10px;padding:6px 8px 6px 6px}
.system-protection-user-row:hover{border-color:#a89a83}
.system-protection-avatar{flex:0 0 auto;width:30px;height:30px;border-radius:50%;object-fit:cover;background:#302a20}
.system-protection-avatar-placeholder{display:grid;place-items:center;color:#9c907d}
.system-protection-avatar-placeholder i{width:15px;height:15px}
.system-protection-user-copy{flex:1 1 auto;min-width:0;display:grid;gap:1px}
.system-protection-user-copy b{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2ede4}
.system-protection-user-copy code{font-family:inherit;font-size:10px;color:#a89a83;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.system-protection-left-badge{flex:0 0 auto;width:15px;height:15px;color:#c2b6a1}
.system-protection-user-row>button{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:7px;background:#1e1a14;color:#ef7f73;cursor:pointer;transition:.15s ease}
.system-protection-user-row>button:hover{background:#302a20}
.system-protection-user-row>button i{width:13px;height:13px}

.system-protection-footer{display:flex;align-items:center;gap:10px;border:1px dashed #3d362b;background:rgba(48,40,32,.7);border-radius:14px;padding:13px 16px;color:#a89a83;font-size:11px}
.system-protection-footer i{flex:0 0 auto;width:15px;height:15px}

@media(max-width:980px){
  .system-protection-grid{grid-template-columns:1fr}
  .system-protection-head{flex-direction:column}
  .system-emergency{width:100%}
}
@media(max-width:1100px){
  .system-protection-limit-grid{grid-template-columns:1fr}
  .system-protection-add{grid-template-columns:1fr 1fr}
  .system-protection-user-input{grid-column:1/-1}
}
@media(max-width:560px){
  .system-protection-add{grid-template-columns:1fr}
  .system-protection-user-input{grid-column:auto}
  .system-protection-action-select{align-items:stretch;flex-direction:column}
  .system-protection-action-select select{width:100%;min-width:0}
  .system-protection-lists{grid-template-columns:1fr}
}

/* Welcome: remove overlaps with dropdowns / sticky editor / unsaved bar */
.welcome-v3{
  padding-bottom:110px!important;
  overflow:visible!important;
}
.welcome-v3 .system-welcome-section,
.welcome-v3 .system-welcome-section-body,
.welcome-v3 .system-welcome-studio{
  overflow:visible!important;
}
.welcome-v3 .system-welcome-pretty-select{
  position:relative;
  z-index:5;
}
.welcome-v3 .system-welcome-pretty-select.is-open,
.welcome-v3 .system-welcome-pretty-select:has(.system-welcome-dropdown-menu:not(.hidden)){
  z-index:80;
}
.welcome-v3 .system-welcome-dropdown-menu{
  z-index:90!important;
}
.welcome-v3 .system-welcome-editor-side{
  position:static!important;
  top:auto!important;
  z-index:1;
}
.welcome-v3 .system-welcome-preview-shell,
.welcome-v3 .system-welcome-preview{
  isolation:isolate;
}
.welcome-v3 .system-welcome-preview-avatar,
.welcome-v3 .system-welcome-preview>span{
  z-index:2;
}
.welcome-v3 .system-welcome-message-grid aside{
  align-content:flex-start;
}
@media(max-width:980px){
  .welcome-v3 .system-welcome-editor-side{position:static!important}
}

/* Managed bot workspaces (Bank/Tickets/Groups/Avatar/Temp/Roles) */
.managed-toggle-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:14px 16px;border:1px solid #3d362b;border-radius:14px;background:#15120e;color:#f2ede4;font-weight:600}
.managed-toggle-field.compact{margin:0;padding:0;border:0;background:transparent}
.managed-toggle-field input{width:18px;height:18px;accent-color:#a89a83}
.managed-onoff-field{position:relative}
.managed-onoff-field select{
  font-weight:700!important;letter-spacing:.02em;
  background-image:linear-gradient(180deg,#26211a,#302a20)!important;
}
.managed-onoff-field[data-state="on"] select{
  border-color:#a89a83!important;color:#f2ede4!important;
  box-shadow:inset 0 0 0 1px rgba(111,143,122,.18)!important;
}
.managed-onoff-field[data-state="off"] select{
  border-color:#a89a83!important;color:#ef7f73!important;
  box-shadow:inset 0 0 0 1px rgba(138,95,90,.18)!important;
}
.managed-onoff-field[data-state="on"] span::after{
  content:"On";margin-inline-start:8px;padding:2px 8px;border-radius:8px;
  border:1px solid #a89a83;background:rgba(111,143,122,.16);color:#f2ede4;font-size:10px;font-weight:700;
}
.managed-onoff-field[data-state="off"] span::after{
  content:"Off";margin-inline-start:8px;padding:2px 8px;border-radius:8px;
  border:1px solid #3d362b;background:rgba(138,95,90,.16);color:#ef7f73;font-size:10px;font-weight:700;
}
.managed-inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.managed-inline-actions button,.system-customize-page .music-group-primary{border:1px solid #3d362b;border-radius:12px;background:#1e1a14;color:#fff;padding:10px 16px;font-weight:700;cursor:pointer}
.managed-inline-actions button:hover,.system-customize-page .music-group-primary:hover{border-color:#a89a83;background:#26211a}
.system-customize-page textarea{width:100%;min-height:96px;resize:vertical;border:1px solid #3d362b;border-radius:12px;background:#1e1a14;color:#26211a;padding:12px;font:inherit}
.system-customize-page .system-name-field small{display:block;margin-top:6px;color:#a89a83;font-size:12px}

body.system-workspace-open .managed-page-head{
  display:flex!important;
  align-items:flex-start!important;
  gap:16px!important;
  padding:0 0 22px!important;
  border-bottom:1px solid #302a20!important;
}
body.system-workspace-open .managed-page-icon{
  width:52px!important;height:52px!important;flex:0 0 52px!important;
  display:grid!important;place-items:center!important;
  border:1px solid #3d362b!important;border-radius:16px!important;background:#1e1a14!important;
}
body.system-workspace-open .managed-page-icon img{
  width:28px!important;height:28px!important;object-fit:contain!important;display:block!important;
  filter:drop-shadow(0 0 8px rgba(129,104,78,.28))!important;
}
body.system-workspace-open .managed-page-copy{min-width:0;flex:1}
body.system-workspace-open .managed-page-copy h1{margin:0!important;color:#f2ede4!important;font-size:30px!important;line-height:1.3!important}
body.system-workspace-open .managed-page-copy p{margin:8px 0 0!important;color:#a89a83!important;font-size:13px!important;line-height:1.7!important}

body.system-workspace-open .managed-settings-card{
  margin-top:22px!important;padding:22px!important;
  border:1px solid #3d362b!important;border-radius:18px!important;
  background:linear-gradient(160deg,rgba(28,28,31,.94),rgba(48,40,32,.92))!important;
  box-shadow:0 22px 54px rgba(0,0,0,.2)!important;
}
body.system-workspace-open .managed-settings-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;
}
body.system-workspace-open .managed-settings-grid > *{min-width:0!important;margin:0!important}
body.system-workspace-open .managed-settings-grid .system-name-field,
body.system-workspace-open .managed-settings-grid .system-presence-field,
body.system-workspace-open .managed-settings-grid .managed-toggle-field{
  display:grid!important;gap:8px!important;padding:14px 15px!important;
  border:1px solid #3d362b!important;border-radius:14px!important;background:#15120e!important;
}
body.system-workspace-open .managed-settings-grid .system-name-field span,
body.system-workspace-open .managed-settings-grid .system-presence-field span{
  color:#c2b6a1!important;font-size:12px!important;font-weight:700!important;
}
body.system-workspace-open .managed-settings-grid input,
body.system-workspace-open .managed-settings-grid select,
body.system-workspace-open .managed-settings-grid textarea{
  width:100%!important;min-height:48px!important;border:1px solid #3d362b!important;border-radius:12px!important;
  background:#1e1a14!important;color:#f2ede4!important;padding:0 14px!important;outline:0!important;font:inherit!important;
}
body.system-workspace-open .managed-settings-grid textarea{min-height:110px!important;padding:12px 14px!important;resize:vertical!important}
body.system-workspace-open .managed-settings-grid input:focus,
body.system-workspace-open .managed-settings-grid select:focus,
body.system-workspace-open .managed-settings-grid textarea:focus{
  border-color:#a89a83!important;box-shadow:0 0 0 3px rgba(129,104,78,.16)!important;
}
body.system-workspace-open .managed-settings-grid .managed-toggle-field{
  grid-template-columns:1fr auto!important;align-items:center!important;
}
body.system-workspace-open .managed-manage-page .general-manage-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:22px!important;
}
body.system-workspace-open .managed-link-card{
  margin-top:22px!important;padding:20px!important;display:flex!important;align-items:center!important;gap:16px!important;
  border:1px solid #3d362b!important;border-radius:18px!important;background:linear-gradient(160deg,#1e1a14,#15120e)!important;
}
body.system-workspace-open .managed-link-card > img{
  width:64px!important;height:64px!important;border-radius:18px!important;object-fit:cover!important;border:1px solid #3d362b!important;
}
body.system-workspace-open .managed-link-card > div{min-width:0;flex:1}
body.system-workspace-open .managed-link-card strong{display:block;color:#f2ede4;font-size:18px}
body.system-workspace-open .managed-link-card small{display:block;margin-top:4px;color:#a89a83;font-size:12px}
body.system-workspace-open .managed-link-card button{
  height:46px!important;padding:0 18px!important;border:1px solid #a89a83!important;border-radius:12px!important;
  background:#26211a!important;color:#fff!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;
}
body.system-workspace-open .managed-link-card button img{width:18px!important;height:18px!important}
body.system-workspace-open .managed-link-card button:disabled{opacity:.45!important;cursor:not-allowed!important}
body.system-workspace-open .managed-list{display:grid;gap:10px}
body.system-workspace-open .managed-list-row{
  padding:14px 16px;border:1px solid #3d362b;border-radius:14px;background:#15120e;
}
body.system-workspace-open .managed-list-info strong{display:block;color:#f2ede4;font-size:14px}
body.system-workspace-open .managed-list-info p{margin:6px 0 0;color:#a89a83;font-size:12px;line-height:1.6}
body.system-workspace-open .managed-empty{
  padding:28px 18px;text-align:center;border:1px dashed #3d362b;border-radius:14px;color:#a89a83;background:#15120e;
}
@media(max-width:900px){
  body.system-workspace-open .managed-settings-grid,
  body.system-workspace-open .managed-manage-page .general-manage-grid{grid-template-columns:1fr!important}
  body.system-workspace-open .managed-link-card{flex-wrap:wrap}
}
/* Music management method chooser — Norel identity */
.modal:has(.manage-method-page.modal-mode){
  align-items:center!important;
  justify-items:center!important;
  padding:24px!important;
  background:
    radial-gradient(circle at 58% 52%,rgba(129,104,78,.10),transparent 32%),
    rgba(5,5,6,.58)!important;
  -webkit-backdrop-filter:blur(7px) saturate(.82)!important;
  backdrop-filter:blur(7px) saturate(.82)!important;
  animation:norelMethodBackdropIn .32s ease both!important;
}
.modal-card.modal-card-method{
  position:relative!important;
  width:min(672px,calc(100vw - 42px))!important;
  min-height:258px!important;
  padding:0!important;
  border:1px solid rgba(129,104,78,.20)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(48,40,32,.96),rgba(13,13,15,.97))!important;
  box-shadow:0 34px 120px rgba(0,0,0,.68),0 0 55px rgba(129,104,78,.08)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  animation:norelMethodCardIn .52s cubic-bezier(.18,.89,.26,1.18) both!important;
}
.modal-card.modal-card-method:before{
  content:""!important;
  position:absolute!important;
  inset:-40% 12% auto!important;
  height:170px!important;
  background:radial-gradient(ellipse,rgba(129,104,78,.10),transparent 67%)!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.modal-card.modal-card-method #modalTitle,
.modal-card.modal-card-method .modal-actions{display:none!important}
.modal-card.modal-card-method #modalBody{padding:0!important;overflow:hidden!important}
.modal-card.modal-card-method>.modal-close,
.modal-card.modal-card-method>#modalClose{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  top:18px!important;
  left:18px!important;
  right:auto!important;
  z-index:12!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(129,104,78,.20)!important;
  border-radius:12px!important;
  background:rgba(48,40,32,.88)!important;
  color:#c2b6a1!important;
  font:900 17px/1 Arial,sans-serif!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
  transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease!important;
}
.modal-card.modal-card-method>.modal-close:hover,
.modal-card.modal-card-method>#modalClose:hover{
  transform:rotate(7deg) scale(1.06)!important;
  border-color:rgba(129,104,78,.55)!important;
  background:rgba(129,104,78,.12)!important;
  color:#fff!important;
}
.manage-method-page.modal-mode{
  max-width:none!important;
  min-height:256px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  direction:rtl!important;
}
.manage-method-page.modal-mode .method-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  min-height:256px!important;
  margin:0!important;
  direction:rtl!important;
}
.manage-method-page.modal-mode .method-grid button{
  position:relative!important;
  min-width:0!important;
  min-height:256px!important;
  padding:42px 28px 28px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f2ede4!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
  transform:none!important;
  box-shadow:none!important;
  transition:background .24s ease,box-shadow .24s ease!important;
  animation:norelMethodOptionIn .5s .10s ease both!important;
}
.manage-method-page.modal-mode .method-grid button+button{
  border-right:1px solid rgba(129,104,78,.16)!important;
  animation-delay:.17s!important;
}
.manage-method-page.modal-mode .method-grid button:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 50% 46%,rgba(129,104,78,.13),transparent 48%)!important;
  opacity:0!important;
  transform:scale(.78)!important;
  transition:opacity .24s ease,transform .32s ease!important;
  pointer-events:none!important;
}
.manage-method-page.modal-mode .method-grid button:hover,
.manage-method-page.modal-mode .method-grid button.selected,
.manage-method-page.modal-mode .method-grid button:active{
  border-color:rgba(129,104,78,.16)!important;
  background:linear-gradient(180deg,rgba(129,104,78,.07),rgba(48,40,32,.12))!important;
  box-shadow:inset 0 0 0 1px rgba(129,104,78,.08)!important;
  transform:none!important;
}
.manage-method-page.modal-mode .method-grid button:hover:before,
.manage-method-page.modal-mode .method-grid button.selected:before,
.manage-method-page.modal-mode .method-grid button:active:before{opacity:1!important;transform:scale(1)!important}
.manage-method-page.modal-mode .method-grid button.selected{animation:norelMethodSelected .24s ease both!important}
.manage-method-page.modal-mode .method-grid button:after{display:none!important}
.manage-method-page.modal-mode .method-grid i{
  position:relative!important;
  z-index:1!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto 25px!important;
  border:1px solid rgba(129,104,78,.23)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(36,36,40,.94),rgba(48,40,32,.96))!important;
  color:#f2ede4!important;
  box-shadow:0 13px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.025)!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.manage-method-page.modal-mode .method-grid button:hover i{
  transform:translateY(-3px)!important;
  border-color:rgba(129,104,78,.48)!important;
  box-shadow:0 15px 34px rgba(0,0,0,.32),0 0 25px rgba(129,104,78,.10)!important;
}
.manage-method-page.modal-mode .method-grid i .music-discord-emoji{
  width:31px!important;
  height:31px!important;
  object-fit:contain!important;
  filter:grayscale(.12) brightness(1.08)!important;
}
.manage-method-page.modal-mode .method-grid strong{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  margin:0!important;
  font-size:26px!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:-.5px!important;
}
.manage-method-page.modal-mode .method-grid small{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  margin:8px 0 0!important;
  color:#c2b6a1!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:600!important;
}
@keyframes norelMethodBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes norelMethodCardIn{from{opacity:0;transform:translateY(24px) scale(.94);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes norelMethodOptionIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes norelMethodSelected{0%{transform:scale(1)}50%{transform:scale(.975)}100%{transform:scale(1)}}
@media(max-width:640px){
  .modal:has(.manage-method-page.modal-mode){align-items:center!important;padding:14px!important}
  .modal-card.modal-card-method{width:calc(100vw - 28px)!important;max-height:calc(100vh - 28px)!important;border-radius:22px!important}
  .manage-method-page.modal-mode .method-grid{grid-template-columns:1fr!important}
  .manage-method-page.modal-mode .method-grid button{min-height:205px!important;padding:36px 24px 24px!important}
  .manage-method-page.modal-mode .method-grid button+button{border-right:0!important;border-top:1px solid rgba(129,104,78,.16)!important}
  .manage-method-page.modal-mode .method-grid strong{font-size:23px!important}
}
@media(prefers-reduced-motion:reduce){
  .modal:has(.manage-method-page.modal-mode),.modal-card.modal-card-method,.manage-method-page.modal-mode .method-grid button{animation:none!important}
}

/* Music individual control — Norel workspace */
body.system-workspace-open .multi-workspace-page.individual{
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  margin:0!important;
  padding:38px clamp(22px,5vw,84px) 70px!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 49% 48%,rgba(129,104,78,.075),transparent 31%),
    linear-gradient(rgba(129,104,78,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(129,104,78,.045) 1px,transparent 1px),
    #15120e!important;
  background-size:auto,250px 250px,250px 250px,auto!important;
}
body.system-workspace-open .multi-workspace-page.individual .multi-back{
  top:38px!important;right:auto!important;left:clamp(22px,5vw,84px)!important;
  height:36px!important;padding:0 17px!important;border-radius:999px!important;
  background:rgba(48,40,32,.88)!important;border:1px solid rgba(129,104,78,.22)!important;
  color:#c2b6a1!important;backdrop-filter:blur(12px)!important;box-shadow:none!important;
}
body.system-workspace-open .multi-workspace-page.individual .multi-head{
  width:min(620px,100%)!important;max-width:none!important;margin:34px 0 46px auto!important;text-align:right!important;
}
body.system-workspace-open .multi-workspace-page.individual .multi-head small{display:none!important}
body.system-workspace-open .multi-workspace-page.individual .multi-head h1{
  margin:0 0 8px!important;font-size:clamp(42px,5vw,68px)!important;line-height:1.05!important;
  letter-spacing:-1.8px!important;color:#fff!important;
}
body.system-workspace-open .multi-workspace-page.individual .multi-head p{
  margin:0!important;color:#c2b6a1!important;font-size:15px!important;line-height:1.8!important;
}
body.system-workspace-open .multi-workspace-page.individual .multi-stat{
  top:70px!important;left:clamp(22px,5vw,84px)!important;width:258px!important;height:91px!important;
  padding:14px 18px!important;border-radius:22px!important;background:rgba(17,17,20,.82)!important;
  border:1px solid rgba(129,104,78,.19)!important;box-shadow:0 18px 55px rgba(0,0,0,.24)!important;
}
body.system-workspace-open .multi-workspace-page.individual .multi-stat small{font-size:11px!important;color:#a89a83!important}
body.system-workspace-open .multi-workspace-page.individual .multi-stat b{font-size:27px!important;color:#c2b6a1!important}
body.system-workspace-open .multi-workspace-page.individual .multi-stat div:last-child b{color:#a89a83!important}
body.system-workspace-open .multi-workspace-page.individual .multi-page-content{width:100%!important;max-width:none!important;margin:0!important}
body.system-workspace-open .multi-workspace-page.individual .music-bots-grid{
  width:100%!important;max-width:none!important;display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(275px,1fr))!important;
  gap:25px!important;align-items:start!important;justify-content:stretch!important;padding:0!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card{
  width:100%!important;max-width:340px!important;min-height:430px!important;height:auto!important;
  margin:0!important;padding:0 20px 20px!important;border-radius:25px!important;overflow:hidden!important;
  background:linear-gradient(180deg,#26211a 0%,#302a20 100%)!important;
  border:1px solid rgba(129,104,78,.17)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025)!important;
  cursor:default!important;animation:norelMusicCardIn .48s cubic-bezier(.2,.8,.25,1) both!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card:nth-child(2){animation-delay:.05s!important}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card:nth-child(3){animation-delay:.10s!important}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card:nth-child(4){animation-delay:.15s!important}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card:hover{
  transform:translateY(-5px)!important;border-color:rgba(129,104,78,.42)!important;
  box-shadow:0 30px 85px rgba(0,0,0,.42),0 0 28px rgba(129,104,78,.07)!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-banner{
  position:relative!important;display:block!important;width:calc(100% + 40px)!important;height:auto!important;
  aspect-ratio:5/2!important;margin:0 -20px!important;padding:0!important;overflow:hidden!important;
  border:0!important;border-radius:25px 25px 0 0!important;background:#1e1a14!important;cursor:pointer!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-banner>img{
  display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  object-fit:cover!important;object-position:center!important;filter:saturate(.9) brightness(.88)!important;
  transform:none!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-banner:after{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(8,8,10,.02),rgba(8,8,10,.18))!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-image-edit-hint{
  position:absolute!important;z-index:6!important;top:50%!important;left:50%!important;width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;transform:translate(-50%,-50%) scale(.82)!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:50%!important;background:rgba(13,13,15,.76)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.38)!important;backdrop-filter:blur(8px)!important;
  opacity:0!important;pointer-events:none!important;transition:opacity .18s ease,transform .18s ease!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-image-edit-hint>img{
  display:block!important;width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important;
  object-fit:contain!important;filter:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-banner:hover .music-image-edit-hint,
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-avatar-wrap:hover .music-image-edit-hint{
  opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-avatar-wrap .music-image-edit-hint{
  width:34px!important;height:34px!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-avatar-wrap .music-image-edit-hint>img{
  width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-main{min-height:111px!important;padding:0!important}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-identity{
  position:relative!important;display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;
  grid-template-rows:40px 24px!important;column-gap:12px!important;align-items:end!important;
  padding-top:10px!important;text-align:right!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-avatar-wrap{
  grid-row:1/3!important;grid-column:1!important;position:relative!important;width:72px!important;height:72px!important;
  margin-top:-36px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#1e1a14!important;z-index:3!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-avatar{
  position:static!important;display:block!important;width:72px!important;height:72px!important;
  border-radius:50%!important;transform:none!important;object-fit:cover!important;
  border:5px solid #3d362b!important;box-shadow:0 10px 30px rgba(0,0,0,.42)!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-online{display:none!important}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-name{
  grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;color:#f2ede4!important;text-align:right!important;
  font-size:16px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card em{
  grid-column:2!important;grid-row:2!important;display:block!important;min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;color:#a89a83!important;text-align:right!important;
  font-size:10px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-ping{
  top:15px!important;left:auto!important;right:15px!important;z-index:4!important;height:23px!important;min-width:72px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  padding:0 10px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;
  background:rgba(9,9,11,.70)!important;color:#f2ede4!important;font-size:9px!important;backdrop-filter:blur(10px)!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-ping i{
  width:6px!important;height:6px!important;border-radius:50%!important;background:#544a3b!important;box-shadow:0 0 9px rgba(105,197,142,.62)!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-ping.offline i{background:#a89a83!important;box-shadow:none!important}
.music-card-feature-list{display:grid!important;gap:4px!important;margin:0!important;padding:12px 0 10px!important;border-top:1px solid rgba(129,104,78,.12)!important}
.music-card-feature{
  width:100%!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:0 2px!important;border:0!important;background:transparent!important;color:#c2b6a1!important;cursor:pointer!important;
}
.music-card-feature b{font-size:12px!important;font-weight:700!important}
.music-card-feature>span{position:relative!important;width:36px!important;height:20px!important;border-radius:999px!important;background:#302a20!important;transition:.22s ease!important}
.music-card-feature>span:after{content:""!important;position:absolute!important;top:3px!important;left:3px!important;width:14px!important;height:14px!important;border-radius:50%!important;background:#26211a!important;transition:.22s ease!important}
.music-card-feature.active>span{background:#a89a83!important;box-shadow:0 0 14px rgba(129,104,78,.20)!important}
.music-card-feature.active>span:after{left:19px!important;background:#fff!important}
.music-card-feature:disabled{opacity:.6!important;cursor:wait!important}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-actions{
  display:flex!important;align-items:center!important;justify-content:space-between!important;direction:ltr!important;
  margin:4px 0 0!important;padding-top:12px!important;border-top:1px solid rgba(129,104,78,.12)!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-actions .main{
  min-width:112px!important;width:auto!important;height:38px!important;padding:0 18px!important;border-radius:12px!important;
  background:#a89a83!important;color:#15120e!important;font-size:12px!important;box-shadow:none!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-mini-actions{display:flex!important;gap:8px!important}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-mini-actions button{
  width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(129,104,78,.15)!important;border-radius:50%!important;background:#1e1a14!important;box-shadow:none!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-mini-actions img{
  width:17px!important;height:17px!important;object-fit:contain!important;filter:none!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-mini-actions button:hover{
  background:rgba(129,104,78,.12)!important;border-color:rgba(129,104,78,.42)!important;transform:translateY(-2px)!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-mini-actions button:disabled{opacity:.48!important;cursor:default!important}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-feature:disabled{
  cursor:pointer!important;opacity:.82!important;
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-feature.updating>span{
  box-shadow:0 0 0 4px rgba(129,104,78,.08),0 0 18px rgba(129,104,78,.28)!important;
  animation:norelFeatureUpdating .85s ease-in-out infinite alternate!important;
}
@keyframes norelFeatureUpdating{from{filter:brightness(.88)}to{filter:brightness(1.28)}}
@keyframes norelMusicCardIn{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}

/* Invite modal motion and Norel identity */
.modal:has(.music-invite-modal){background:rgba(5,5,6,.68)!important;backdrop-filter:blur(10px) saturate(.8)!important;animation:norelInviteBackdrop .28s ease both!important}
.modal-card:has(.music-invite-modal){border:1px solid rgba(129,104,78,.24)!important;background:#1e1a14!important;box-shadow:0 35px 110px rgba(0,0,0,.62),0 0 40px rgba(129,104,78,.06)!important;animation:norelInviteCard .42s cubic-bezier(.18,.88,.24,1.12) both!important}
.music-invite-modal{background:linear-gradient(155deg,#26211a,#302a20)!important;border-color:rgba(129,104,78,.20)!important}
.music-invite-avatar-wrap{border-color:rgba(129,104,78,.30)!important;background:#1e1a14!important;box-shadow:0 16px 35px rgba(0,0,0,.32)!important}
.music-invite-link-row{border-color:rgba(129,104,78,.16)!important;background:#1e1a14!important}
.music-invite-done{background:#1e1a14!important;border-color:rgba(129,104,78,.20)!important;color:#26211a!important}
@keyframes norelInviteBackdrop{from{opacity:0}to{opacity:1}}
@keyframes norelInviteCard{from{opacity:0;transform:translateY(22px) scale(.94);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}

@media(max-width:900px){
  body.system-workspace-open .multi-workspace-page.individual{padding:24px 18px 48px!important}
  body.system-workspace-open .multi-workspace-page.individual .multi-back{position:static!important;margin:0 0 24px!important}
  body.system-workspace-open .multi-workspace-page.individual .multi-head{margin:0 0 24px!important}
  body.system-workspace-open .multi-workspace-page.individual .multi-stat{position:static!important;width:100%!important;margin:0 0 28px!important}
  body.system-workspace-open .multi-workspace-page.individual .music-bots-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))!important}
  body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card{max-width:none!important}
}
@media(max-width:560px){
  body.system-workspace-open .multi-workspace-page.individual .multi-head h1{font-size:40px!important}
  body.system-workspace-open .multi-workspace-page.individual .music-bots-grid{grid-template-columns:1fr!important}
}

/* Music individual v5 - active production bundle */
body.system-workspace-open .multi-workspace-page.individual .music-bots-grid{
  grid-template-columns:repeat(auto-fill,minmax(286px,306px))!important;gap:22px!important;justify-content:center!important
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card{
  width:306px!important;max-width:306px!important;min-height:408px!important;padding:0 18px 18px!important;
  border-radius:23px!important;background:linear-gradient(180deg,#26211a,#302a20)!important
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-banner{
  width:calc(100% + 36px)!important;aspect-ratio:2.26/1!important;margin:0 -18px!important;border-radius:23px 23px 0 0!important
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-main{min-height:103px!important}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-identity{
  direction:ltr!important;grid-template-columns:70px minmax(0,1fr)!important;grid-template-rows:42px 22px!important;
  column-gap:11px!important;padding-top:10px!important
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-avatar-wrap{
  grid-column:1!important;width:70px!important;height:70px!important;margin-top:-35px!important
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-avatar{width:70px!important;height:70px!important}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-name,
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card em{
  grid-column:2!important;direction:rtl!important;text-align:right!important
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-ping{
  top:151px!important;right:auto!important;left:18px!important;min-width:66px!important;height:21px!important;
  padding:0 9px!important;background:#1e1a14!important;border-color:rgba(255,255,255,.08)!important
}
.music-card-kind{
  position:absolute!important;z-index:5!important;top:13px!important;left:13px!important;height:21px!important;
  display:inline-flex!important;align-items:center!important;gap:5px!important;padding:0 9px!important;
  border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;background:rgba(9,9,11,.72)!important;
  color:#f2ede4!important;font-size:8px!important;font-weight:700!important;backdrop-filter:blur(9px)!important
}
.music-card-kind i{width:5px!important;height:5px!important;border-radius:50%!important;background:#aaa!important}
.music-card-feature-list{gap:1px!important;padding:10px 0 9px!important;border-top:1px solid rgba(255,255,255,.075)!important}
.music-card-feature,.music-card-feature:hover,.music-card-feature:focus,.music-card-feature:focus-visible,
.music-card-feature:active,.music-card-feature.active,.music-card-feature.updating,.music-card-feature:disabled{
  height:34px!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;
  background:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important;
  filter:none!important;opacity:1!important;overflow:visible!important
}
.music-card-feature.active>span,.music-card-feature.updating>span{box-shadow:none!important;animation:none!important}
.music-card-feature.active>span{background:#a89a83!important}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-actions{
  margin-top:2px!important;padding-top:11px!important;border-top:1px solid rgba(255,255,255,.075)!important
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-actions .main{
  min-width:106px!important;height:37px!important;border-radius:11px!important
}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-mini-actions button{
  width:35px!important;min-width:35px!important;height:35px!important
}

.modal:has(.music-edit-name-v2){background:rgba(4,4,5,.72)!important;backdrop-filter:blur(13px) saturate(.72)!important;animation:norelNameBackdrop .22s ease both!important}
.modal-card:has(.music-edit-name-v2){
  width:min(385px,calc(100vw - 28px))!important;padding:0!important;overflow:hidden!important;
  border:1px solid rgba(129,104,78,.28)!important;border-radius:28px!important;
  background:linear-gradient(165deg,#26211a,#302a20)!important;
  box-shadow:0 35px 105px rgba(0,0,0,.66),0 0 45px rgba(129,104,78,.055)!important;
  animation:norelNameCard .34s cubic-bezier(.2,.82,.24,1) both!important
}
.modal-card:has(.music-edit-name-v2) .modal-head,.modal-card:has(.music-edit-name-v2) .modal-actions,
.modal-card:has(.music-edit-name-v2)>#modalClose,.modal-card:has(.music-edit-name-v2)>.modal-close{display:none!important}
.modal-card:has(.music-edit-name-v2) #modalBody{padding:0!important}
.music-edit-name-v2{display:block!important;padding:0!important;direction:rtl!important;color:#fff!important;text-align:right!important}
.music-name-modal-head{
  height:66px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:0 23px!important;border-bottom:1px solid rgba(255,255,255,.075)!important
}
.music-name-modal-head h2{margin:0!important;font-size:16px!important;font-weight:800!important;color:#f2ede4!important}
.music-name-modal-head h2 span{color:#c2b6a1!important;font-size:15px!important}
.music-name-modal-close{
  order:2!important;width:29px!important;min-width:29px!important;height:29px!important;display:grid!important;
  place-items:center!important;padding:0 0 2px!important;border:0!important;border-radius:50%!important;
  background:#1e1a14!important;color:#c2b6a1!important;box-shadow:none!important;font-size:18px!important;
  line-height:1!important;cursor:pointer!important
}
.music-name-modal-body{padding:26px 24px 24px!important}
.music-name-modal-body>label{display:block!important;margin:0 0 9px!important;color:#c2b6a1!important;font-size:11px!important;font-weight:700!important}
.music-edit-name-v2 #musicBotNewName{
  width:100%!important;height:45px!important;margin:0!important;padding:0 14px!important;
  border:1px solid rgba(181,209,204,.72)!important;outline:0!important;border-radius:12px!important;
  background:#1e1a14!important;color:#fff!important;box-shadow:inset 0 0 0 2px rgba(181,209,204,.035)!important;
  font-family:inherit!important;font-size:12px!important;font-weight:700!important;text-align:right!important
}
.music-edit-name-v2 #musicBotNewName:focus{border-color:#302a20!important;box-shadow:0 0 0 3px rgba(129,104,78,.11)!important}
.music-edit-name-v2 .music-edit-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important;margin:28px 0 0!important}
.music-edit-name-v2 .music-edit-actions button{
  height:41px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  margin:0!important;padding:0 14px!important;border-radius:11px!important;box-shadow:none!important;
  font-family:inherit!important;font-size:13px!important;font-weight:800!important
}
.music-edit-name-v2 .music-name-save{background:#302a20!important;color:#f2ede4!important;border:0!important}
.music-edit-name-v2 .music-name-save img{width:17px!important;height:17px!important;object-fit:contain!important;filter:none!important}
.music-edit-name-v2 .music-name-cancel{background:transparent!important;color:#f2ede4!important;border:1px solid rgba(129,104,78,.28)!important}
@keyframes norelNameBackdrop{from{opacity:0}to{opacity:1}}
@keyframes norelNameCard{from{opacity:0;transform:translateY(20px) scale(.95);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(max-width:720px){
  body.system-workspace-open .multi-workspace-page.individual .music-bots-grid{grid-template-columns:1fr!important}
  body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card{width:100%!important;max-width:340px!important;margin-inline:auto!important}
}

/* Music individual v6 - avatar placement */
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-avatar-wrap{
  transform:translate(-12px,-6px)!important;
}

/* Music individual v7 - status placement and shared copy artwork */
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-ping{top:158px!important}
button[data-copy-server] img,
.general-bot-management-card .music-group-invite-row button img,
.broadcast-link-copy img,
#bcCopyAllLinks img,
.music-group-invite-row button img,
.music-copy-all img,
.music-invite-copy-btn img{
  display:block!important;width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;
  object-fit:contain!important;filter:none!important;flex:0 0 18px!important
}
#bcCopyAllLinks,.music-copy-all{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}

/* Music individual v8 - status directly below the bot avatar */
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-ping{
  top:188px!important;
  left:8px!important;
}

/* Music individual v9 - final alignment, compact name editor and no legacy chrome */
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-avatar-wrap{transform:translate(-18px,-6px)!important}
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-ping{top:180px!important;left:2px!important}
.modal-card:has(.music-edit-name-v2){width:min(350px,calc(100vw - 28px))!important;border-radius:21px!important}
.modal-card:has(.music-edit-name-v2) #modalTitle,
.modal-card:has(.music-edit-name-v2) #modalClose{display:none!important;margin:0!important;padding:0!important;border:0!important;height:0!important}
.modal-card:has(.music-edit-name-v2):before,.modal-card:has(.music-edit-name-v2):after{display:none!important;content:none!important}
.music-name-modal-head{height:54px!important;padding:0 18px!important;border:0!important}
.music-name-modal-head h2{font-size:14px!important}
.music-name-modal-body{padding:17px 18px 18px!important}
.music-edit-name-v2 #musicBotNewName{height:42px!important}
.music-edit-name-v2 .music-edit-actions{gap:9px!important;margin-top:18px!important}
.music-edit-name-v2 .music-edit-actions button{height:39px!important;border-radius:10px!important;font-size:12px!important}
.music-edit-name-v2 .music-name-save{background:#a89a83!important;color:#15120e!important;border:1px solid #3d362b!important}
.music-edit-name-v2 .music-name-cancel{background:#1e1a14!important;color:#f2ede4!important;border:1px solid #3d362b!important}

/* Music individual v10 - ACTIVE only; keep avatar placement unchanged */
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-ping{
  top:174px!important;
  left:14px!important;
}

/* Music individual v11 - center ACTIVE beneath avatar */
body.system-workspace-open .multi-workspace-page.individual .norel-music-bot-card .music-card-ping{left:26px!important}

/* Music group v1: full-screen workspace with its options rail on the right. */
body.system-workspace-open .multi-workspace-page.music.group-full{width:100vw!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important;background:#15120e!important}
body.system-workspace-open .multi-workspace-page.music.group-full .group-content-only{width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important}
body.system-workspace-open .multi-workspace-page.music.group-full .music-group-layout{direction:ltr!important;display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:0!important;width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;align-items:stretch!important;background:radial-gradient(circle at 28% 0,rgba(99,76,54,.08),transparent 38%),#15120e!important}
body.system-workspace-open .multi-workspace-page.music.group-full .music-group-main{direction:rtl!important;grid-column:1!important;width:100%!important;min-width:0!important;min-height:100vh!important;margin:0!important;padding:38px 42px 82px!important}
body.system-workspace-open .multi-workspace-page.music.group-full .music-group-side{direction:rtl!important;grid-column:2!important;position:sticky!important;top:0!important;right:0!important;align-self:start!important;width:330px!important;min-width:330px!important;min-height:100vh!important;margin:0!important;padding:22px 14px 82px!important;gap:8px!important;border:0!important;border-left:1px solid #302a20!important;border-radius:0!important;background:#15120e!important;box-shadow:none!important;backdrop-filter:none!important}
body.system-workspace-open .multi-workspace-page.music.group-full .music-group-sub-card{margin:0 0 16px!important;border-radius:16px!important}
body.system-workspace-open .multi-workspace-page.music.group-full .music-group-side button{width:100%!important;height:50px!important;padding:0 14px!important;border-radius:11px!important;font-size:13px!important}
body.system-workspace-open .multi-workspace-page.music.group-full .music-group-side button.danger{margin-top:auto!important}
@media(max-width:900px){body.system-workspace-open .multi-workspace-page.music.group-full .music-group-layout{grid-template-columns:1fr!important}body.system-workspace-open .multi-workspace-page.music.group-full .music-group-side{grid-column:1!important;grid-row:1!important;position:relative!important;width:100%!important;min-width:0!important;min-height:0!important;padding:64px 14px 18px!important;border-left:0!important;border-bottom:1px solid #302a20!important}body.system-workspace-open .multi-workspace-page.music.group-full .music-group-main{grid-column:1!important;grid-row:2!important;min-height:0!important;padding:24px 14px 72px!important}}

/* Music smart allocator v2 */
body.system-workspace-open .multi-workspace-page.music.group-full .music-group-main:has(.music-smart-studio){padding:28px 30px 70px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}
.music-smart-studio{direction:ltr;width:min(1220px,100%);min-height:720px;border:1px solid #1e1f22;border-radius:18px;overflow:hidden;background:#1e1f22;box-shadow:0 30px 90px rgba(0,0,0,.5);color:#dbdee1}
.music-smart-studio-bar{height:44px;padding:0 16px;display:flex;align-items:center;gap:13px;background:#1e1f22;border-bottom:1px solid #26282c;font:700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:#949ba4}.music-smart-studio-bar>span{display:flex;gap:6px}.music-smart-studio-bar>span i{width:11px;height:11px;border-radius:50%;background:#e47772}.music-smart-studio-bar>span i:nth-child(2){background:#f5bf4f}.music-smart-studio-bar>span i:nth-child(3){background:#7fd3ac}.music-smart-studio-bar>em{margin-left:auto;padding:6px 12px;border:1px solid #26282c;border-radius:999px;background:#2b2d31;color:#949ba4;font-style:normal;letter-spacing:0}
.music-smart-studio-body{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:676px}.music-smart-discord-view{direction:rtl;min-width:0;display:grid;grid-template-rows:78px minmax(0,1fr) 64px;background:#2b2d31}.music-smart-server-head{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:11px;align-items:center;padding:0 22px;background:#1e1f22;border-bottom:1px solid #26282c;text-align:right}.music-smart-server-head>span{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#2b2d31}.music-smart-server-head>span img{width:23px;height:23px}.music-smart-server-head>b{align-self:end;font-size:15px}.music-smart-server-head>small{align-self:start;margin-top:3px;color:#949ba4;font-size:10px}
.music-smart-discord-scroll{height:100%;max-height:584px;overflow:auto;padding:18px 18px 34px;scrollbar-width:thin;scrollbar-color:#dbdee1 transparent}.music-smart-discord-category{margin-bottom:22px}.music-smart-discord-category>h3,.music-smart-unassigned>h3{display:flex;align-items:center;gap:7px;margin:0 0 8px;color:#949ba4;font-size:11px;font-weight:800;text-transform:uppercase}.music-smart-discord-category>h3 span{font-size:13px;color:#949ba4}
.music-smart-discord-room{margin:0 0 7px;padding:7px 10px 8px;border:1px solid transparent;border-radius:10px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.music-smart-discord-room>header{height:29px;display:flex;align-items:center;gap:8px;color:#949ba4}.music-smart-discord-room>header>span{display:grid;place-items:center}.music-smart-discord-room>header>span img{width:18px;height:18px}.music-smart-discord-room>header>b{font-size:13px}.music-smart-discord-room>header>small{margin-right:auto;padding:2px 7px;border-radius:999px;background:#1e1f22;color:#949ba4;font-size:8px}.music-smart-discord-room.occupied>header{color:#7fd3ac}.music-smart-discord-room.drag-target{border-color:#5865f2;background:rgba(88,101,242,.12);box-shadow:0 0 0 4px rgba(88,101,242,.08),inset 0 0 28px rgba(88,101,242,.05);transform:translateY(-2px)}.music-smart-room-bots{display:grid;gap:5px;padding-right:17px}.music-smart-room-bots>em{height:0;opacity:0;overflow:hidden;color:#949ba4;font-size:10px;font-style:normal;transition:.18s ease}.music-smart-discord-room.drag-target .music-smart-room-bots>em{height:24px;opacity:1;padding:5px 8px}
.music-smart-bot{direction:rtl;min-height:42px;padding:5px 6px;display:grid;grid-template-columns:34px 32px minmax(0,1fr) 20px;align-items:center;gap:8px;border-radius:8px;color:#dbdee1;cursor:grab;user-select:none;transition:opacity .16s ease,transform .2s ease,background .18s ease,box-shadow .18s ease}.music-smart-bot:hover{background:#35373c}.music-smart-bot.dragging{opacity:.34;transform:scale(.97);box-shadow:0 14px 35px rgba(0,0,0,.3)}.music-smart-bot-grip{color:#949ba4;font-size:17px}.music-smart-bot>img{width:30px;height:30px;border-radius:50%;object-fit:cover}.music-smart-bot-info{min-width:0;text-align:right}.music-smart-bot b,.music-smart-bot small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-smart-bot b{font-size:11px}.music-smart-bot small{margin-top:2px;color:#949ba4;font-size:8px}.music-smart-bot>button{width:31px;height:31px;border:0;border-radius:8px;background:transparent;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.music-smart-bot>button:hover{background:#35373c}.music-smart-bot>button img{width:18px;height:18px;object-fit:contain}.music-smart-unassigned{margin-top:20px;padding:12px;border:1px dashed #26282c;border-radius:12px;transition:.18s ease}.music-smart-unassigned.drag-target{border-color:#5865f2;background:rgba(88,101,242,.08)}
.music-smart-discord-view>footer{display:flex;flex-direction:column;justify-content:center;padding:0 22px;border-top:1px solid #26282c;background:#1e1f22;text-align:right}.music-smart-discord-view>footer b{color:#e2676c;font-size:12px}.music-smart-discord-view>footer span{margin-top:4px;color:#949ba4;font-size:10px}
.music-smart-control-panel{direction:rtl;padding:16px;background:#2b2d31;border-right:1px solid #26282c;overflow:auto}.music-smart-control-panel>header{display:flex;align-items:center;gap:10px;padding:2px 2px 16px;border-bottom:1px solid #26282c}.music-smart-control-panel>header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#2b2d31}.music-smart-control-panel>header img{width:21px;height:21px}.music-smart-control-panel>header b,.music-smart-control-panel>header small{display:block}.music-smart-control-panel>header b{font-size:13px}.music-smart-control-panel>header small{margin-top:3px;color:#949ba4;font-size:9px}.music-smart-control-panel>section{margin-top:16px;padding:16px;border:1px solid #26282c;border-radius:14px;background:#1e1f22}.music-smart-control-panel>section h3{margin:0;color:#fff;font-size:14px}.music-smart-control-panel>section p{margin:9px 0 13px;color:#949ba4;font-size:10px;line-height:1.8}.music-smart-control-panel select{width:100%;height:40px;padding:0 12px;border:1px solid #26282c;border-radius:7px;background:#1e1f22;color:#dbdee1;font-family:inherit;font-size:12px;font-weight:700;outline:0}.music-smart-control-panel select:focus{border-color:#5865f2}.music-smart-rename{margin-top:10px;padding:12px 4px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #26282c}.music-smart-rename b,.music-smart-rename small{display:block}.music-smart-rename b{font-size:11px}.music-smart-rename small{margin-top:4px;color:#949ba4;font-size:8px}.music-smart-rename>button{width:38px;height:20px;padding:2px;border:0;border-radius:999px;background:#4e5058;cursor:pointer;transition:.2s ease}.music-smart-rename>button i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease}.music-smart-rename>button.active{background:#23a55a}.music-smart-rename>button.active i{transform:translateX(-18px)}.music-smart-confirm,.music-smart-control-panel>section.danger>button{width:100%;height:39px;border:0;border-radius:6px;background:#7fd3ac;color:#fff;font-family:inherit;font-weight:800;cursor:pointer}.music-smart-control-panel>section.danger>button{background:#de5456}.music-smart-control-panel>section.danger>button:hover{background:#d45e61}.music-smart-control-panel>section.music-smart-note h3{color:#949ba4}.music-smart-control-panel>section.music-smart-note p{margin:8px 0}.music-smart-confirm:hover{filter:brightness(1.1)}
@media(max-width:1150px){.music-smart-studio-body{grid-template-columns:minmax(0,1fr) 280px}.music-smart-control-panel{padding:12px}}
@media(max-width:820px){body.system-workspace-open .multi-workspace-page.music.group-full .music-group-main:has(.music-smart-studio){padding:16px 10px 60px!important}.music-smart-studio-body{grid-template-columns:1fr}.music-smart-control-panel{grid-row:1;border-right:0;border-bottom:1px solid #3d362b}.music-smart-discord-view{min-height:620px}.music-smart-discord-scroll{max-height:none}.music-smart-studio-bar>b{display:none}}

/* Music smart allocator v3: rooms on the right, controls on the left, eject on the far left. */
.music-smart-studio-body{grid-template-columns:310px minmax(0,1fr)!important}
.music-smart-discord-view{grid-column:2!important;grid-row:1!important}
.music-smart-control-panel{grid-column:1!important;grid-row:1!important;border-right:0!important;border-left:1px solid #3d362b!important}
.music-smart-bot>.music-smart-bot-grip{grid-column:1!important;grid-row:1!important}
.music-smart-bot>img{grid-column:2!important;grid-row:1!important}
.music-smart-bot>.music-smart-bot-info{grid-column:3!important;grid-row:1!important}
.music-smart-bot>button{grid-column:4!important;grid-row:1!important}
@media(max-width:1150px){.music-smart-studio-body{grid-template-columns:280px minmax(0,1fr)!important}}
@media(max-width:820px){.music-smart-studio-body{grid-template-columns:1fr!important}.music-smart-control-panel{grid-column:1!important;grid-row:1!important;border-left:0!important;border-bottom:1px solid #3d362b!important}.music-smart-discord-view{grid-column:1!important;grid-row:2!important}}

/* Music smart allocator v4: settings stay right, voice rooms and bots stay left. */
.music-smart-studio-body{grid-template-columns:minmax(0,1fr) 310px!important}
.music-smart-discord-view{grid-column:1!important;grid-row:1!important}
.music-smart-control-panel{grid-column:2!important;grid-row:1!important;border-left:0!important;border-right:1px solid #3d362b!important}
@media(max-width:1150px){.music-smart-studio-body{grid-template-columns:minmax(0,1fr) 280px!important}}
@media(max-width:820px){.music-smart-studio-body{grid-template-columns:1fr!important}.music-smart-control-panel{grid-column:1!important;grid-row:1!important;border-right:0!important;border-bottom:1px solid #3d362b!important}.music-smart-discord-view{grid-column:1!important;grid-row:2!important}}

/* Music smart allocator v5: disconnect right, bot identity to its left. */
.music-smart-bot{grid-template-columns:34px 32px minmax(0,1fr) 20px!important}
.music-smart-bot>button{grid-column:1!important;grid-row:1!important}
.music-smart-bot>img{grid-column:2!important;grid-row:1!important}
.music-smart-bot>.music-smart-bot-info{grid-column:3!important;grid-row:1!important}
.music-smart-bot>.music-smart-bot-grip{grid-column:4!important;grid-row:1!important}

/* Music smart allocator v6: all room/bot identity content starts at the far left. */
.music-smart-discord-view{direction:ltr!important;text-align:left!important}
.music-smart-server-head{direction:ltr!important;text-align:left!important;grid-template-columns:42px minmax(0,1fr)!important}
.music-smart-discord-category>h3,.music-smart-unassigned>h3{direction:ltr!important;justify-content:flex-start!important;text-align:left!important}
.music-smart-discord-room>header{direction:ltr!important;justify-content:flex-start!important;text-align:left!important}
.music-smart-discord-room>header>small{margin-left:auto!important;margin-right:0!important}
.music-smart-room-bots{direction:ltr!important;padding-left:17px!important;padding-right:0!important}
.music-smart-bot{direction:ltr!important;grid-template-columns:20px 32px minmax(0,1fr) 34px!important;text-align:left!important}
.music-smart-bot>.music-smart-bot-grip{grid-column:1!important;grid-row:1!important}
.music-smart-bot>img{grid-column:2!important;grid-row:1!important}
.music-smart-bot>.music-smart-bot-info{grid-column:3!important;grid-row:1!important;text-align:left!important}
.music-smart-bot>button{grid-column:4!important;grid-row:1!important;justify-self:end!important}
.music-smart-discord-view>footer{direction:ltr!important;text-align:left!important;align-items:flex-start!important}

/* Music smart allocator v8: server identity, safe spacing and eject confirmation. */
body.system-workspace-open .multi-workspace-page.music.group-full .music-group-main:has(.music-smart-studio){padding-top:78px!important}
body.system-workspace-open .multi-workspace-page.music.group-full .music-group-side{padding-top:76px!important}
.music-smart-server-head>span{overflow:hidden!important;background:#1e1a14!important}
.music-smart-server-head>span>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:14px!important}
.music-smart-discord-room{cursor:pointer}.music-smart-discord-room.occupied{cursor:default}.music-smart-discord-room:not(.occupied):hover{background:rgba(129,104,78,.07);border-color:rgba(129,104,78,.22)}
.music-smart-confirm-overlay{position:fixed;z-index:2147483647;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);opacity:0;transition:opacity .18s ease}.music-smart-confirm-overlay.visible{opacity:1}.music-smart-confirm-dialog{direction:rtl;position:relative;width:min(448px,calc(100vw - 32px));overflow:hidden;border:1px solid #3d362b;border-radius:13px;background:#302a20;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.65);transform:translateY(10px) scale(.98);transition:transform .2s ease}.music-smart-confirm-overlay.visible .music-smart-confirm-dialog{transform:none}.music-smart-confirm-dialog>.close{position:absolute;top:15px;left:18px;width:24px;height:24px;border:0;background:transparent;color:#c2b6a1;font-size:19px;cursor:pointer}.music-smart-confirm-dialog h2{margin:0;padding:24px 24px 8px;font-size:17px}.music-smart-confirm-dialog p{margin:0;padding:0 24px 22px;color:#c2b6a1;font-size:12px;line-height:1.8}.music-smart-confirm-dialog footer{display:flex;align-items:center;gap:14px;padding:15px 24px;border-top:1px solid #3d362b}.music-smart-confirm-dialog footer button{height:36px;padding:0 19px;border:0;border-radius:5px;color:#fff;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}.music-smart-confirm-dialog footer .confirm{background:#de5456}.music-smart-confirm-dialog footer .confirm:hover{background:#d45e61}.music-smart-confirm-dialog footer .cancel{background:transparent;color:#f2ede4}.music-smart-confirm-dialog footer .cancel:hover{text-decoration:underline}
@media(max-width:900px){body.system-workspace-open .multi-workspace-page.music.group-full .music-group-side{padding-top:64px!important}body.system-workspace-open .multi-workspace-page.music.group-full .music-group-main:has(.music-smart-studio){padding-top:24px!important}}

/* Music smart allocator v9: locked server rail + real server banner header. */
.music-smart-studio-body{grid-template-columns:72px minmax(0,1fr) 310px!important}
.music-smart-server-rail{grid-column:1!important;grid-row:1!important}
.music-smart-discord-view{grid-column:2!important;grid-row:1!important;grid-template-rows:118px 38px minmax(0,1fr) 64px!important}
.music-smart-control-panel{grid-column:3!important;grid-row:1!important}
.music-smart-server-rail{direction:ltr;display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 0;background:#1e1f22;border-right:1px solid #26282c;overflow-y:auto}
.music-smart-rail-icon{position:relative;width:46px;height:46px;flex:0 0 auto;border:0;padding:0;border-radius:50%;background:#313338;cursor:pointer;display:grid;place-items:center;overflow:visible;transition:border-radius .18s ease,background .18s ease}
.music-smart-rail-icon img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}
.music-smart-rail-icon:not(.locked):hover{border-radius:16px}
.music-smart-rail-icon.active{border-radius:16px;background:#5865f2}
.music-smart-rail-icon.locked{opacity:.38;cursor:not-allowed}
.music-smart-rail-pill{position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:0;border-radius:0 4px 4px 0;background:#fff;transition:height .18s ease}
.music-smart-rail-icon.active .music-smart-rail-pill{height:26px}
.music-smart-rail-icon:not(.locked):not(.active):hover .music-smart-rail-pill{height:14px}
.music-smart-server-head{position:relative;height:118px;padding:14px 20px 16px;display:flex;flex-direction:column;justify-content:space-between;background-color:#2b2d31;background-size:cover;background-position:center;border-bottom:1px solid #26282c}
.music-smart-server-id{display:flex;align-items:center;gap:11px}
.music-smart-server-id>span{width:44px;height:44px;flex:0 0 auto;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#1e1f22;border:3px solid rgba(30,31,34,.6);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.music-smart-server-id>span>img{width:100%;height:100%;object-fit:cover;display:block}
.music-smart-server-id>b{display:flex;align-items:center;gap:6px;color:#fff;font-size:17px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.55)}
.music-smart-server-id>b>i{font-style:normal;font-size:11px;opacity:.85}
.music-smart-invite-btn{align-self:flex-end;width:28px;height:28px;flex:0 0 auto;border-radius:50%;border:0;background:rgba(30,31,34,.55);backdrop-filter:blur(6px);color:#fff;font-size:16px;line-height:1;cursor:default;display:grid;place-items:center}
.music-smart-quicklinks{direction:ltr;display:flex;align-items:center;gap:18px;padding:0 20px;height:38px;background:#2b2d31;border-bottom:1px solid #26282c;color:#949ba4;font-size:11px;font-weight:500;text-align:left}
.music-smart-quicklinks>span{display:flex;align-items:center;gap:6px;white-space:nowrap}
.music-smart-quicklinks svg{width:14px;height:14px;opacity:.85}
@media(max-width:900px){.music-smart-server-rail{display:none}.music-smart-studio-body{grid-template-columns:minmax(0,1fr) 310px!important}.music-smart-discord-view{grid-column:1!important}.music-smart-control-panel{grid-column:2!important}}
@media(max-width:820px){.music-smart-quicklinks{display:none}.music-smart-discord-view{grid-template-rows:96px minmax(0,1fr) 64px!important}}

/* Music group v10: branded loading state. */
.music-group-loading-screen{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(129,104,78,.09),transparent 24%),#15120e;color:#c2b6a1}.music-group-loading-screen:before{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle,#000,transparent 75%)}.music-group-loading-screen>b{position:relative;font-size:12px;letter-spacing:.2px;color:#c2b6a1;animation:musicGroupLoadingText 1.25s ease-in-out infinite}.music-group-loading-orb{position:relative;width:154px;height:154px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 46% 42%,#3d362b 0,#302a20 48%,#302a20 74%);border:1px solid rgba(199,218,213,.38);box-shadow:inset 0 0 34px rgba(194,226,218,.18),0 0 55px rgba(146,186,176,.16)}.music-group-loading-orb:before,.music-group-loading-orb:after,.music-group-loading-orb>span{content:'';position:absolute;border-radius:50%;pointer-events:none}.music-group-loading-orb:before{inset:-9px;border:2px solid transparent;border-top-color:#302a20;border-right-color:rgba(185,209,203,.24);animation:musicGroupOrbSpin .8s linear infinite}.music-group-loading-orb:after{inset:-19px;border:1px solid transparent;border-bottom-color:rgba(129,104,78,.55);animation:musicGroupOrbSpin 1.35s linear infinite reverse}.music-group-loading-orb>span{inset:12px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 30px rgba(255,255,255,.04)}.music-group-loading-orb>img{position:relative;z-index:2;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(199,218,213,.32));animation:musicGroupLogoPulse 1.25s ease-in-out infinite}@keyframes musicGroupOrbSpin{to{transform:rotate(360deg)}}@keyframes musicGroupLogoPulse{50%{transform:scale(.92);opacity:.72}}@keyframes musicGroupLoadingText{50%{opacity:.48}}
.multi-workspace-page.music.group-full .multi-loading,.multi-workspace-page.music.group-full .music-group-loader{min-height:360px;display:grid;place-items:center;color:#c2b6a1;font-size:12px}
@media(max-width:700px){.music-group-loading-orb{width:118px;height:118px}.music-group-loading-orb>img{width:44px;height:44px}}

/* Music group visual identity v11 */
body.system-workspace-open .multi-workspace-page.music.group-full .music-group-main:has(.music-identity-v11){padding:74px 34px 70px!important}
.music-identity-v11{direction:rtl;width:100%;min-height:calc(100vh - 144px);padding:30px 34px 38px;border:1px solid #3d362b;border-radius:28px;background:radial-gradient(circle at 16% 38%,rgba(99,76,54,.055),transparent 28%),#15120e;color:#26211a;box-shadow:0 28px 80px rgba(0,0,0,.18)}.music-identity-title{padding:0 0 24px;border-bottom:1px solid rgba(255,255,255,.055);text-align:right}.music-identity-title h1{margin:0;font-size:28px;line-height:1.3;color:#fff}.music-identity-title p{max-width:800px;margin:7px 0 0 0;color:#a89a83;font-size:12px;line-height:1.8}
.music-identity-layout{direction:ltr;display:grid;grid-template-columns:330px minmax(0,1fr);gap:58px;align-items:center;min-height:570px}.music-identity-preview{display:grid;place-items:center}.music-identity-profile-card{position:relative;width:300px;min-height:264px;overflow:hidden;padding:0 17px 18px;border:1px solid #3d362b;border-radius:17px;background:#1e1a14;box-shadow:0 24px 58px rgba(0,0,0,.35);text-align:left}.music-identity-preview-banner{height:107px;margin:0 -17px 0;background:linear-gradient(150deg,#26211a,#302a20);background-size:cover;background-position:center;border-bottom:1px solid #3d362b}.music-identity-profile-card>img{position:relative;display:block;width:72px;height:72px;margin:-36px 0 8px;border:6px solid #3d362b;border-radius:50%;object-fit:cover;background:#111}.music-identity-profile-card>i{position:absolute;left:72px;top:145px;width:13px;height:13px;border:3px solid #3d362b;border-radius:50%;background:#e05c67}.music-identity-profile-card>strong{display:flex;align-items:center;gap:7px;color:#fff;font-size:16px}.music-identity-profile-card>strong>b{padding:3px 6px;border-radius:5px;background:#6872e2;color:#fff;font-size:8px}.music-identity-profile-card>small{display:block;margin-top:4px;color:#a89a83;font-size:10px}.music-identity-profile-card>p{margin:13px 0 0;color:#c2b6a1;font-size:10px;font-weight:600;letter-spacing:.3px}.music-identity-profile-card>em{display:block;margin-top:5px;color:#f2ede4;font-size:10px;font-style:normal;font-weight:700}
.music-identity-form{direction:rtl;min-width:0}.music-identity-field{padding:23px 0;border-bottom:1px solid rgba(255,255,255,.06)}.music-identity-field:first-child{padding-top:0}.music-identity-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.music-identity-label>b,.music-identity-field.image-field>div:first-child>b{font-size:14px;color:#fff}.music-identity-label>small{color:#a89a83;font-size:9px}.music-identity-input{position:relative}.music-identity-input input{width:100%;height:48px;padding:0 17px 0 48px;border:1px solid #3d362b;border-radius:13px;background:#1e1a14;color:#26211a;font-family:inherit;font-size:13px;font-weight:700;outline:0;transition:border-color .18s ease,box-shadow .18s ease}.music-identity-input input:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(141,113,105,.13)}.music-identity-input>span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a89a83;font-size:16px}.music-identity-field>p,.music-identity-field.image-field>div:first-child>p{margin:9px 0 0;color:#a89a83;font-size:10px;line-height:1.7}.music-identity-field.image-field{display:flex;align-items:center;justify-content:space-between;gap:24px}.music-identity-file-control{direction:ltr;display:flex;align-items:center;gap:22px;flex:0 0 auto}.music-identity-file-control>img{width:68px;height:68px;border:2px solid #3d362b;border-radius:50%;object-fit:cover;background:#1e1a14}.music-identity-file-control>.banner-thumb{width:112px;height:64px;border:2px solid #3d362b;border-radius:12px;background:#1e1a14 center/cover no-repeat}.music-identity-file-control>label{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border:1px solid #3d362b;border-radius:10px;background:#1e1a14;color:#26211a;font-size:11px;font-weight:800;cursor:pointer;transition:.18s ease}.music-identity-file-control>label:hover{border-color:#a89a83;background:#1e1a14}.music-identity-file-control input{display:none}.music-identity-save{height:46px;margin-top:25px;padding:0 24px;border:1px solid #a89a83;border-radius:11px;background:linear-gradient(180deg,#a89a83,#3d362b);color:#fff;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(99,76,54,.18)}.music-identity-save:hover{filter:brightness(1.08)}.music-identity-save img{width:17px;height:17px;margin-left:7px;vertical-align:middle}
@media(max-width:1050px){.music-identity-layout{grid-template-columns:280px minmax(0,1fr);gap:28px}.music-identity-profile-card{width:270px}}
@media(max-width:780px){body.system-workspace-open .multi-workspace-page.music.group-full .music-group-main:has(.music-identity-v11){padding:24px 12px 60px!important}.music-identity-v11{padding:24px 18px;border-radius:20px}.music-identity-layout{grid-template-columns:1fr;gap:32px;padding-top:28px}.music-identity-preview{grid-row:2}.music-identity-field.image-field{align-items:flex-start;flex-direction:column}.music-identity-file-control{width:100%;justify-content:space-between}.music-identity-title h1{font-size:23px}}

/* Music identity v12: unsaved changes action bar. */
.music-group-savebar{direction:rtl!important;min-width:min(590px,calc(100vw - 28px))!important;min-height:70px!important;bottom:22px!important;left:50%!important;transform:translate(-50%,14px)!important;justify-content:space-between!important;gap:26px!important;padding:10px 12px 10px 20px!important;border:1px solid #3d362b!important;border-radius:17px!important;background:rgba(24,24,27,.96)!important;box-shadow:0 22px 65px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.025)!important;backdrop-filter:blur(18px)!important;opacity:0!important;transition:opacity .18s ease,transform .2s ease!important}.music-group-savebar.visible{opacity:1!important;transform:translate(-50%,0)!important}.music-group-savebar.hidden{display:none!important}.music-group-savebar>span{padding-right:8px!important;color:#fff!important;font-size:13px!important;line-height:1.45!important}.music-group-savebar>span small{margin-top:3px!important;color:#a89a83!important;font-size:10px!important;font-weight:500!important}.music-group-savebar-actions{direction:rtl;display:flex;align-items:center;gap:9px;flex:0 0 auto}.music-group-savebar-actions button{height:43px!important;margin:0!important;padding:0 17px!important;border-radius:10px!important;font-family:inherit!important;font-size:11px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;cursor:pointer!important}.music-group-savebar-actions button.save{border:1px solid #a89a83!important;background:#a89a83!important;color:#15120e!important}.music-group-savebar-actions button.save:hover{background:#544a3b!important}.music-group-savebar-actions button.cancel{border:1px solid #3d362b!important;background:#1e1a14!important;color:#26211a!important;box-shadow:none!important}.music-group-savebar-actions button.cancel:hover{border-color:#a89a83!important;background:#1e1a14!important;box-shadow:none!important}.music-group-savebar-actions button img{width:16px!important;height:16px!important;margin:0!important}
@media(max-width:620px){.music-group-savebar{min-width:calc(100vw - 20px)!important;align-items:flex-start!important;flex-direction:column!important;gap:10px!important;padding:12px!important}.music-group-savebar-actions{width:100%}.music-group-savebar-actions button{flex:1}}

/* Music identity v13: refined unsaved notification. */
.music-group-savebar{overflow:hidden!important;min-width:min(620px,calc(100vw - 30px))!important;min-height:76px!important;padding:12px 14px 12px 22px!important;border-color:rgba(129,104,78,.48)!important;border-radius:20px!important;background:linear-gradient(112deg,rgba(31,27,27,.98),rgba(20,20,23,.98))!important;box-shadow:0 28px 85px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.025) inset!important}.music-group-savebar:before{content:'';position:absolute;top:0;right:20px;left:20px;height:1px;background:linear-gradient(90deg,transparent,#a89a83,transparent);opacity:.85}.music-group-savebar:after{content:'';position:absolute;z-index:-1;right:-45px;top:-55px;width:170px;height:150px;border-radius:50%;background:rgba(129,104,78,.17);filter:blur(38px)}.music-group-savebar.visible{animation:musicSavebarReveal .46s cubic-bezier(.16,1,.3,1) both!important}.music-group-savebar>span{position:relative;display:grid!important;grid-template-columns:13px minmax(0,1fr)!important;column-gap:10px!important;align-items:center!important;padding:0!important;font-size:13px!important}.music-group-savebar>span>i{grid-column:1;grid-row:1;width:9px;height:9px;border-radius:50%;background:#544a3b;box-shadow:0 0 0 5px rgba(184,148,137,.09),0 0 16px rgba(184,148,137,.45);animation:musicUnsavedDot 1.6s ease-in-out infinite}.music-group-savebar>span>small{grid-column:2;grid-row:2;margin:2px 0 0!important;color:#a89a83!important}.music-group-savebar-actions{position:relative;z-index:2;gap:8px!important}.music-group-savebar-actions button{min-width:112px!important;height:42px!important;border-radius:11px!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}.music-group-savebar-actions button:hover{transform:translateY(-1px)!important}.music-group-savebar-actions button.save{border:1px solid #a89a83!important;background:#a89a83!important;color:#15120e!important;box-shadow:0 8px 22px rgba(129,104,78,.18)!important}.music-group-savebar-actions button.save:hover{background:#544a3b!important;border-color:#3d362b!important}.music-group-savebar-actions button.cancel{background:rgba(255,255,255,.025)!important;border-color:#3d362b!important}.music-group-savebar-actions button.cancel:hover{background:rgba(129,104,78,.07)!important;border-color:#a89a83!important}@keyframes musicSavebarReveal{0%{opacity:0;transform:translate(-50%,30px) scale(.96);filter:blur(5px)}55%{opacity:1;transform:translate(-50%,-3px) scale(1.008);filter:blur(0)}100%{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes musicUnsavedDot{50%{opacity:.55;box-shadow:0 0 0 8px rgba(184,148,137,.04),0 0 10px rgba(184,148,137,.25)}}
@media(max-width:620px){.music-group-savebar{min-width:calc(100vw - 20px)!important}.music-group-savebar-actions button{min-width:0!important}}
.music-group-savebar{isolation:isolate!important}

/* ---- Colors tab (system-colors-page) ---- */
.system-colors-page{width:min(1480px,100%);margin:0 auto;display:flex;flex-direction:column;gap:20px;color:#f2ede4}
.system-colors-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);align-items:center;gap:30px;padding:28px;border:1px solid #3d362b;border-radius:22px;background:radial-gradient(circle at 10% 0,rgba(168,154,131,.13),transparent 34%),linear-gradient(135deg,#1e1a14,#15120e);box-shadow:0 20px 55px rgba(0,0,0,.18)}
.system-colors-hero:after{content:"";position:absolute;inset:auto -100px -150px auto;width:300px;height:300px;border-radius:50%;background:rgba(168,154,131,.07);filter:blur(20px);pointer-events:none}
.system-colors-title{position:relative;z-index:1;display:flex;align-items:center;gap:17px}.system-colors-title>i{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border:1px solid #544a3b;border-radius:16px;background:#302a20;color:#f2ede4}.system-colors-title>i svg,.system-colors-title>svg{width:24px;height:24px}.system-colors-title h1{margin:0;color:#f2ede4;font-size:27px;line-height:1.25}.system-colors-title p{max-width:660px;margin:7px 0 0;color:#a89a83;font-size:12px;line-height:1.85}
.system-colors-current{position:relative;z-index:1;min-width:0;padding:16px;border:1px solid #3d362b;border-radius:17px;background:rgba(21,18,14,.72);backdrop-filter:blur(12px)}.system-colors-current>span{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.system-colors-current>span small{color:#a89a83;font-size:10px;font-weight:700}.system-colors-current>span strong{overflow:hidden;color:#f2ede4;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.system-colors-section{padding:21px;display:flex;flex-direction:column;gap:17px;border:1px solid #3d362b;border-radius:20px;background:#1e1a14;box-shadow:0 18px 45px rgba(0,0,0,.13)}.system-colors-section>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.system-colors-section>header>div{display:flex;align-items:center;gap:12px}.system-colors-section>header>div>i{font-style:normal;width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:11px;background:#15120e;color:#c2b6a1;font-size:11px;font-weight:800}.system-colors-section>header strong{display:block;color:#f2ede4;font-size:14px;font-weight:800}.system-colors-section>header small{display:block;margin-top:3px;color:#a89a83;font-size:10.5px;font-weight:500;line-height:1.6}.system-colors-section>header>em{width:34px;height:34px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:11px;background:#15120e;color:#a89a83}.system-colors-section>header>em svg{width:17px;height:17px}
.system-colors-source-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.system-colors-source-choice>button{position:relative;min-height:76px;padding:13px;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:11px;border:1px solid #3d362b;border-radius:14px;background:#15120e;color:#c2b6a1;text-align:right;font-family:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .22s cubic-bezier(.22,1,.36,1)}.system-colors-source-choice>button:hover{transform:translateY(-2px);border-color:#6f6351;background:#1b1712}.system-colors-source-choice>button.active{border-color:#a89a83;background:linear-gradient(140deg,rgba(168,154,131,.15),#15120e);box-shadow:0 0 0 3px rgba(168,154,131,.08)}.system-colors-source-choice>button>i,.system-colors-source-choice>button>svg:first-child{width:38px;height:38px;padding:9px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:11px;background:#1e1a14;color:#a89a83}.system-colors-source-choice>button>i svg{width:18px;height:18px}.system-colors-source-choice span{min-width:0}.system-colors-source-choice strong{display:block;color:#f2ede4;font-size:12px}.system-colors-source-choice small{display:block;margin-top:3px;color:#a89a83;font-size:9.5px;line-height:1.5}.system-colors-source-choice>button>b,.system-colors-source-choice>button>svg:last-child{opacity:0;width:20px;height:20px;padding:4px;border-radius:50%;background:#a89a83;color:#15120e}.system-colors-source-choice>button.active>b,.system-colors-source-choice>button.active>svg:last-child{opacity:1}
.system-colors-library-content{display:grid;gap:18px;transition:opacity .2s ease}.system-colors-library-content.is-muted{opacity:.62}.system-colors-library-content.is-muted:hover{opacity:.9}.system-colors-library-group{display:grid;gap:11px;padding-top:2px}.system-colors-library-group+section{padding-top:18px;border-top:1px solid rgba(168,154,131,.13)}.system-colors-library-group>header{display:flex;align-items:center;justify-content:space-between;gap:15px}.system-colors-library-group>header>div{display:flex;align-items:center;gap:9px}.system-colors-library-group>header>div>i{width:30px;height:30px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:9px;background:#15120e;color:#a89a83}.system-colors-library-group>header svg{width:15px;height:15px}.system-colors-library-group>header span strong,.system-colors-library-group>header span small{display:block}.system-colors-library-group>header span strong{font-size:12px;color:#f2ede4}.system-colors-library-group>header span small{margin-top:2px;font-size:9.5px;color:#a89a83}.system-colors-library-group>header>b{min-width:30px;height:25px;padding:0 9px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:999px;background:#15120e;color:#c2b6a1;font-size:10px}
.system-colors-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.system-colors-library-group.mixed .system-colors-preset-grid{grid-template-columns:minmax(0,1fr)}.system-colors-preset-card{min-width:0;padding:13px;display:flex;flex-direction:column;gap:13px;border:1px solid #3d362b;border-radius:14px;background:#15120e;color:#f2ede4;text-align:right;font-family:inherit;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease,background .2s ease}.system-colors-preset-card:hover{transform:translateY(-2px);border-color:#6f6351;background:#191510}.system-colors-preset-card.active{border-color:#a89a83;background:linear-gradient(145deg,rgba(168,154,131,.11),#15120e);box-shadow:0 0 0 3px rgba(168,154,131,.08),0 14px 32px rgba(0,0,0,.16)}.system-colors-preset-card.mixed{padding:15px;background:radial-gradient(circle at 10% 50%,rgba(168,154,131,.08),transparent 38%),#15120e}.system-colors-preset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.system-colors-preset-head>span{min-width:0}.system-colors-preset-head strong,.system-colors-preset-head small{display:block}.system-colors-preset-head strong{color:#f2ede4;font-size:12.5px}.system-colors-preset-head small{margin-top:3px;color:#a89a83;font-size:9px;line-height:1.5}.system-colors-preset-head>i,.system-colors-preset-head>svg{width:25px;height:25px;flex:0 0 25px;padding:5px;border:1px solid #3d362b;border-radius:8px;color:#a89a83}.system-colors-preset-card.active .system-colors-preset-head>i,.system-colors-preset-card.active .system-colors-preset-head>svg{border-color:#a89a83;background:#a89a83;color:#15120e}
.system-colors-preset-swatches{display:grid;grid-template-columns:repeat(10,minmax(16px,1fr));gap:5px;direction:ltr}.system-colors-preset-swatches i{position:relative;min-width:0;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:inset 0 -10px 20px rgba(0,0,0,.09);font-style:normal;text-shadow:0 1px 2px rgba(0,0,0,.38);transition:transform .18s ease,filter .18s ease}.system-colors-preset-swatches i:hover{z-index:2;transform:translateY(-3px) scale(1.04);filter:saturate(1.08)}.system-colors-preset-swatches i>b{font-size:10px}.system-colors-preset-swatches i>small{position:absolute;left:50%;bottom:calc(100% + 7px);opacity:0;transform:translate(-50%,4px);padding:4px 6px;border:1px solid #3d362b;border-radius:6px;background:#0f0d0a;color:#f2ede4;font-size:8px;font-weight:700;white-space:nowrap;pointer-events:none;transition:.16s}.system-colors-preset-swatches i:hover>small{opacity:1;transform:translate(-50%,0)}.system-colors-preset-swatches.compact{gap:4px}.system-colors-preset-swatches.compact i{height:30px;border-radius:6px}.system-colors-preset-swatches.compact i>b{font-size:8px}.system-colors-preset-swatches.compact i>small{display:none}
.system-colors-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}.system-colors-background-card,.system-colors-delivery-card{min-width:0}.system-colors-preview{position:relative;display:block;width:100%;height:185px;overflow:hidden;border:1px solid #3d362b;border-radius:15px;background:#15120e;cursor:pointer}.system-colors-preview.static{cursor:default}.system-colors-preview:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);pointer-events:none}.system-colors-preview img{display:block;width:100%;height:100%;object-fit:cover;background:#15120e;transition:transform .35s cubic-bezier(.22,1,.36,1)}.system-colors-preview:not(.static):hover img{transform:scale(1.018)}.system-colors-preview input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.system-colors-placeholder{min-height:185px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #3d362b;border-radius:15px;background:radial-gradient(circle at 50% 0,rgba(168,154,131,.07),transparent 44%),#15120e;color:#a89a83;text-align:center}.system-colors-placeholder>i{width:44px;height:44px;padding:11px;display:grid;place-items:center;border:1px solid #3d362b;border-radius:13px;background:#1e1a14;color:#c2b6a1}.system-colors-placeholder b{font-size:11px;color:#c2b6a1}.system-colors-placeholder small{font-size:8px;color:#756b5b;direction:ltr}.system-colors-placeholder.delivery{min-height:128px}.system-colors-upload-btn{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3d362b;border-radius:11px;background:#15120e;color:#f2ede4;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.system-colors-upload-btn:hover{transform:translateY(-1px);border-color:#a89a83;background:#26211a}.system-colors-upload-btn svg{width:15px;height:15px}
.system-colors-delivery-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.system-colors-select{min-width:0;display:flex;flex-direction:column;gap:6px}.system-colors-select>span{color:#c2b6a1;font-size:9.5px;font-weight:700}.system-colors-select>small{min-height:14px;color:#756b5b;font-size:8px;line-height:1.5}.system-colors-select select{width:100%;height:44px;padding:0 12px;border:1px solid #3d362b;border-radius:11px;outline:0;background:#15120e;color:#f2ede4;font-family:inherit;font-size:10.5px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.system-colors-select select:hover{border-color:#6f6351}.system-colors-select select:focus{border-color:#a89a83;box-shadow:0 0 0 3px rgba(168,154,131,.11)}.system-colors-section .hidden{display:none!important}
@media(max-width:1100px){.system-colors-hero{grid-template-columns:1fr}.system-colors-tools-grid{grid-template-columns:1fr}.system-colors-current{max-width:none}}
@media(max-width:720px){.system-colors-hero{padding:20px;border-radius:18px}.system-colors-title{align-items:flex-start}.system-colors-title>i{width:44px;height:44px;flex-basis:44px}.system-colors-title h1{font-size:22px}.system-colors-section{padding:16px;border-radius:17px}.system-colors-source-choice,.system-colors-delivery-fields{grid-template-columns:1fr}.system-colors-preset-grid{grid-template-columns:1fr}.system-colors-preset-swatches{gap:3px}.system-colors-preset-swatches i{height:40px;border-radius:6px}.system-colors-preset-swatches i>b{font-size:8px}.system-colors-current>span{align-items:flex-start;flex-direction:column;gap:3px}.system-colors-library-group>header{align-items:flex-start}.system-colors-library-group>header span small{line-height:1.6}.system-colors-section>header{align-items:flex-start}.system-colors-section>header>em{display:none}}
@media(prefers-reduced-motion:reduce){.system-colors-page *{scroll-behavior:auto!important}.system-colors-preset-card,.system-colors-source-choice>button,.system-colors-preview img,.system-colors-upload-btn{transition:none!important;transform:none!important}}

/* Colors tab loading/error states share the finished page proportions, so
   the sidebar never jumps while Discord data is being fetched. */
.system-colors-state-page{width:min(1480px,100%);min-height:calc(100vh - 72px);margin:0 auto;display:flex;flex-direction:column;gap:20px;color:#f2ede4}
.system-colors-state-page>header{display:flex;align-items:center;gap:16px;padding:28px;border:1px solid #3d362b;border-radius:22px;background:radial-gradient(circle at 10% 0,rgba(168,154,131,.13),transparent 34%),linear-gradient(135deg,#1e1a14,#15120e)}
.system-colors-state-page>header>i,.system-colors-state-page>header>svg{width:52px;height:52px;flex:0 0 52px;padding:14px;border:1px solid #544a3b;border-radius:16px;background:#302a20;color:#f2ede4}
.system-colors-state-page>header h1{margin:0;color:#f2ede4;font-size:27px;line-height:1.25}.system-colors-state-page>header p{margin:7px 0 0;color:#a89a83;font-size:12px;line-height:1.7}
.system-colors-load-card{min-height:360px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #3d362b;border-radius:20px;background:radial-gradient(circle at 50% 42%,rgba(168,154,131,.08),transparent 32%),#1e1a14;text-align:center;box-shadow:0 18px 45px rgba(0,0,0,.13)}
.system-colors-load-card>i{width:56px;height:56px;margin-bottom:5px;display:grid;place-items:center;border:1px solid #544a3b;border-radius:17px;background:#15120e;color:#c2b6a1;font-style:normal}.system-colors-load-card>i>span{width:24px;height:24px;border:2px solid rgba(168,154,131,.22);border-top-color:#c2b6a1;border-radius:50%;animation:systemColorsSpin .8s linear infinite}.system-colors-load-card>i>svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.system-colors-load-card>strong{color:#f2ede4;font-size:14px}.system-colors-load-card>p{max-width:440px;margin:0;color:#a89a83;font-size:10.5px;line-height:1.75}.system-colors-load-card>button{height:42px;margin-top:10px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #a89a83;border-radius:11px;background:#a89a83;color:#15120e;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:transform .18s ease,filter .18s ease}.system-colors-load-card>button:hover{transform:translateY(-2px);filter:brightness(1.08)}.system-colors-load-card>button svg{width:15px;height:15px}.system-colors-load-card.error>i{border-color:rgba(196,121,105,.34);background:rgba(196,121,105,.08);color:#dca394}
@keyframes systemColorsSpin{to{transform:rotate(360deg)}}
@media(max-width:720px){.system-colors-state-page{min-height:calc(100vh - 42px)}.system-colors-state-page>header{padding:20px;border-radius:18px}.system-colors-state-page>header>i,.system-colors-state-page>header>svg{width:44px;height:44px;flex-basis:44px;padding:11px}.system-colors-state-page>header h1{font-size:22px}.system-colors-load-card{min-height:300px;padding:28px 18px;border-radius:17px}}
@media(prefers-reduced-motion:reduce){.system-colors-load-card>i>span{animation-duration:1.6s}.system-colors-load-card>button{transition:none!important;transform:none!important}}

/* Welcome avatar: draggable resize-handle box (replaces the old +/- size buttons) */
.system-welcome-avatar-box{position:absolute;z-index:2;aspect-ratio:1;cursor:grab;user-select:none}
.system-welcome-avatar-box:active{cursor:grabbing}
.system-welcome-avatar-box .system-welcome-preview-avatar{position:static!important;width:100%;height:100%;display:block}
.system-welcome-resize-handle{position:absolute;width:12px;height:12px;background:#a89a83;border:2px solid #5488de;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.4);z-index:4;display:none;cursor:pointer;transform:translate(-50%,-50%)}
.system-welcome-avatar-box.active .system-welcome-resize-handle{display:block}
.system-welcome-avatar-box.active{outline:1px dashed #5488de;outline-offset:4px}
.system-welcome-resize-handle.handle-nw{top:0;left:0;cursor:nwse-resize}
.system-welcome-resize-handle.handle-n{top:0;left:50%;cursor:ns-resize}
.system-welcome-resize-handle.handle-ne{top:0;left:100%;cursor:nesw-resize}
.system-welcome-resize-handle.handle-e{top:50%;left:100%;cursor:ew-resize}
.system-welcome-resize-handle.handle-se{top:100%;left:100%;cursor:nwse-resize}
.system-welcome-resize-handle.handle-s{top:100%;left:50%;cursor:ns-resize}
.system-welcome-resize-handle.handle-sw{top:100%;left:0;cursor:nesw-resize}
.system-welcome-resize-handle.handle-w{top:50%;left:0;cursor:ew-resize}

/* Sidebar icons rendered via Lucide (colors/overview/customize) instead of
   the old broken external PNG links — force plain white like the rest of
   the icon set expects, regardless of the inherited muted icon color. */
.system-control-sidebar nav button i .system-menu-lucide-icon,
.system-control-sidebar nav button i[data-lucide],
.system-control-sidebar nav button i svg.lucide{
  color:#ffffff!important;
  stroke:#ffffff!important;
  width:18px;height:18px;
}

.system-colors-preview.is-broken img{display:none}
.system-colors-preview.is-broken::before{content:'تعذر تحميل المعاينة';position:absolute;inset:0;display:grid;place-items:center;padding:20px;color:#a89a83;font-size:10px;font-weight:700;text-align:center;background:radial-gradient(circle at 50% 0,rgba(168,154,131,.07),transparent 44%),#15120e}