/* Desktop: sidebar fixed to FAR RIGHT, content fills the remaining width */
.miyaar-mp-shell{
  position:relative;
  direction:rtl;
  font-family: system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;
  width:100%;
  max-width:100%;
  min-height:100vh;
}

.miyaar-mp-content{
  background:#fff;
  /* leave room for fixed sidebar */
  margin-right:320px;
  min-width:0;
}
.miyaar-mp-content-inner{margin:0;min-height:100vh;background:#fff;border:0;border-radius:0;overflow:hidden}
.miyaar-mp-content-empty{padding:40px 18px;color:#94a3b8;text-align:center}
.miyaar-mp-frame{width:100%;height:100vh;border:0;display:block;background:#fff}
.miyaar-mp-sidebar{
  position:fixed;
  top:0;
  right:0;
  width:320px;
  height:100vh;
  max-height:100vh;
  overflow:hidden;
  background:var(--mp-card-bg);
  border-left:1px solid var(--mp-card-border);
  border-top:0;
  border-right:0;
  border-bottom:0;
  z-index:9999;
}
.miyaar-mp-collapse{
  position:absolute;
  left:10px;
  top:10px;
  width:34px;
  height:34px;
  border-radius:12px;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#0f172a;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.miyaar-mp-collapse:hover{background:#f8fafc}
.miyaar-mp-sidehead{padding:14px 14px 10px;border-bottom:1px solid #eef2f7}
.miyaar-mp-sidebrand{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.miyaar-mp-sidebrand-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--mp-header-bg),var(--mp-header-btn-bg));display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff}
.miyaar-mp-sidebrand-icon img{max-width:26px;max-height:26px;border-radius:8px}
.miyaar-mp-sidebrand-icon .dashicons{font-size:18px;width:18px;height:18px;line-height:18px;color:#fff}
.miyaar-mp-sidebrand-title{font-weight:800;color:var(--mp-card-title);line-height:1.1}
.miyaar-mp-sidebrand-sub{color:var(--mp-card-subtitle);font-size:12px;margin-top:2px}
.miyaar-mp-sidesearch{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:8px 10px}
.miyaar-mp-sidesearch input{border:none;outline:none;background:transparent;width:100%}
.miyaar-mp-nav{padding:10px 10px 0;max-height: calc(100vh - 330px);overflow:auto; position:relative}

/* White scroll details (thumb + arrows) */
.miyaar-mp-nav::-webkit-scrollbar,
.miyaar-mp-frame::-webkit-scrollbar{width:10px;height:10px}
.miyaar-mp-nav::-webkit-scrollbar-track,
.miyaar-mp-frame::-webkit-scrollbar-track{background:transparent}
.miyaar-mp-nav::-webkit-scrollbar-thumb,
.miyaar-mp-frame::-webkit-scrollbar-thumb{background:var(--mp-scroll-thumb, rgba(255,255,255,.55));border-radius:99px;border:2px solid transparent;background-clip:content-box}
.miyaar-mp-nav::-webkit-scrollbar-button,
.miyaar-mp-frame::-webkit-scrollbar-button{background:transparent;height:12px}

.miyaar-mp-nav{scrollbar-color: var(--mp-scroll-thumb, rgba(255,255,255,.55)) transparent; scrollbar-width: thin;}

/* explicit white arrows (scroll buttons) */
.miyaar-mp-scrollbtn{
  position:absolute;
  left:12px;
  width:28px;
  height:28px;
  border-radius:999px;
  border:1px solid var(--mp-scrollbtn-border, rgba(255,255,255,.25));
  background:var(--mp-scrollbtn-bg, rgba(15,23,42,.25));
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:5;
}
.miyaar-mp-scrollbtn:hover{filter:brightness(1.05)}
.miyaar-mp-scrollbtn.up{top:10px}
.miyaar-mp-scrollbtn.down{bottom:10px}
.miyaar-mp-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;padding:10px 10px;margin-bottom:6px;cursor:pointer}
.miyaar-mp-item:hover{background:#f8fafc}
.miyaar-mp-item .left{display:flex;align-items:center;gap:10px;min-width:0}
.miyaar-mp-ico{width:34px;height:34px;border-radius:12px;background:var(--mp-icon-bg);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.miyaar-mp-ico img{max-width:20px;max-height:20px;border-radius:6px}
.miyaar-mp-label{font-weight:700;color:var(--mp-card-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.miyaar-mp-chevron{width:24px;height:24px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ffffff;opacity:.9}
.miyaar-mp-sub{margin:4px 0 10px 0;padding-right:44px;display:none}
.miyaar-mp-sub a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;color:#334155;text-decoration:none}
.miyaar-mp-sub a:hover{background:#f1f5f9}
.miyaar-mp-sub .dashicons{opacity:.7}

.miyaar-mp-item.active{background:rgba(59,130,246,.12)}
.miyaar-mp-item.active .miyaar-mp-chevron{transform:rotate(180deg)}

.miyaar-mp-sidefooter{border-top:1px solid #eef2f7;padding:10px 12px}
.miyaar-mp-footeritem{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:12px;color:#0f172a}
.miyaar-mp-footeritem:hover{background:#f8fafc}
.miyaar-mp-footeritem .dashicons{font-size:18px;width:18px;height:18px;opacity:.9}
.miyaar-mp-footeritem .miyaar-mp-ficon{width:18px;height:18px;object-fit:contain;border-radius:6px;opacity:.95}
.miyaar-mp-badge{margin-right:auto;background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;border-radius:999px;padding:2px 8px;font-size:12px}
.miyaar-mp-pill{margin-right:auto;background:#ecfeff;border:1px solid #a5f3fc;color:#155e75;border-radius:999px;padding:2px 8px;font-size:12px}

.miyaar-mp-user{margin-top:10px;display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:10px}
.miyaar-mp-useravatar{width:38px;height:38px;border-radius:14px;background:#0f172a}
.miyaar-mp-username{font-weight:800;color:#0f172a}
.miyaar-mp-userrole{font-size:12px;color:#64748b}
.miyaar-mp-logout{margin-right:auto;border:none;background:transparent;cursor:pointer}

.miyaar-mp-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9998}

/* Desktop collapse (fold to the right) */
.miyaar-mp-shell.collapsed .miyaar-mp-sidebar{width:74px}
.miyaar-mp-shell.collapsed .miyaar-mp-content{margin-right:74px}
.miyaar-mp-shell.collapsed .miyaar-mp-sidebrand-txt{display:none}
.miyaar-mp-shell.collapsed .miyaar-mp-sidesearch{display:none}
.miyaar-mp-shell.collapsed .miyaar-mp-nav{max-height: calc(100vh - 220px);padding:10px 8px 0}
.miyaar-mp-shell.collapsed .miyaar-mp-item{justify-content:center}
.miyaar-mp-shell.collapsed .miyaar-mp-item .left{justify-content:center}
.miyaar-mp-shell.collapsed .miyaar-mp-label{display:none}
.miyaar-mp-shell.collapsed .miyaar-mp-chevron{display:none}
.miyaar-mp-shell.collapsed .miyaar-mp-sub{display:none !important}
.miyaar-mp-shell.collapsed .miyaar-mp-sidefooter{padding:10px 8px}
.miyaar-mp-shell.collapsed .miyaar-mp-footeritem span:nth-child(2){display:none}
.miyaar-mp-shell.collapsed .miyaar-mp-badge,
.miyaar-mp-shell.collapsed .miyaar-mp-pill{display:none}
.miyaar-mp-shell.collapsed .miyaar-mp-userinfo{display:none}
.miyaar-mp-shell.collapsed .miyaar-mp-user{justify-content:center}
.miyaar-mp-shell.collapsed .miyaar-mp-logout{margin-right:0}
.miyaar-mp-shell.collapsed .miyaar-mp-collapse .dashicons{transform:rotate(180deg)}

/* Mobile bar + drawer behaviour */
.miyaar-mp-mobilebar{display:none;position:fixed;top:12px;right:12px;left:12px;z-index:9999;background:var(--mp-header-bg);color:var(--mp-header-title);border-radius:16px;padding:10px 12px;align-items:center;gap:10px}
.miyaar-mp-burger{width:42px;height:38px;border-radius:12px;border:1px solid var(--mp-header-btn-border);background:var(--mp-header-btn-bg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 10px}
.miyaar-mp-burger span{display:block;height:2px;background:var(--mp-header-btn-text);border-radius:99px}
.miyaar-mp-mobiletitle{font-weight:800}

@media (max-width: 900px){
  .miyaar-mp-shell{display:block;width:100%;max-width:none;margin:0}
  .miyaar-mp-content{margin-right:0}
  .miyaar-mp-content-inner{margin-top:70px;border-radius:12px;min-height:calc(100vh - 90px)}
  .miyaar-mp-frame{height:calc(100vh - 90px);background:#fff}
  .miyaar-mp-mobilebar{display:flex}
  .miyaar-mp-sidebar{
    position:fixed;
    top:0;right:-320px;left:auto;height:100vh;max-height:none;border-radius:0;width:320px;
    transition:right .25s ease;
  }
  .miyaar-mp-shell.open .miyaar-mp-sidebar{right:0}
  .miyaar-mp-shell.open .miyaar-mp-overlay{display:block}
}

/* Profile login overlay */
.miyaar-mp-login{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.55);backdrop-filter:blur(2px)}
.miyaar-mp-loginbox{width:min(420px,92vw);background:#fff;border-radius:20px;padding:18px 18px 14px;box-shadow:0 14px 38px rgba(0,0,0,.18);direction:rtl;text-align:right}
.miyaar-mp-loginbox h3{margin:0 0 6px;font-size:18px}
.miyaar-mp-loginbox p{margin:0 0 12px;color:#6b7280;font-size:12px}
.miyaar-mp-loginform{display:grid;gap:10px}
.miyaar-mp-loginform input{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:14px;font-size:14px}
.miyaar-mp-loginform button{padding:10px 12px;border-radius:14px;border:1px solid var(--mp-header-btn-border);background:var(--mp-header-btn-bg);color:var(--mp-header-btn-text);font-weight:800;cursor:pointer}
.miyaar-mp-loginmsg{min-height:16px;font-size:12px;color:#b91c1c}

.miyaar-mp-footerlogout{margin-top:10px;padding:0 14px 12px}
.miyaar-mp-logout{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;font-weight:700}