:root {
  --bg: #07111f;
  --card: rgba(13, 25, 43, 0.82);
  --card2: rgba(18, 34, 57, 0.9);
  --text: #eef5ff;
  --muted: #9db0c7;
  --line: rgba(255,255,255,0.1);
  --blue: #2f7cff;
  --green: #16c76f;
  --red: #ff4d4d;
  --yellow: #ffc857;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: Tahoma, Arial, sans-serif;
  background: radial-gradient(circle at top right, #14345f 0, transparent 35%), radial-gradient(circle at bottom left, #154c35 0, transparent 30%), var(--bg);
  color: var(--text);
}
.page-bg {
  position: fixed;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}
.container { width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: 36px 0; position: relative; }
.login-card, .panel-card, .topbar {
  border: 1px solid var(--line);
  background: var(--card);
  box-shadow: 0 25px 80px rgba(0,0,0,0.35);
  backdrop-filter: blur(18px);
  border-radius: 28px;
}
.login-card { width: min(460px, 100%); margin: 70px auto; padding: 34px; text-align: center; }
.brand-dot { width: 54px; height: 54px; margin: 0 auto 16px; border-radius: 18px; background: linear-gradient(135deg, var(--blue), var(--green)); box-shadow: 0 0 35px rgba(47,124,255,0.5); }
h1, h2, p { margin-top: 0; }
h1 { font-size: 30px; margin-bottom: 8px; }
h2 { font-size: 20px; margin-bottom: 8px; }
p { color: var(--muted); line-height: 1.8; }
.form-stack { display: grid; gap: 16px; text-align: right; }
label { display: grid; gap: 8px; color: var(--text); font-weight: 700; }
input, textarea {
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(255,255,255,0.07);
  color: var(--text);
  border-radius: 16px;
  padding: 14px 16px;
  outline: none;
  font: inherit;
  direction: ltr;
  text-align: left;
}
textarea { direction: rtl; text-align: right; resize: vertical; line-height: 1.8; }
input:focus, textarea:focus { border-color: rgba(47,124,255,0.75); box-shadow: 0 0 0 4px rgba(47,124,255,0.14); }
button { border: 0; color: white; font: inherit; font-weight: 800; cursor: pointer; border-radius: 16px; padding: 13px 18px; transition: transform .15s ease, opacity .15s ease; }
button:hover { transform: translateY(-1px); }
.primary-btn { background: linear-gradient(135deg, #2f7cff, #6554ff); box-shadow: 0 14px 30px rgba(47,124,255,0.28); }
.primary-btn.green { background: linear-gradient(135deg, #12b76a, #15d483); box-shadow: 0 14px 30px rgba(18,183,106,0.25); }
.primary-btn.yellow { background: linear-gradient(135deg, #f59e0b, #ef4444); box-shadow: 0 14px 30px rgba(245,158,11,0.25); }
.ghost-btn { background: rgba(255,255,255,0.08); border: 1px solid var(--line); }
.danger-lite-btn { background: rgba(255,77,77,0.14); color: #ffd2d2; border: 1px solid rgba(255,77,77,0.25); }
.topbar { padding: 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 22px; align-items: start; }
.grid.three { grid-template-columns: 1fr 1fr 1fr; }
.grid.one { grid-template-columns: 1fr; }
.grid.two { grid-template-columns: 1fr 1fr; }
.two-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rtl-input { direction: rtl; text-align: right; }
.update-card { background: linear-gradient(180deg, rgba(57,40,18,0.92), rgba(13,25,43,0.82)); }
.panel-card { padding: 24px; }
.accent-card { background: linear-gradient(180deg, rgba(18,34,57,0.92), rgba(13,25,43,0.82)); }
.card-head { display: flex; justify-content: space-between; gap: 18px; align-items: start; margin-bottom: 20px; }
.status-pill { display: inline-flex; padding: 8px 14px; border-radius: 999px; font-weight: 900; }
.status-pill.on { background: rgba(22,199,111,0.16); color: #74ffb5; border: 1px solid rgba(22,199,111,0.28); }
.status-pill.off { background: rgba(255,200,87,0.12); color: #ffe19a; border: 1px solid rgba(255,200,87,0.25); }
.switch-row { display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); background: rgba(255,255,255,0.05); border-radius: 16px; padding: 12px 14px; }
.switch-row input { width: 22px; height: 22px; }
.button-row { display: flex; gap: 10px; flex-wrap: wrap; }
.alerts { display: grid; gap: 10px; margin-bottom: 18px; }
.alert { border-radius: 16px; padding: 12px 16px; font-weight: 800; border: 1px solid var(--line); }
.alert.success { background: rgba(22,199,111,0.13); color: #9affca; }
.alert.error { background: rgba(255,77,77,0.13); color: #ffc6c6; }
.api-box { margin-top: 22px; border: 1px dashed rgba(255,255,255,0.2); background: rgba(255,255,255,0.05); border-radius: 18px; padding: 16px; display: flex; justify-content: space-between; gap: 12px; align-items: center; color: var(--muted); }
code { direction: ltr; color: #b8d3ff; }
@media (max-width: 1100px) {
  .grid.three { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .grid { grid-template-columns: 1fr; }
  .topbar { align-items: stretch; flex-direction: column; }
}
.device-table { display: flex; flex-direction: column; gap: 10px; }
.device-row { display: flex; justify-content: space-between; gap: 14px; align-items: center; border: 1px solid rgba(148, 163, 184, .30); border-radius: 18px; padding: 12px; background: rgba(255,255,255,.70); }
.device-row.locked { border-color: rgba(239,68,68,.50); background: rgba(254,226,226,.72); }
.device-main { display: flex; flex-direction: column; gap: 5px; direction: ltr; text-align: left; overflow-wrap: anywhere; flex: 1; }
.device-main span { color: #475569; font-size: 13px; }
.device-main .lock-note { color: #b91c1c; font-weight: 800; direction: rtl; text-align: right; }
.device-actions { min-width: 260px; }
.lock-form { display: flex; gap: 8px; align-items: center; }
.lock-form input { min-width: 170px; }
.danger-lite-btn.strong { background: #ef4444; color: #fff; border-color: #ef4444; }
@media (max-width: 800px) { .device-row { flex-direction: column; align-items: stretch; } .device-actions { min-width: 0; } .lock-form { flex-direction: column; align-items: stretch; } }
/* MinerPool admin polish - keep remote-control proxy logic unchanged */
.device-row {
  background: rgba(15, 23, 42, .72);
  border-color: rgba(148, 163, 184, .22);
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}
.device-row.locked { background: rgba(127, 29, 29, .45); border-color: rgba(248, 113, 113, .45); }
.device-main strong { color: #e5f0ff; font-size: 15px; }
.device-main span { color: #cbd5e1; }
.device-main code, .api-box code { background: rgba(15,23,42,.55); padding: 6px 8px; border-radius: 10px; display: inline-block; overflow-wrap: anywhere; }
.device-actions { display: grid; gap: 10px; }
.device-actions form { background: rgba(255,255,255,.04); border: 1px solid rgba(148,163,184,.18); border-radius: 16px; padding: 10px; }
select {
  width: 100%;
  border: 1px solid var(--line);
  background: rgba(15,23,42,.90);
  color: var(--text);
  border-radius: 14px;
  padding: 12px 14px;
  font: inherit;
}
.api-box { flex-wrap: wrap; align-items: flex-start; }

/* Device list dashboard v2 */
.devices-panel { overflow: hidden; }
.device-toolbar {
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 160px)) 1fr auto;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 18px;
}
.toolbar-stat {
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(255,255,255,.055);
  border-radius: 20px;
  padding: 14px;
  display: grid;
  gap: 4px;
  text-align: center;
}
.toolbar-stat strong { font-size: 28px; color: #fff; }
.toolbar-stat span { color: #cbd5e1; font-size: 13px; }
.toolbar-stat.online strong { color: #74ffb5; }
.toolbar-form { display: flex; gap: 8px; }
.toolbar-form input { min-width: 260px; }
.device-accordion { display: grid; gap: 14px; }
.device-card {
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(15,23,42,.88), rgba(15,23,42,.62));
  box-shadow: 0 18px 45px rgba(0,0,0,.22);
  overflow: hidden;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.device-card:hover { transform: translateY(-1px); border-color: rgba(96,165,250,.45); }
.device-card[open] { border-color: rgba(47,124,255,.55); box-shadow: 0 24px 70px rgba(47,124,255,.12); }
.device-card.locked { border-color: rgba(248,113,113,.55); background: linear-gradient(180deg, rgba(127,29,29,.48), rgba(15,23,42,.72)); }
.device-summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 1.5fr auto;
  align-items: center;
  gap: 16px;
  padding: 16px;
}
.device-summary::-webkit-details-marker { display: none; }
.phone-state { display: flex; align-items: center; gap: 12px; min-width: 0; }
.phone-state strong { direction: ltr; display: block; color: #eef5ff; overflow-wrap: anywhere; }
.phone-state span { color: #94a3b8; font-size: 13px; }
.pulse-dot { width: 14px; height: 14px; border-radius: 50%; flex: 0 0 auto; }
.pulse-dot.live { background: #22c55e; box-shadow: 0 0 0 7px rgba(34,197,94,.12), 0 0 26px rgba(34,197,94,.6); animation: pulseLive 1.4s infinite; }
.pulse-dot.dead { background: #64748b; box-shadow: 0 0 0 7px rgba(100,116,139,.12); }
@keyframes pulseLive { 0% { box-shadow: 0 0 0 0 rgba(34,197,94,.35), 0 0 26px rgba(34,197,94,.5); } 70% { box-shadow: 0 0 0 10px rgba(34,197,94,0), 0 0 26px rgba(34,197,94,.5); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0), 0 0 26px rgba(34,197,94,.5); } }
.summary-metrics { display: flex; gap: 8px; flex-wrap: wrap; }
.summary-metrics span, .open-chip {
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(255,255,255,.06);
  color: #dbeafe;
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 12px;
  white-space: nowrap;
}
.summary-metrics b { color: #fff; }
.open-chip { color: #bfdbfe; background: rgba(47,124,255,.12); }
.device-card[open] .open-chip { background: rgba(22,199,111,.15); color: #9affca; }
.device-detail {
  border-top: 1px solid rgba(148,163,184,.16);
  padding: 16px;
  display: grid;
  gap: 14px;
  animation: detailIn .22s ease;
}
@keyframes detailIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.detail-box {
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(255,255,255,.045);
  border-radius: 20px;
  padding: 16px;
}
.detail-box h3 { margin: 0 0 12px; font-size: 16px; color: #e0f2fe; }
.detail-box p { margin: 6px 0; }
.detail-box code, .link-actions code, .control-link-item code {
  direction: ltr;
  color: #b8d3ff;
  background: rgba(15,23,42,.65);
  padding: 7px 9px;
  border-radius: 10px;
  overflow-wrap: anywhere;
  flex: 1;
}
.link-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 8px 0;
}
.muted-link { opacity: .8; }
.small-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  border-radius: 12px;
  background: rgba(47,124,255,.24);
  border: 1px solid rgba(96,165,250,.35);
  padding: 9px 12px;
  font-weight: 800;
  white-space: nowrap;
}
button.small-btn { font: inherit; }
.ghost-copy { background: rgba(255,255,255,.08); }
.compact-form { gap: 10px; }
.control-links-box { display: grid; gap: 12px; }
.box-title-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.box-title-row span { color: #93c5fd; }
.control-link-list { display: grid; gap: 10px; }
.control-link-item {
  display: grid;
  grid-template-columns: minmax(150px, .7fr) 1fr auto auto;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(148,163,184,.16);
  background: rgba(15,23,42,.35);
  border-radius: 16px;
  padding: 10px;
}
.control-link-item strong { color: #fff; direction: ltr; display: block; }
.control-link-item span { color: #94a3b8; font-size: 12px; }
.control-settings-form { margin-top: 8px; }
@media (max-width: 980px) {
  .device-toolbar { grid-template-columns: 1fr 1fr; }
  .toolbar-form { grid-column: 1 / -1; flex-direction: column; }
  .device-summary { grid-template-columns: 1fr; }
  .detail-grid { grid-template-columns: 1fr; }
  .control-link-item { grid-template-columns: 1fr; }
  .link-actions { flex-direction: column; align-items: stretch; }
}

.tutorial-item-card,
.tutorial-add-card {
  border: 1px solid rgba(120, 130, 160, 0.22);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,0.035);
}
.compact-head { margin-bottom: 6px; }
.compact-head h3,
.tutorial-add-card h3 { margin: 0 0 4px; }

/* Swiftmesh/NOC style responsive dashboard */
:root {
  --bg: #0a0b0d;
  --card: rgba(18, 20, 23, .92);
  --card2: rgba(22, 24, 28, .94);
  --text: #f4f7fb;
  --muted: #8f98a8;
  --line: rgba(255,255,255,.095);
  --blue: #20b7ff;
  --green: #22e6a6;
  --red: #ff5d6c;
  --yellow: #f7b955;
}
html[data-theme="light"] {
  --bg: #eef3f8;
  --card: rgba(255,255,255,.92);
  --card2: rgba(248,250,252,.96);
  --text: #111827;
  --muted: #64748b;
  --line: rgba(15,23,42,.12);
}
body {
  background: radial-gradient(circle at 20% 0%, rgba(32,183,255,.13), transparent 28%), radial-gradient(circle at 85% 15%, rgba(34,230,166,.10), transparent 28%), var(--bg);
}
html[data-theme="light"] body { background: radial-gradient(circle at 20% 0%, rgba(32,183,255,.20), transparent 28%), #eef3f8; }
.container { width: min(1420px, calc(100% - 28px)); padding: 28px 0; }
.dashboard-shell { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 18px; align-items: start; }
.side-nav, .topbar, .panel-card, .login-card {
  background: linear-gradient(180deg, var(--card), rgba(12,13,16,.84));
  border: 1px solid var(--line);
  box-shadow: 0 24px 70px rgba(0,0,0,.38);
  border-radius: 22px;
  backdrop-filter: blur(18px);
}
html[data-theme="light"] .side-nav, html[data-theme="light"] .topbar, html[data-theme="light"] .panel-card, html[data-theme="light"] .login-card { background: var(--card); box-shadow: 0 20px 60px rgba(15,23,42,.10); }
.side-nav { position: sticky; top: 22px; padding: 16px; display: grid; gap: 10px; min-height: calc(100vh - 56px); }
.brand-row { display: flex; align-items: center; gap: 10px; padding: 8px 8px 20px; direction: ltr; justify-content: flex-end; color: var(--text); }
.brand-mark { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; color: #04110d; background: linear-gradient(135deg, var(--green), var(--blue)); font-weight: 900; }
.nav-item, .theme-btn { text-decoration: none; color: var(--muted); border: 1px solid transparent; border-radius: 14px; padding: 12px 14px; background: transparent; text-align: right; font-weight: 800; }
.nav-item.active, .nav-item:hover, .theme-btn:hover { color: var(--text); background: rgba(255,255,255,.07); border-color: var(--line); }
html[data-theme="light"] .nav-item.active, html[data-theme="light"] .nav-item:hover, html[data-theme="light"] .theme-btn:hover { background: rgba(15,23,42,.05); }
.theme-btn { margin-top: auto; cursor: pointer; width: 100%; }
.dashboard-main { display: grid; gap: 18px; min-width: 0; }
.pro-topbar { margin-bottom: 0; padding: 16px 18px; }
.pro-topbar h1 { font-size: clamp(22px, 3vw, 34px); }
.top-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.metric-card { position: relative; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)); border-radius: 22px; padding: 18px; min-height: 136px; box-shadow: 0 18px 50px rgba(0,0,0,.24); }
.metric-card:before { content: ''; position: absolute; inset-inline-start: 18px; top: 18px; width: 10px; height: 10px; border-radius: 999px; background: var(--blue); box-shadow: 0 0 22px var(--blue); }
.metric-card span, .metric-card small { display: block; color: var(--muted); font-weight: 800; }
.metric-card strong { display: block; margin: 20px 0 8px; direction: ltr; text-align: right; font-size: clamp(30px, 5vw, 48px); letter-spacing: -1px; color: var(--text); }
.metric-card.online:before { background: var(--green); box-shadow: 0 0 22px var(--green); }
.metric-card.online strong { color: var(--green); }
.metric-card.offline:before { background: var(--red); box-shadow: 0 0 22px var(--red); }
.metric-card.offline strong { color: var(--red); }
.grid { gap: 18px; }
.grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.panel-card { padding: clamp(16px, 2.4vw, 24px); }
.device-toolbar { grid-template-columns: repeat(4, minmax(120px, 1fr)) auto auto; }
.toolbar-stat { background: rgba(255,255,255,.045); border-color: var(--line); }
.toolbar-stat.offline strong { color: var(--red); }
.device-card { border-radius: 20px; background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)); }
.device-summary { grid-template-columns: minmax(250px, 1fr) 1.4fr auto; }
.summary-metrics span, .open-chip { border-color: var(--line); background: rgba(255,255,255,.055); color: var(--text); }
.detail-box { border-color: var(--line); background: rgba(255,255,255,.04); }
button, .small-btn, input, textarea, select { font-size: clamp(12px, 1.9vw, 14px); }
@media (max-width: 1180px) {
  .dashboard-shell { grid-template-columns: 1fr; }
  .side-nav { position: static; min-height: auto; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: center; }
  .brand-row { padding: 8px; }
  .theme-btn { margin-top: 0; }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid.three { grid-template-columns: 1fr; }
  .device-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .container { width: min(100% - 16px, 1420px); padding: 12px 0; }
  .side-nav { display: flex; overflow-x: auto; gap: 8px; border-radius: 18px; padding: 10px; }
  .brand-row { min-width: max-content; }
  .nav-item, .theme-btn { min-width: max-content; padding: 10px 12px; }
  .pro-topbar { flex-direction: column; align-items: stretch; }
  .top-actions { display: grid; grid-template-columns: repeat(3, 1fr); }
  .top-actions form { display: grid; }
  .metric-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .metric-card { padding: 14px; min-height: 116px; border-radius: 18px; }
  .metric-card strong { font-size: 32px; margin-top: 18px; }
  .two-cols, .detail-grid, .device-summary { grid-template-columns: 1fr; }
  .device-toolbar { grid-template-columns: 1fr 1fr; }
  .toolbar-form { grid-column: 1 / -1; }
  .card-head { flex-direction: column; }
  .api-box, .link-actions { flex-direction: column; align-items: stretch; }
  button, .small-btn { width: 100%; min-height: 44px; }
}
@media (max-width: 430px) {
  .metric-grid, .device-toolbar { grid-template-columns: 1fr; }
  .top-actions { grid-template-columns: 1fr; }
}

/* Professional device management structure */
.devices-head .head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pro-toolbar{margin-bottom:14px}.device-controlbar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px;align-items:start;margin:14px 0 20px}.search-wrap{display:grid;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:20px;padding:12px}.search-wrap span{color:var(--muted);font-size:13px}.search-wrap input{direction:rtl;text-align:right;background:rgba(15,23,42,.55)}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter-tab{background:rgba(255,255,255,.065);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:11px 14px}.filter-tab.active,.filter-tab:hover{color:#fff;background:rgba(47,124,255,.24);border-color:rgba(96,165,250,.45)}.bulk-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:10px}.bulk-actions form{display:flex;gap:8px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px;padding-top:4px}.section-title-row h3{margin:0;font-size:18px}.section-title-row span{color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;padding:8px 12px}.grouped-list:empty:after{content:'موردی در این دسته وجود ندارد';display:block;color:var(--muted);border:1px dashed var(--line);border-radius:18px;padding:18px;text-align:center}.device-card[hidden]{display:none!important}.featured-link{background:linear-gradient(180deg,rgba(47,124,255,.13),rgba(255,255,255,.035));border-color:rgba(96,165,250,.35)}.share-link-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(96,165,250,.25);background:rgba(15,23,42,.48);border-radius:18px;padding:10px;margin:10px 0}.share-link-card div{display:flex;gap:8px}.share-link-card.secondary{opacity:.82;border-style:dashed}.empty-state{border:1px dashed var(--line);border-radius:18px;padding:18px;text-align:center;color:var(--muted);background:rgba(255,255,255,.035)}.control-link-list{display:grid;gap:10px}.control-link-item{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1fr) auto auto;gap:10px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:16px;padding:10px}.control-link-item strong{direction:ltr;display:block}.control-link-item span{color:var(--muted);font-size:12px}.box-title-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.box-title-row h3{margin:0}.box-title-row span{color:var(--muted);font-size:13px}.compact-form{gap:10px}.lock-note{color:#ffb4b4!important;font-weight:800}
@media(max-width:900px){.device-controlbar{grid-template-columns:1fr}.filter-tabs{justify-content:flex-start}.bulk-actions{grid-template-columns:1fr}.bulk-actions form{display:grid}.control-link-item{grid-template-columns:1fr}.share-link-card{grid-template-columns:1fr}.share-link-card div{display:grid;grid-template-columns:1fr 1fr}.devices-head .head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:520px){.share-link-card div{grid-template-columns:1fr}.filter-tabs{display:grid;grid-template-columns:1fr 1fr}.filter-tab{width:100%}.devices-head .head-actions{grid-template-columns:1fr}}
.device-table{display:grid;gap:10px;margin-top:12px}.device-table-head,.miner-row{display:grid;grid-template-columns:minmax(160px,1.1fr) minmax(130px,.8fr) minmax(130px,.8fr) minmax(100px,.65fr) minmax(150px,.85fr);gap:10px;align-items:center}.device-table-head{color:var(--muted);font-size:13px;padding:0 12px}.miner-row{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:18px;padding:12px}.miner-row[hidden]{display:none!important}.miner-row strong{direction:ltr;display:block;color:var(--text)}.miner-row small{display:block;color:var(--muted);margin-top:5px}.miner-row>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.muted-text{color:var(--muted);font-size:13px}.miner-filter-tab{background:rgba(255,255,255,.065);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:11px 14px}.miner-filter-tab.active,.miner-filter-tab:hover{color:#fff;background:rgba(47,124,255,.24);border-color:rgba(96,165,250,.45)}
@media(max-width:900px){.device-table-head{display:none}.miner-row{grid-template-columns:1fr}.miner-row>div{border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:8px}.miner-row>div:last-child{border-bottom:0;padding-bottom:0}.devices-only-bar{grid-template-columns:1fr}}


/* Advanced admin polish */
.pro-admin .dashboard-main{gap:20px}.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.quick-card{text-decoration:none;color:var(--text);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border-radius:20px;padding:16px;display:grid;gap:8px;min-height:110px}.quick-card b{font-size:15px}.quick-card span{color:var(--muted);font-size:13px;line-height:1.8}.quick-card:hover{border-color:rgba(96,165,250,.48);transform:translateY(-1px)}.version-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 16px}.version-strip div{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:18px;padding:14px}.version-strip span{display:block;color:var(--muted);font-size:12px}.version-strip b{font-size:24px}.smart-link{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid rgba(96,165,250,.28);background:rgba(47,124,255,.08);border-radius:16px;padding:10px}.smart-link code,.release-item code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left}.release-list{display:grid;gap:10px}.release-item{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:18px;padding:12px}.release-item span{display:block;color:var(--muted);font-size:12px}.release-item div:last-child{display:flex;gap:8px}.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tutorial-card{display:grid;gap:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:20px;padding:14px}.tutorial-card video{width:100%;max-height:220px;border-radius:16px;background:#000}.tutorial-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.bulk-actions{margin:10px 0 16px}.bulk-actions form{display:flex;gap:8px;align-items:center}.pulse-dot{display:inline-block;width:12px;height:12px;border-radius:999px;background:var(--red);box-shadow:0 0 14px var(--red);margin-inline-end:8px}.pulse-dot.live{background:var(--green);box-shadow:0 0 16px var(--green)}.pulse-dot.dead{background:var(--red)}.phone-state{display:flex;gap:10px;align-items:center}.summary-metrics{display:flex;gap:8px;flex-wrap:wrap}.summary-metrics span{padding:8px 10px;border-radius:999px}.status-pill.off{background:rgba(239,68,68,.16);color:#fecaca}.button-row{display:flex;gap:10px;flex-wrap:wrap}.danger-lite-btn.strong{border-color:rgba(239,68,68,.45)}
@media(max-width:1180px){.quick-grid{grid-template-columns:repeat(3,1fr)}.release-item{grid-template-columns:1fr}.release-item div:last-child{display:grid;grid-template-columns:1fr 1fr}.tutorial-grid{grid-template-columns:1fr}}
@media(max-width:760px){.quick-grid{grid-template-columns:1fr}.version-strip{grid-template-columns:1fr}.smart-link{grid-template-columns:1fr}.release-item div:last-child{grid-template-columns:1fr}.bulk-actions form{display:grid}.tutorial-top{align-items:flex-start;flex-direction:column}}

/* compact admin/pages update */
@font-face{font-family:Peyda;src:url('/static/PeydaWeb-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
body,.dashboard-shell{font-family:Peyda,Tahoma,Arial,sans-serif}.compact-admin .dashboard-main{max-width:1180px}.admin-page{display:none}.admin-page.active{display:block}.compact-admin .topbar{padding:16px 18px;margin-bottom:12px}.compact-admin .topbar h1{font-size:28px}.compact-admin .topbar p{font-size:13px}.metric-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-grid.compact .metric-card{min-height:auto;padding:14px}.metric-grid.compact .metric-card strong{font-size:32px}.quick-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.quick-grid.compact .quick-card{min-height:auto;padding:14px}.compact-admin .panel-card{padding:16px;border-radius:18px}.compact-admin .card-head{margin-bottom:12px}.compact-admin .card-head h2{font-size:20px}.compact-admin input,.compact-admin select,.compact-admin textarea{min-height:38px;padding:10px 12px}.compact-admin .device-summary{padding:10px 12px}.compact-admin .device-card{border-radius:16px}.compact-admin .summary-metrics{gap:8px}.compact-admin .summary-metrics span{padding:7px 10px;min-width:auto}.compact-admin .detail-box{padding:12px;border-radius:14px}.compact-table .miner-row,.compact-table .device-table-head{grid-template-columns:1.2fr 1.2fr 1fr .9fr 1fr;padding:9px 10px}.lang-pills{display:flex;gap:8px;flex-wrap:wrap}.error-editor{margin-top:12px}.error-lang{border:1px solid var(--line,#2a3442);border-radius:14px;margin:8px 0;background:#ffffff08;overflow:hidden}.error-lang>summary{cursor:pointer;padding:12px 14px;font-weight:900}.error-lang form{padding:0 12px 12px}.error-row{border:1px solid #ffffff18;border-radius:12px;margin:8px 0;background:#00000018;padding:0}.error-row>summary{cursor:pointer;padding:10px 12px;display:flex;align-items:center;gap:12px;justify-content:space-between}.error-row input,.error-row textarea{width:100%;margin:6px 10px;max-width:calc(100% - 20px)}.error-row label{display:flex;gap:6px;align-items:center;color:var(--muted,#99a3b3);font-size:12px}.tutorial-card video{max-height:130px}.release-item{gap:8px}.release-item code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav{position:sticky;top:16px;max-height:calc(100vh - 32px)}
@media(max-width:1000px){.metric-grid.compact,.quick-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-admin .dashboard-shell,.dashboard-shell{grid-template-columns:1fr}.side-nav{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.brand-row{grid-column:1/-1}.theme-btn{grid-column:1/-1}.compact-table .miner-row,.compact-table .device-table-head{grid-template-columns:1fr}.device-table-head{display:none!important}}
@media(max-width:640px){.metric-grid.compact,.quick-grid.compact{grid-template-columns:1fr}.top-actions{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.side-nav{grid-template-columns:repeat(2,1fr)}.compact-admin .summary-metrics{grid-template-columns:repeat(2,1fr);display:grid;width:100%}.compact-admin .device-summary{grid-template-columns:1fr}.compact-admin .open-chip{width:100%;text-align:center}.two-cols,.detail-grid,.grid.two{grid-template-columns:1fr!important}}

.ui-version{font-size:12px;color:#8fa3bb;margin-inline-start:8px}.version-watermark{position:fixed;left:10px;bottom:8px;color:#64748b;font-size:11px;z-index:50}


/* v9.09 premium floating legal footer */
.legal-footer{position:relative;isolation:isolate;overflow:hidden;margin:26px auto 8px;padding:14px 18px;border:1px solid rgba(96,165,250,.22);border-radius:24px;background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(17,24,39,.48));box-shadow:0 24px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--text,#f8fafc);animation:footerFloat 5.5s ease-in-out infinite;max-width:100%;}
.legal-footer .footer-glow{position:absolute;inset:-2px;z-index:-1;background:radial-gradient(circle at 15% 20%,rgba(34,230,166,.20),transparent 28%),radial-gradient(circle at 86% 18%,rgba(32,183,255,.22),transparent 30%);opacity:.85;pointer-events:none}
.footer-copy{font-size:13px;font-weight:800;color:rgba(226,232,240,.92);letter-spacing:.1px;direction:ltr;text-align:left;line-height:1.8}.footer-version{margin-inline-start:10px;color:#6ee7b7}.footer-socials{display:flex;align-items:center;gap:10px;direction:ltr}.footer-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 26px rgba(0,0,0,.20);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.footer-icon img{width:24px;height:24px;display:block}.footer-icon:hover{transform:translateY(-4px) scale(1.04);background:rgba(255,255,255,.13);box-shadow:0 16px 42px rgba(32,183,255,.22)}.share-legal-footer{width:100%;margin-top:20px}.container>.legal-footer{width:100%}html[data-theme="light"] .legal-footer{background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(240,249,255,.78));border-color:rgba(15,118,110,.18);box-shadow:0 20px 55px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.85)}html[data-theme="light"] .footer-copy{color:#1e293b}html[data-theme="light"] .footer-icon{background:rgba(255,255,255,.74);border-color:rgba(15,23,42,.10);box-shadow:0 10px 26px rgba(15,23,42,.08)}@keyframes footerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:760px){.legal-footer{flex-direction:column;text-align:center;padding:16px 12px;border-radius:20px}.footer-copy{text-align:center;font-size:12px}.footer-socials{justify-content:center;flex-wrap:wrap}.footer-icon{width:40px;height:40px;border-radius:14px}}


/* v9.10 fixed compact floating footer */
.legal-footer.compact-legal-footer,
.share-legal-footer.compact-legal-footer{
  width:min(100%, 980px) !important;
  max-width:calc(100vw - 32px) !important;
  min-height:66px !important;
  margin:22px auto 12px !important;
  padding:12px 16px !important;
  box-sizing:border-box !important;
  border-radius:22px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  transform:none;
}
.share-legal-footer{clear:both !important; position:relative !important; z-index:2 !important;}
.legal-footer.compact-legal-footer .footer-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
  font-size:12px !important;
  line-height:1.6 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  direction:ltr !important;
  text-align:left !important;
}
.legal-footer.compact-legal-footer .footer-socials{
  flex:0 0 auto !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  max-width:none !important;
  direction:ltr !important;
}
.legal-footer.compact-legal-footer .footer-icon{
  flex:0 0 38px !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:14px !important;
  display:inline-grid !important;
  place-items:center !important;
  overflow:hidden !important;
  line-height:1 !important;
  text-decoration:none !important;
  position:relative !important;
}
.legal-footer.compact-legal-footer .footer-icon img,
.legal-footer.compact-legal-footer .footer-icon svg{
  display:block !important;
  width:21px !important;
  height:21px !important;
  min-width:21px !important;
  max-width:21px !important;
  min-height:21px !important;
  max-height:21px !important;
  object-fit:contain !important;
  aspect-ratio:1/1 !important;
  position:static !important;
  transform:none !important;
}
.legal-footer.compact-legal-footer .footer-icon.tg{background:linear-gradient(135deg,rgba(56,189,248,.20),rgba(59,130,246,.12)) !important; border-color:rgba(56,189,248,.38) !important;}
.legal-footer.compact-legal-footer .footer-icon.wa{background:linear-gradient(135deg,rgba(34,197,94,.20),rgba(16,185,129,.12)) !important; border-color:rgba(34,197,94,.38) !important;}
.legal-footer.compact-legal-footer .footer-icon.web{background:linear-gradient(135deg,rgba(99,102,241,.20),rgba(14,165,233,.12)) !important; border-color:rgba(99,102,241,.38) !important;}
.legal-footer.compact-legal-footer .footer-icon.phone{background:linear-gradient(135deg,rgba(245,158,11,.20),rgba(251,191,36,.12)) !important; border-color:rgba(245,158,11,.38) !important;}
.legal-footer.compact-legal-footer .footer-icon:hover{transform:translateY(-3px) scale(1.04) !important;}
@media(max-width:720px){
  .legal-footer.compact-legal-footer,.share-legal-footer.compact-legal-footer{flex-direction:column !important; gap:10px !important; padding:14px !important;}
  .legal-footer.compact-legal-footer .footer-copy{text-align:center !important; white-space:normal !important;}
}

/* v9.11 dashboard footer helper */
.helper-note{border:1px dashed rgba(56,189,248,.35);background:rgba(56,189,248,.08);border-radius:14px;padding:12px 14px;color:var(--muted);font-weight:800;line-height:1.8;margin:10px 0}


/* v9.15 admin light readability */
html[data-theme="light"]{--text:#071923;--muted:#3d5a66;--line:rgba(79,114,125,.26);--card:rgba(255,255,255,.94);--card2:rgba(238,247,248,.96)}
html[data-theme="light"] body{background:radial-gradient(circle at 82% 0%,rgba(0,168,132,.16),transparent 30%),linear-gradient(135deg,#f7fcfc,#eef6f6 65%,#fff)}
html[data-theme="light"] .panel-card,
html[data-theme="light"] .topbar,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .quick-card,
html[data-theme="light"] .side-nav,
html[data-theme="light"] .device-card,
html[data-theme="light"] .error-lang,
html[data-theme="light"] .error-row{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,248,249,.94));border-color:rgba(79,114,125,.26);box-shadow:0 16px 38px rgba(15,35,45,.12),inset 0 1px 0 rgba(255,255,255,.96)}
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select{background:#fff;color:#071923;border-color:rgba(79,114,125,.26)}
html[data-theme="light"] p,
html[data-theme="light"] .metric-card span,
html[data-theme="light"] .metric-card small{color:#496979}
html[data-theme="light"] .metric-card strong,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3{color:#071923}

/* v9.15 force red optimization status readable in light theme */
body.light .reject-bad, body.light .pill.reject-bad {
  background: linear-gradient(135deg,#ef4444,#b91c1c 55%,#7f1d1d) !important;
  border-color: rgba(185,28,28,.65) !important;
  color: #fff !important;
}
body.light .reject-bad span, body.light .reject-bad b, body.light .pill.reject-bad span, body.light .pill.reject-bad b {
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
.loading-note,.loading-note.show{display:none!important;}

.admin-hash-temp{display:grid;gap:6px;justify-items:start}.admin-temp-badge{display:inline-flex!important;align-items:center;justify-content:center;border-radius:12px;padding:6px 10px;font-weight:900;min-width:74px;box-shadow:0 10px 24px rgba(0,0,0,.14)}html[dir=rtl] .admin-hash-temp{justify-items:end}
/* v9.21 notifications layout */
.grid.single,.notifications-stack{grid-template-columns:1fr!important;max-width:100%;}
.notice-button-row{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(220px,1fr) auto;gap:8px;align-items:center;margin:8px 10px;}
.notice-button-row input{margin:0!important;max-width:100%!important;}
.danger-mini{border-color:rgba(239,68,68,.35)!important;color:#fecaca!important;background:rgba(239,68,68,.10)!important;}
.notice-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:0 0 auto;}
.notice-link{border:1px solid rgba(255,255,255,.20);}
.notice-link-1{background:linear-gradient(135deg,#4169ff,#25c99b)!important;}
.notice-link-2{background:linear-gradient(135deg,#f59e0b,#ef4444)!important;}
.notice-link-3{background:linear-gradient(135deg,#8b5cf6,#06b6d4)!important;}
.notice-link-4{background:linear-gradient(135deg,#14b8a6,#22c55e)!important;}
body.light .site-notice{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(238,248,250,.82));box-shadow:0 18px 45px rgba(29,60,80,.10);}
body.light .site-notice p{color:#294250;}
@media(max-width:760px){.notice-button-row{grid-template-columns:1fr}.site-notice{display:grid}.notice-actions{justify-content:stretch}.notice-link{width:100%;}}

/* v9.22 compact admin + notice placement/colors */
:root{--admin-card-pad:16px;--admin-gap:14px;}
.admin-shell .admin-content{max-width:1180px!important;margin-inline:auto!important;}
.admin-page#notifications{max-width:1050px!important;margin-inline:auto!important;}
#notifications .notifications-stack{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
#notifications .panel-card{padding:16px!important;border-radius:22px!important;}
#notifications .card-head{margin-bottom:10px!important;}
#notifications h2{font-size:20px!important;margin:0 0 6px!important;}
#notifications p{font-size:13px!important;line-height:1.7!important;}
#notifications .form-stack{gap:10px!important;}
#notifications details.error-lang{border-radius:16px!important;margin:0!important;overflow:hidden!important;}
#notifications details.error-lang>summary{min-height:42px!important;padding:10px 13px!important;font-size:14px!important;}
#notifications details.error-row>summary{min-height:40px!important;padding:9px 12px!important;display:grid!important;grid-template-columns:1fr 100px 90px!important;gap:8px!important;align-items:center!important;}
#notifications input,#notifications textarea,#notifications select{min-height:38px!important;border-radius:12px!important;font-size:13px!important;}
#notifications textarea{min-height:76px!important;}
#notifications .notice-button-row{display:grid!important;grid-template-columns:1fr 1fr 72px!important;gap:8px!important;align-items:center!important;margin:7px 0!important;}
#notifications .small-btn{min-height:34px!important;border-radius:11px!important;padding:6px 10px!important;}
#notifications .primary-btn{min-height:42px!important;border-radius:14px!important;margin-top:4px!important;}
#notifications .status-pill{padding:8px 12px!important;border-radius:999px!important;}

/* Website messages must sit directly below header/hero */
.site-notices{margin:10px 0 9px!important;display:grid!important;gap:8px!important;}
.site-notice{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:14px 16px!important;border-radius:18px!important;min-height:72px!important;box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07)!important;}
.site-notice strong{font-size:16px!important;font-weight:950!important;margin-bottom:3px!important;display:block!important;}
.site-notice p{margin:0!important;font-size:13px!important;line-height:1.7!important;color:color-mix(in srgb,var(--text) 78%,var(--muted))!important;}
.notice-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;direction:rtl!important;}
.notice-link{min-width:118px!important;height:40px!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 14px!important;color:#fff!important;font-size:13px!important;font-weight:950!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 24px rgba(0,0,0,.22)!important;transition:transform .18s ease,filter .18s ease!important;}
.notice-link:hover{transform:translateY(-2px)!important;filter:saturate(1.1) brightness(1.05)!important;}
.site-notice.info{background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(20,184,166,.08))!important;border-color:rgba(56,189,248,.45)!important;}
.site-notice.warn{background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(251,113,133,.08))!important;border-color:rgba(245,158,11,.50)!important;}
.site-notice.important{background:linear-gradient(135deg,rgba(244,63,94,.20),rgba(126,34,206,.09))!important;border-color:rgba(244,63,94,.55)!important;}
.site-notice.info .notice-link:nth-child(3n+1){background:linear-gradient(135deg,#2563eb,#22c55e)!important;}
.site-notice.info .notice-link:nth-child(3n+2){background:linear-gradient(135deg,#06b6d4,#6366f1)!important;}
.site-notice.info .notice-link:nth-child(3n){background:linear-gradient(135deg,#0f766e,#3b82f6)!important;}
.site-notice.warn .notice-link:nth-child(3n+1){background:linear-gradient(135deg,#f59e0b,#ef4444)!important;}
.site-notice.warn .notice-link:nth-child(3n+2){background:linear-gradient(135deg,#f97316,#8b5cf6)!important;}
.site-notice.warn .notice-link:nth-child(3n){background:linear-gradient(135deg,#d97706,#db2777)!important;}
.site-notice.important .notice-link:nth-child(3n+1){background:linear-gradient(135deg,#e11d48,#7c3aed)!important;}
.site-notice.important .notice-link:nth-child(3n+2){background:linear-gradient(135deg,#dc2626,#f97316)!important;}
.site-notice.important .notice-link:nth-child(3n){background:linear-gradient(135deg,#be123c,#2563eb)!important;}
body.light .site-notice{box-shadow:0 14px 32px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.85)!important;}
body.light .site-notice.info{background:linear-gradient(135deg,#effaff,#eefdf8)!important;border-color:#8bdff6!important;}
body.light .site-notice.warn{background:linear-gradient(135deg,#fff7e6,#fff0f1)!important;border-color:#ffc66a!important;}
body.light .site-notice.important{background:linear-gradient(135deg,#fff1f4,#f8f1ff)!important;border-color:#ff9aaa!important;}
body.light .site-notice p{color:#334155!important;}
@media(max-width:860px){.site-notice{grid-template-columns:1fr!important}.notice-actions{justify-content:stretch!important}.notice-link{flex:1!important;min-width:0!important}.admin-page#notifications{max-width:100%!important}#notifications .notice-button-row{grid-template-columns:1fr!important}}

/* v9.23 notifications polish: full width main cards, compact inner forms */
.compact-admin .dashboard-main{max-width:1280px!important;width:100%!important;margin-inline:auto!important;}
.admin-page#notifications{max-width:none!important;width:100%!important;margin-inline:0!important;}
.notifications-pro-stack{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important;}
.notice-main-panel{padding:0!important;overflow:hidden!important;border-radius:22px!important;width:100%!important;}
.notice-main-panel>.notice-panel-summary{list-style:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px 18px!important;min-height:76px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;}
.notice-main-panel>.notice-panel-summary::-webkit-details-marker{display:none!important;}
.notice-main-panel>.notice-panel-summary:after{content:'باز کردن';font-size:12px;font-weight:950;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 10px;white-space:nowrap;}
.notice-main-panel[open]>.notice-panel-summary:after{content:'بستن';}
.notice-main-panel>.notice-panel-summary h2{font-size:22px!important;margin:0 0 4px!important;}
.notice-main-panel>.notice-panel-summary p{margin:0!important;font-size:13px!important;color:var(--muted)!important;line-height:1.7!important;}
.notice-main-panel>.notice-compact-form{padding:0 16px 16px!important;}
.notice-form-grid{display:grid!important;grid-template-columns:180px minmax(180px,1fr) minmax(220px,1.2fr)!important;gap:8px!important;align-items:start!important;}
.notice-form-grid.two-mini{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.compact-field-grid{display:grid!important;grid-template-columns:130px minmax(180px,1fr) 180px!important;gap:8px!important;padding:10px!important;}
.compact-field-grid textarea{grid-column:1/-1!important;}
#notifications .compact-inner{margin:10px 0!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;}
#notifications .compact-inner>summary{min-height:42px!important;padding:10px 14px!important;font-size:14px!important;}
#notifications .published-list{margin-top:12px!important;}
#notifications .published-message-row{margin:8px 10px!important;background:rgba(255,255,255,.025)!important;}
#notifications .published-message-row>summary{grid-template-columns:minmax(200px,1fr) 110px 100px!important;}
#notifications input,#notifications textarea,#notifications select{min-height:36px!important;padding:8px 10px!important;border-radius:11px!important;font-size:12.5px!important;}
#notifications textarea{min-height:64px!important;}
#notifications .notice-button-row{grid-template-columns:minmax(160px,.65fr) minmax(260px,1fr) 64px!important;margin:7px 10px!important;}
#notifications .subtle-add{margin:6px 10px 10px!important;background:rgba(96,165,250,.08)!important;border-color:rgba(96,165,250,.26)!important;color:#bcd7ff!important;}
html[data-theme="light"] .notice-main-panel>.notice-panel-summary{background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(245,250,251,.80))!important;}
html[data-theme="light"] #notifications .compact-inner{background:rgba(255,255,255,.72)!important;}
html[data-theme="light"] #notifications .subtle-add{background:rgba(37,99,235,.06)!important;color:#1d4ed8!important;border-color:rgba(37,99,235,.22)!important;}
@media(max-width:900px){.notice-form-grid,.notice-form-grid.two-mini,.compact-field-grid,#notifications .notice-button-row{grid-template-columns:1fr!important}.notice-main-panel>.notice-panel-summary{flex-direction:column!important;align-items:stretch!important}.notice-main-panel>.notice-panel-summary:after{width:max-content}}

/* v9.33 About-us admin page */
.about-admin-card .card-head p{max-width:760px}
.about-links-form .error-lang{border:1px solid rgba(124,255,198,.14);background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-radius:18px;padding:10px 12px;margin:12px 0;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.about-links-list{display:grid;gap:12px;margin-top:12px}.about-link-editor,.about-link-row{background:rgba(5,14,24,.42);border:1px solid rgba(124,255,198,.12);border-radius:16px;padding:12px}.about-row-preview{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);margin:8px 0 12px}.about-row-preview strong{display:block}.about-row-preview small{display:block;color:var(--muted);margin-top:3px}.about-icon-preview{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,255,198,.22),rgba(75,165,255,.12));border:1px solid rgba(124,255,198,.28);overflow:hidden;font-size:11px;color:var(--text)}.about-icon-preview img{width:100%;height:100%;object-fit:cover}.new-about-editor input[type=file],.about-link-row input[type=file]{padding:9px;background:rgba(255,255,255,.04);border-radius:12px}.about-link-row summary span{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.about-links-form select{min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(7,18,30,.72);color:var(--text);padding:0 12px}
[data-theme="light"] .about-links-form .error-lang,[data-theme="light"] .about-link-editor,[data-theme="light"] .about-link-row{background:rgba(255,255,255,.86);border-color:rgba(15,23,42,.10);box-shadow:0 18px 44px rgba(15,23,42,.08)}[data-theme="light"] .about-row-preview{background:#f7fafc;border-color:rgba(15,23,42,.08)}[data-theme="light"] .about-links-form select{background:#fff;color:#0f172a;border-color:rgba(15,23,42,.14)}
.grid.one{grid-template-columns:1fr!important}.compact-form{gap:8px!important}.tutorial-thumb{width:100%;max-height:180px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.12);margin:8px 0}.roll-mini{border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:10px;background:rgba(255,255,255,.035)}.roll-mini summary{cursor:pointer;font-weight:800;margin-bottom:8px}.roll-mini .grid{margin-top:8px}