/* MIYAAR Store Admin - Strict RTL UI (Phase 1) */
.miyaar-wrap{font-family:system-ui,-apple-system,"Segoe UI","Tahoma","Arial";direction:rtl;margin:18px 18px 18px 0;max-width:1200px}
.miyaar-header{display:flex;align-items:center;justify-content:space-between;background:#0b57d0;color:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.miyaar-title h1{margin:0;font-size:18px;font-weight:800;letter-spacing:.2px}
.miyaar-sub{opacity:.92;font-size:12px;margin-top:4px}
.miyaar-actions{display:flex;gap:10px;align-items:center}
.miyaar-btn{border-radius:12px!important;padding:8px 14px!important;height:auto!important;line-height:1.2!important;font-weight:700}
.miyaar-btn-gold{background:#f6b400!important;border-color:#f6b400!important;color:#1a1a1a!important}
.miyaar-btn-blue{background:#0b57d0!important;border-color:#0b57d0!important;color:#fff!important}
.miyaar-btn-outline{background:#fff!important;border-color:#d7e3ff!important;color:#0b57d0!important}
.miyaar-card{background:#fff;border-radius:14px;margin-top:14px;box-shadow:0 8px 22px rgba(0,0,0,.06);border:1px solid #eef2ff}
.miyaar-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eef2ff}
.miyaar-search{display:flex;gap:10px;align-items:center;width:60%}
.miyaar-meta{color:#667085;font-size:12px}
.miyaar-input{width:100%;max-width:none;border-radius:12px;border:1px solid #d7e3ff;padding:10px 12px;background:#f7faff;outline:none}
.miyaar-input:focus{border-color:#0b57d0;box-shadow:0 0 0 3px rgba(11,87,208,.12)}
.miyaar-table-wrap{padding:0 0 10px 0}
.miyaar-table{width:100%;border-collapse:separate;border-spacing:0}
.miyaar-table thead th{background:#1a56db;color:#fff;font-size:12px;padding:12px 10px;text-align:right;position:sticky;top:0}
.miyaar-table thead th:first-child{border-top-right-radius:12px}
.miyaar-table thead th:last-child{border-top-left-radius:12px}
.miyaar-table tbody td{border-bottom:1px solid #eef2ff;padding:10px 10px;font-size:13px;color:#111827;background:#fff}
.miyaar-table tbody tr:nth-child(even) td{background:#fbfdff}
.miyaar-th-actions,.miyaar-td-actions{width:260px;text-align:center}
.miyaar-actions-cell{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.miyaar-act{border-radius:999px!important;padding:6px 10px!important;height:auto!important;line-height:1.1!important;font-weight:800!important;font-size:12px!important}
.miyaar-act-outline{background:#fff!important;border:1px solid #d7e3ff!important;color:#0b57d0!important}
.miyaar-act-danger{background:#ffe9ea!important;border:1px solid #ffe9ea!important;color:#b42318!important}
.miyaar-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}
.miyaar-pill.ok{background:#e7f6ec;color:#0f7a2e}
.miyaar-pill.no{background:#ffe9ea;color:#b42318}
.miyaar-pill.warn{background:#fff6e6;color:#b54708}
.miyaar-note{background:#f7faff;border:1px dashed #cfe0ff;color:#0b57d0;padding:10px 12px;border-radius:12px;margin-top:12px}
.miyaar-muted{color:#667085;font-size:11px;margin-top:2px}

/* Modal */
.miyaar-modal{display:none;position:fixed;inset:0;z-index:99999}
.miyaar-modal.show{display:block}
.miyaar-modal-backdrop{position:absolute;inset:0;background:rgba(9,30,66,.55)}
.miyaar-modal-panel{position:relative;background:#fff;width:min(900px,92vw);margin:6vh auto;border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.25);overflow:hidden}
.miyaar-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#0b57d0;color:#fff}
.miyaar-modal-title{font-weight:900}
.miyaar-x{background:transparent;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.miyaar-form{padding:16px}
.miyaar-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.miyaar-field{grid-column:span 6}
.miyaar-span-12{grid-column:span 12}
.miyaar-span-8{grid-column:span 8}
.miyaar-span-6{grid-column:span 6}
.miyaar-span-4{grid-column:span 4}
.miyaar-label{display:block;font-size:12px;font-weight:800;color:#1f2937;margin-bottom:6px}
.miyaar-form-actions{display:flex;justify-content:flex-start;gap:10px;padding-top:10px;border-top:1px solid #eef2ff;margin-top:12px}
.miyaar-check{display:flex;align-items:center;gap:10px}

/* Dashboard cards */
.miyaar-grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.miyaar-mini-card{background:#fff;border-radius:14px;border:1px solid #eef2ff;box-shadow:0 8px 22px rgba(0,0,0,.06);padding:14px}
.miyaar-mini-label{color:#667085;font-size:12px;font-weight:800}
.miyaar-mini-val{font-size:26px;font-weight:900;color:#0b57d0;margin-top:6px}

/* Permission table switches */
.miyaar-td-center{text-align:center}
.miyaar-switch{position:relative;display:inline-block;width:44px;height:24px}
.miyaar-switch input{display:none}
.miyaar-switch span{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e5e7eb;border-radius:999px;transition:.2s}
.miyaar-switch span:before{content:"";position:absolute;height:18px;width:18px;right:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 3px 10px rgba(0,0,0,.15)}
.miyaar-switch input:checked + span{background:#22c55e}
.miyaar-switch input:checked + span:before{transform:translateX(-20px)}

/* Front shortcode minimal styles */
.miyaar-front{font-family:system-ui,-apple-system,"Segoe UI","Tahoma","Arial";direction:rtl;width:100%}
.miyaar-front-empty{padding:14px;border:1px dashed #cfe0ff;border-radius:12px;background:#f7faff;color:#0b57d0}
.miyaar-front-card{border:1px solid #eef2ff;border-radius:14px;overflow:hidden;background:#fff}
.miyaar-front-head{background:#0b57d0;color:#fff;padding:12px 14px;font-weight:900}
.miyaar-front-body{padding:12px 14px}
.miyaar-front-row{margin:6px 0;color:#111827}
.miyaar-front-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:12px;width:100%}
.miyaar-front-grid-4{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px}

/* Banks cards (Front) — match the provided reference screenshot */
.miyaar-bank-card{border:1px solid #eef2ff;border-radius:14px;background:#fff;overflow:hidden}
.miyaar-bank-card-compact{padding:0}
.miyaar-badge{display:inline-flex;align-items:center;justify-content:center;background:#f6b400;color:#1a1a1a;font-weight:900;border-radius:999px;padding:2px 8px;font-size:11px;vertical-align:middle}
.miyaar-bank-table{width:100%;border-collapse:separate;border-spacing:0}
.miyaar-bank-table thead th{background:#0b5f78;color:#fff;font-weight:900;font-size:12px;padding:10px 12px;text-align:right}
.miyaar-bank-table thead th:first-child{border-top-right-radius:12px}
.miyaar-bank-table thead th:last-child{border-top-left-radius:12px}
.miyaar-bank-table tbody td{padding:10px 12px;border-bottom:1px solid #eef2ff;color:#111827;font-size:13px;background:#fff}
.miyaar-bank-table tbody tr:nth-child(even) td{background:#f7faff}
.miyaar-bank-table tbody tr:last-child td{border-bottom:0}
.miyaar-iban-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}

.miyaar-copy{margin:12px;border:0;border-radius:10px;padding:12px 14px;font-weight:900;cursor:pointer;width:calc(100% - 24px)}
.miyaar-copy-blue{background:#0b57d0;color:#fff}

/* Responsive */
@media (max-width: 980px){
  .miyaar-search{width:100%}
  .miyaar-toolbar{flex-direction:column;align-items:stretch;gap:10px}
  .miyaar-grid-cards{grid-template-columns:repeat(2,1fr)}
  .miyaar-front-grid-4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

@media (max-width: 640px){
  .miyaar-front-grid-4{grid-template-columns:repeat(1,minmax(0,1fr)) !important}
}
/* Banks Repeater (Org) */
.miyaar-banks-repeater{border:1px dashed #d0d5dd;border-radius:14px;padding:12px;background:#fbfdff}
.miyaar-rep-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.miyaar-rep-hint{color:#667085;font-size:12px}
.miyaar-rep-table-wrap{overflow:auto;border:1px solid #eef2ff;border-radius:12px;background:#fff}
.miyaar-rep-table{width:100%;border-collapse:separate;border-spacing:0;min-width:920px}
.miyaar-rep-table thead th{position:sticky;top:0;background:#eef4ff;color:#0f172a;font-weight:900;font-size:12px;padding:10px;border-bottom:1px solid #e5e7eb;text-align:right}
.miyaar-rep-table td{padding:10px;border-bottom:1px solid #f1f5f9;vertical-align:top}
.miyaar-rep-table tr:last-child td{border-bottom:0}
.miyaar-rep-table .miyaar-inp{width:100%;min-width:120px}

/* View (Preview Popup) */
.miyaar-view-body{padding:16px}
.miyaar-view-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #eef2ff;border-radius:14px;overflow:hidden;background:#fff}
.miyaar-view-table th{background:#f4f7ff;color:#0f172a;font-weight:900;font-size:12px;padding:10px;border-bottom:1px solid #e5e7eb;text-align:right;width:220px}
.miyaar-view-table td{padding:10px;border-bottom:1px solid #f1f5f9;color:#111827}
.miyaar-view-table tr:last-child th,.miyaar-view-table tr:last-child td{border-bottom:0}

/* -------------------- Phase 2 (Items Engine) - Front Cards & Detail -------------------- */
.miyaar-store-grid{
  display:grid !important;
  grid-template-columns: repeat(var(--cols,3), minmax(0,1fr)) !important;
  gap:16px;
  align-items:stretch;
  justify-items: var(--miyaar-justify, stretch);
}
@media (max-width: 1100px){
  .miyaar-store-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 640px){
  .miyaar-store-grid{ grid-template-columns: repeat(1, minmax(0,1fr)) !important; }
}

.miyaar-item-card{
  background:#fff;
  border:1px solid #e6edf6;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  min-height:100%;
  max-width: var(--miyaar-card-w, 100%);
  height: var(--miyaar-card-h, auto);
  width: 100%;
}
.miyaar-item-img{height:var(--miyaar-img-h,160px);background:#f2f6fb;overflow:hidden;}
.miyaar-item-img img{width:var(--miyaar-img-w,100%);height:100%;object-fit:cover;display:block;}
.miyaar-item-img-empty{background:linear-gradient(135deg,#eaf2ff 0%,#f7fbff 100%);}

.miyaar-item-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1;}
.miyaar-item-title{font-weight:800;color:#0b2f62;font-size:15px;line-height:1.35;}
.miyaar-item-excerpt{color:#4b5b73;font-size:13px;line-height:1.6;max-height:48px;overflow:hidden;}
.miyaar-item-progress{margin-top:2px;}
.miyaar-item-progress-bar{height:10px;background:#e9f0fb;border-radius:999px;overflow:hidden;}
.miyaar-item-progress-bar span{display:block;height:100%;background:#0b57d0;width:0;}
.miyaar-item-progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#5b6a82;font-size:12px}
.miyaar-item-progress-meta b{color:#0b2f62}
.miyaar-item-metrics{display:flex;gap:10px}
.miyaar-item-metrics div{flex:1;border:1px dashed #d8e4f6;border-radius:12px;padding:10px;text-align:center}
.miyaar-item-metrics span{display:block;color:#6b7b95;font-size:12px}
.miyaar-item-metrics b{display:block;color:#0b2f62;font-size:15px;margin-top:4px}

.miyaar-item-actions{margin-top:auto;display:flex;gap:8px}
.miyaar-btn-primary{background:#0b57d0;border-color:#0b57d0;color:#fff}
.miyaar-btn-primary:hover{filter:brightness(.95);}

.miyaar-item-detail{
  background:#fff;
  border:1px solid #e6edf6;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  margin:0 0 18px 0;
}
.miyaar-item-detail-head{
  background:linear-gradient(90deg,#0b57d0 0%,#2f7df6 100%);
  padding:14px 18px;
  color:#fff;
}
.miyaar-item-detail-title{font-weight:900;font-size:16px}
.miyaar-item-detail-hero{background:#f2f6fb}
.miyaar-item-detail-hero img{width:var(--miyaar-detail-img-w,100%);max-height:var(--miyaar-detail-img-h,360px);object-fit:cover;display:block}
.miyaar-item-detail-body{padding:16px 18px}
.miyaar-item-detail-excerpt{color:#4b5b73;font-size:14px;line-height:1.7;margin:10px 0 14px}
.miyaar-item-detail-content{color:#273445;font-size:14px;line-height:1.8}
.miyaar-item-detail-progress{margin:10px 0 14px}
.miyaar-item-detail-metrics{display:flex;gap:10px;margin-top:10px}
.miyaar-kv{flex:1;border:1px solid #e6edf6;border-radius:14px;padding:12px 10px;text-align:center;background:#fbfdff}
.miyaar-kv span{display:block;color:#6b7b95;font-size:12px}
.miyaar-kv b{display:block;color:#0b2f62;font-size:16px;margin-top:4px}

/* -------------------- Phase 2 (Items Engine) - Front Cards & Detail -------------------- */
.miyaar-store-grid{
  display:grid !important;
  grid-template-columns: repeat(var(--cols,3), minmax(0,1fr)) !important;
  gap:16px;
  align-items:stretch;
  justify-items: var(--miyaar-justify, stretch);
}
@media (max-width: 1100px){
  .miyaar-store-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 640px){
  .miyaar-store-grid{ grid-template-columns: repeat(1, minmax(0,1fr)) !important; }
}

.miyaar-item-card{
  background:#fff;
  border:1px solid #e6edf6;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  min-height:100%;
  max-width: var(--miyaar-card-w, 100%);
  height: var(--miyaar-card-h, auto);
  width: 100%;
}
.miyaar-item-img{height:var(--miyaar-img-h,160px);background:#f2f6fb;overflow:hidden;}
.miyaar-item-img img{width:var(--miyaar-img-w,100%);height:100%;object-fit:cover;display:block;}
.miyaar-item-img-empty{background:linear-gradient(135deg,#eaf2ff 0%,#f7fbff 100%);}

.miyaar-item-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1;}
.miyaar-item-title{font-weight:800;color:#0b2f62;font-size:15px;line-height:1.35;}
.miyaar-item-excerpt{color:#4b5b73;font-size:13px;line-height:1.6;max-height:48px;overflow:hidden;}
.miyaar-item-progress{margin-top:2px;}
.miyaar-item-progress-bar{height:10px;background:#e9f0fb;border-radius:999px;overflow:hidden;}
.miyaar-item-progress-bar span{display:block;height:100%;background:#0b57d0;width:0;}
.miyaar-item-progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#5b6a82;font-size:12px}
.miyaar-item-progress-meta b{color:#0b2f62}
.miyaar-item-metrics{display:flex;gap:10px}
.miyaar-item-metrics div{flex:1;border:1px dashed #d8e4f6;border-radius:12px;padding:10px;text-align:center}
.miyaar-item-metrics span{display:block;color:#6b7b95;font-size:12px}
.miyaar-item-metrics b{display:block;color:#0b2f62;font-size:15px;margin-top:4px}

.miyaar-item-actions{margin-top:auto;display:flex;gap:8px}
.miyaar-btn-primary{background:#0b57d0;border-color:#0b57d0;color:#fff}
.miyaar-btn-primary:hover{filter:brightness(.95);}

.miyaar-item-detail{
  background:#fff;
  border:1px solid #e6edf6;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  margin:0 0 18px 0;
}
.miyaar-item-detail-head{
  background:linear-gradient(90deg,#0b57d0 0%,#2f7df6 100%);
  padding:14px 18px;
  color:#fff;
}
.miyaar-item-detail-title{font-weight:900;font-size:16px}
.miyaar-item-detail-hero{background:#f2f6fb}
.miyaar-item-detail-hero img{width:var(--miyaar-detail-img-w,100%);max-height:var(--miyaar-detail-img-h,360px);object-fit:cover;display:block}
.miyaar-item-detail-body{padding:16px 18px}
.miyaar-item-detail-excerpt{color:#4b5b73;font-size:14px;line-height:1.7;margin:10px 0 14px}
.miyaar-item-detail-content{color:#273445;font-size:14px;line-height:1.8}
.miyaar-item-detail-progress{margin:10px 0 14px}
.miyaar-item-detail-metrics{display:flex;gap:10px;margin-top:10px}
.miyaar-kv{flex:1;border:1px solid #e6edf6;border-radius:14px;padding:12px 10px;text-align:center;background:#fbfdff}
.miyaar-kv span{display:block;color:#6b7b95;font-size:12px}
.miyaar-kv b{display:block;color:#0b2f62;font-size:16px;margin-top:4px}

/* -------------------- Phase 2 (Items Engine) - Front Cards & Detail -------------------- */
.miyaar-store-grid{
  display:grid !important;
  grid-template-columns: repeat(var(--cols,3), minmax(0,1fr)) !important;
  gap:16px;
  align-items:stretch;
  justify-items: var(--miyaar-justify, stretch);
}
@media (max-width: 1100px){
  .miyaar-store-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 640px){
  .miyaar-store-grid{ grid-template-columns: repeat(1, minmax(0,1fr)) !important; }
}

.miyaar-item-card{
  background:#fff;
  border:1px solid #e6edf6;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  min-height:100%;
  max-width: var(--miyaar-card-w, 100%);
  height: var(--miyaar-card-h, auto);
  width: 100%;
}
.miyaar-item-img{height:var(--miyaar-img-h,160px);background:#f2f6fb;overflow:hidden;}
.miyaar-item-img img{width:var(--miyaar-img-w,100%);height:100%;object-fit:cover;display:block;}
.miyaar-item-img-empty{background:linear-gradient(135deg,#eaf2ff 0%,#f7fbff 100%);}

.miyaar-item-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1;}
.miyaar-item-title{font-weight:800;color:#0b2f62;font-size:15px;line-height:1.35;}
.miyaar-item-excerpt{color:#4b5b73;font-size:13px;line-height:1.6;max-height:48px;overflow:hidden;}
.miyaar-item-progress{margin-top:2px;}
.miyaar-item-progress-bar{height:10px;background:#e9f0fb;border-radius:999px;overflow:hidden;}
.miyaar-item-progress-bar span{display:block;height:100%;background:#0b57d0;width:0;}
.miyaar-item-progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#5b6a82;font-size:12px}
.miyaar-item-progress-meta b{color:#0b2f62}
.miyaar-item-metrics{display:flex;gap:10px}
.miyaar-item-metrics div{flex:1;border:1px dashed #d8e4f6;border-radius:12px;padding:10px;text-align:center}
.miyaar-item-metrics span{display:block;color:#6b7b95;font-size:12px}
.miyaar-item-metrics b{display:block;color:#0b2f62;font-size:15px;margin-top:4px}

.miyaar-item-actions{margin-top:auto;display:flex;gap:8px}
.miyaar-btn-primary{background:#0b57d0;border-color:#0b57d0;color:#fff}
.miyaar-btn-primary:hover{filter:brightness(.95);}

.miyaar-item-detail{
  background:#fff;
  border:1px solid #e6edf6;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  margin:0 0 18px 0;
}
.miyaar-item-detail-head{
  background:linear-gradient(90deg,#0b57d0 0%,#2f7df6 100%);
  padding:14px 18px;
  color:#fff;
}
.miyaar-item-detail-title{font-weight:900;font-size:16px}
.miyaar-item-detail-hero{background:#f2f6fb}
.miyaar-item-detail-hero img{width:var(--miyaar-detail-img-w,100%);max-height:var(--miyaar-detail-img-h,360px);object-fit:cover;display:block}
.miyaar-item-detail-body{padding:16px 18px}
.miyaar-item-detail-excerpt{color:#4b5b73;font-size:14px;line-height:1.7;margin:10px 0 14px}
.miyaar-item-detail-content{color:#273445;font-size:14px;line-height:1.8}
.miyaar-item-detail-progress{margin:10px 0 14px}
.miyaar-item-detail-metrics{display:flex;gap:10px;margin-top:10px}
.miyaar-kv{flex:1;border:1px solid #e6edf6;border-radius:14px;padding:12px 10px;text-align:center;background:#fbfdff}
.miyaar-kv span{display:block;color:#6b7b95;font-size:12px}
.miyaar-kv b{display:block;color:#0b2f62;font-size:16px;margin-top:4px}

/* -------------------- Phase 2 (Items Engine) - Front Cards & Detail -------------------- */
.miyaar-store-grid{
  display:grid !important;
  grid-template-columns: repeat(var(--cols,3), minmax(0,1fr)) !important;
  gap:16px;
  align-items:stretch;
  justify-items: var(--miyaar-justify, stretch);
}
@media (max-width: 1100px){
  .miyaar-store-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 640px){
  .miyaar-store-grid{ grid-template-columns: repeat(1, minmax(0,1fr)) !important; }
}

.miyaar-item-card{
  background:#fff;
  border:1px solid #e6edf6;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  min-height:100%;
  max-width: var(--miyaar-card-w, 100%);
  height: var(--miyaar-card-h, auto);
  width: 100%;
}
.miyaar-item-img{height:var(--miyaar-img-h,160px);background:#f2f6fb;overflow:hidden;}
.miyaar-item-img img{width:var(--miyaar-img-w,100%);height:100%;object-fit:cover;display:block;}
.miyaar-item-img-empty{background:linear-gradient(135deg,#eaf2ff 0%,#f7fbff 100%);}

.miyaar-item-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1;}
.miyaar-item-title{font-weight:800;color:#0b2f62;font-size:15px;line-height:1.35;}
.miyaar-item-excerpt{color:#4b5b73;font-size:13px;line-height:1.6;max-height:48px;overflow:hidden;}
.miyaar-item-progress{margin-top:2px;}
.miyaar-item-progress-bar{height:10px;background:#e9f0fb;border-radius:999px;overflow:hidden;}
.miyaar-item-progress-bar span{display:block;height:100%;background:#0b57d0;width:0;}
.miyaar-item-progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#5b6a82;font-size:12px}
.miyaar-item-progress-meta b{color:#0b2f62}
.miyaar-item-metrics{display:flex;gap:10px}
.miyaar-item-metrics div{flex:1;border:1px dashed #d8e4f6;border-radius:12px;padding:10px;text-align:center}
.miyaar-item-metrics span{display:block;color:#6b7b95;font-size:12px}
.miyaar-item-metrics b{display:block;color:#0b2f62;font-size:15px;margin-top:4px}

.miyaar-item-actions{margin-top:auto;display:flex;gap:8px}
.miyaar-btn-primary{background:#0b57d0;border-color:#0b57d0;color:#fff}
.miyaar-btn-primary:hover{filter:brightness(.95);}

.miyaar-item-detail{
  background:#fff;
  border:1px solid #e6edf6;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  margin:0 0 18px 0;
}
.miyaar-item-detail-head{
  background:linear-gradient(90deg,#0b57d0 0%,#2f7df6 100%);
  padding:14px 18px;
  color:#fff;
}
.miyaar-item-detail-title{font-weight:900;font-size:16px}
.miyaar-item-detail-hero{background:#f2f6fb}
.miyaar-item-detail-hero img{width:var(--miyaar-detail-img-w,100%);max-height:var(--miyaar-detail-img-h,360px);object-fit:cover;display:block}
.miyaar-item-detail-body{padding:16px 18px}
.miyaar-item-detail-excerpt{color:#4b5b73;font-size:14px;line-height:1.7;margin:10px 0 14px}
.miyaar-item-detail-content{color:#273445;font-size:14px;line-height:1.8}
.miyaar-item-detail-progress{margin:10px 0 14px}
.miyaar-item-detail-metrics{display:flex;gap:10px;margin-top:10px}
.miyaar-kv{flex:1;border:1px solid #e6edf6;border-radius:14px;padding:12px 10px;text-align:center;background:#fbfdff}
.miyaar-kv span{display:block;color:#6b7b95;font-size:12px}
.miyaar-kv b{display:block;color:#0b2f62;font-size:16px;margin-top:4px}

/* -------------------- Phase 2 (Items Engine) - Front Cards & Detail -------------------- */
.miyaar-store-grid{
  display:grid !important;
  grid-template-columns: repeat(var(--cols,3), minmax(0,1fr)) !important;
  gap:16px;
  align-items:stretch;
  justify-items: var(--miyaar-justify, stretch);
}
@media (max-width: 1100px){
  .miyaar-store-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 640px){
  .miyaar-store-grid{ grid-template-columns: repeat(1, minmax(0,1fr)) !important; }
}

.miyaar-item-card{
  background:#fff;
  border:1px solid #e6edf6;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  min-height:100%;
  max-width: var(--miyaar-card-w, 100%);
  height: var(--miyaar-card-h, auto);
  width: 100%;
}
.miyaar-item-img{height:var(--miyaar-img-h,160px);background:#f2f6fb;overflow:hidden;}
.miyaar-item-img img{width:var(--miyaar-img-w,100%);height:100%;object-fit:cover;display:block;}
.miyaar-item-img-empty{background:linear-gradient(135deg,#eaf2ff 0%,#f7fbff 100%);}

.miyaar-item-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1;}
.miyaar-item-title{font-weight:800;color:#0b2f62;font-size:15px;line-height:1.35;}
.miyaar-item-excerpt{color:#4b5b73;font-size:13px;line-height:1.6;max-height:48px;overflow:hidden;}
.miyaar-item-progress{margin-top:2px;}
.miyaar-item-progress-bar{height:10px;background:#e9f0fb;border-radius:999px;overflow:hidden;}
.miyaar-item-progress-bar span{display:block;height:100%;background:#0b57d0;width:0;}
.miyaar-item-progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#5b6a82;font-size:12px}
.miyaar-item-progress-meta b{color:#0b2f62}
.miyaar-item-metrics{display:flex;gap:10px}
.miyaar-item-metrics div{flex:1;border:1px dashed #d8e4f6;border-radius:12px;padding:10px;text-align:center}
.miyaar-item-metrics span{display:block;color:#6b7b95;font-size:12px}
.miyaar-item-metrics b{display:block;color:#0b2f62;font-size:15px;margin-top:4px}

.miyaar-item-actions{margin-top:auto;display:flex;gap:8px}
.miyaar-btn-primary{background:#0b57d0;border-color:#0b57d0;color:#fff}
.miyaar-btn-primary:hover{filter:brightness(.95);}

.miyaar-item-detail{
  background:#fff;
  border:1px solid #e6edf6;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  margin:0 0 18px 0;
}
.miyaar-item-detail-head{
  background:linear-gradient(90deg,#0b57d0 0%,#2f7df6 100%);
  padding:14px 18px;
  color:#fff;
}
.miyaar-item-detail-title{font-weight:900;font-size:16px}
.miyaar-item-detail-hero{background:#f2f6fb}
.miyaar-item-detail-hero img{width:var(--miyaar-detail-img-w,100%);max-height:var(--miyaar-detail-img-h,360px);object-fit:cover;display:block}
.miyaar-item-detail-body{padding:16px 18px}
.miyaar-item-detail-excerpt{color:#4b5b73;font-size:14px;line-height:1.7;margin:10px 0 14px}
.miyaar-item-detail-content{color:#273445;font-size:14px;line-height:1.8}
.miyaar-item-detail-progress{margin:10px 0 14px}
.miyaar-item-detail-metrics{display:flex;gap:10px;margin-top:10px}
.miyaar-kv{flex:1;border:1px solid #e6edf6;border-radius:14px;padding:12px 10px;text-align:center;background:#fbfdff}
.miyaar-kv span{display:block;color:#6b7b95;font-size:12px}
.miyaar-kv b{display:block;color:#0b2f62;font-size:16px;margin-top:4px}

/* -------------------- Phase 2 (Items Engine) - Front Cards & Detail -------------------- */
.miyaar-store-grid{
  display:grid !important;
  grid-template-columns: repeat(var(--cols,3), minmax(0,1fr)) !important;
  gap:16px;
  align-items:stretch;
  justify-items: var(--miyaar-justify, stretch);
}
@media (max-width: 1100px){
  .miyaar-store-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 640px){
  .miyaar-store-grid{ grid-template-columns: repeat(1, minmax(0,1fr)) !important; }
}

.miyaar-item-card{
  background:#fff;
  border:1px solid #e6edf6;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  min-height:100%;
  max-width: var(--miyaar-card-w, 100%);
  height: var(--miyaar-card-h, auto);
  width: 100%;
}
.miyaar-item-img{height:var(--miyaar-img-h,160px);background:#f2f6fb;overflow:hidden;}
.miyaar-item-img img{width:var(--miyaar-img-w,100%);height:100%;object-fit:cover;display:block;}
.miyaar-item-img-empty{background:linear-gradient(135deg,#eaf2ff 0%,#f7fbff 100%);}

.miyaar-item-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1;}
.miyaar-item-title{font-weight:800;color:#0b2f62;font-size:15px;line-height:1.35;}
.miyaar-item-excerpt{color:#4b5b73;font-size:13px;line-height:1.6;max-height:48px;overflow:hidden;}
.miyaar-item-progress{margin-top:2px;}
.miyaar-item-progress-bar{height:10px;background:#e9f0fb;border-radius:999px;overflow:hidden;}
.miyaar-item-progress-bar span{display:block;height:100%;background:#0b57d0;width:0;}
.miyaar-item-progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#5b6a82;font-size:12px}
.miyaar-item-progress-meta b{color:#0b2f62}
.miyaar-item-metrics{display:flex;gap:10px}
.miyaar-item-metrics div{flex:1;border:1px dashed #d8e4f6;border-radius:12px;padding:10px;text-align:center}
.miyaar-item-metrics span{display:block;color:#6b7b95;font-size:12px}
.miyaar-item-metrics b{display:block;color:#0b2f62;font-size:15px;margin-top:4px}

.miyaar-item-actions{margin-top:auto;display:flex;gap:8px}
.miyaar-btn-primary{background:#0b57d0;border-color:#0b57d0;color:#fff}
.miyaar-btn-primary:hover{filter:brightness(.95);}

/* -------------------- Phase 2 (Items Engine) - Front Cards & Detail -------------------- */
.miyaar-store-grid{
  display:grid !important;
  grid-template-columns: repeat(var(--cols,3), minmax(0,1fr)) !important;
  gap:16px;
  align-items:stretch;
  justify-items: var(--miyaar-justify, stretch);
}
@media (max-width: 1100px){
  .miyaar-store-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 640px){
  .miyaar-store-grid{ grid-template-columns: repeat(1, minmax(0,1fr)) !important; }
}


/* ---------------- MIYAAR Panel Style (Settings like screenshot) ---------------- */
.miyaar-settings-wrap .description{margin:6px 0 18px;color:#6b7280;}
.miyaar-settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 14px 16px;margin:0 0 16px;box-shadow:0 1px 2px rgba(0,0,0,0.04);}
.miyaar-settings-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.miyaar-settings-card-title{font-size:16px;font-weight:700;color:#111827;}
.miyaar-settings-save{background:#c79a2b;border-color:#c79a2b;box-shadow:none;}
.miyaar-settings-save:hover{background:#b88724;border-color:#b88724;}
.miyaar-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;}
@media (max-width: 1200px){.miyaar-settings-grid{grid-template-columns:1fr;}}
.miyaar-settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #eef2f7;border-radius:12px;background:#fafbfc;}
.miyaar-settings-label{font-weight:600;color:#111827;white-space:nowrap;max-width:55%;}
.miyaar-settings-control{display:flex;align-items:center;gap:10px;justify-content:flex-start;min-width:240px;}
.miyaar-settings-input{min-width:220px;}
.miyaar-unit{color:#9ca3af;font-weight:600;}
.miyaar-muted{color:#6b7280;font-weight:600;}
.miyaar-settings-subtitle{margin:14px 0 8px;font-weight:700;color:#374151;}
.miyaar-checkboxes{flex-wrap:wrap;justify-content:flex-start;min-width:unset}
.miyaar-check{display:inline-flex;align-items:center;gap:8px;margin-left:14px;}
.miyaar-check input{margin:0;}



.miyaar-report-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.miyaar-filter{display:flex;flex-direction:column;gap:4px;min-width:160px}
.miyaar-filter span{font-size:12px;color:#475467}


/* ---------------- Phase 5 Reports layout (match screenshot-style) ---------------- */
.miyaar-report-toolbar{gap:10px;}
.miyaar-report-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}
.miyaar-filter-profile{min-width:240px}
.miyaar-filter-range{min-width:220px}
.miyaar-range{display:flex;flex-direction:column;gap:6px}
@media (max-width: 1200px){
  .miyaar-report-bar{flex-direction:column;align-items:stretch}
  .miyaar-filter-profile,.miyaar-filter-range{min-width:unset}
}