.mri-app { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.mri-header { display:flex; align-items:center; justify-content:space-between; padding:14px 12px; border:1px solid #e5e5e5; border-radius:12px; background:#fff; }
.mri-title { font-weight:700; font-size:16px; }
.mri-nav a { margin-left:10px; text-decoration:none; }
.mri-content { margin-top:12px; border:1px solid #e5e5e5; border-radius:12px; background:#fff; padding:12px; }
.mri-box { border:1px solid #e5e5e5; border-radius:12px; padding:12px; background:#fff; }
.mri-row { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.mri-row > * { flex: 1 1 240px; }
.mri-input, .mri-select, .mri-textarea { width:100%; padding:8px 10px; border:1px solid #d9d9d9; border-radius:10px; }
.mri-textarea { min-height: 90px; }
.mri-btn { padding:9px 12px; border:1px solid #d0d0d0; border-radius:10px; background:#f7f7f7; cursor:pointer; }
.mri-btn-primary { background:#1f6feb; color:#fff; border-color:#1f6feb; }
.mri-btn-danger { background:#fbeaea; border-color:#f2b8b5; }
.mri-table { width:100%; border-collapse:collapse; }
.mri-table th, .mri-table td { border-bottom:1px solid #eee; text-align:left; padding:8px; font-size:14px; vertical-align:top; }
.mri-muted { color:#666; font-size:13px; }
.mri-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(140px,1fr)); gap:10px; }
.mri-card { border:1px solid #eee; border-radius:12px; padding:10px; }
.mri-card img { width:100%; height:auto; border-radius:10px; display:block; }
.mri-h2 { margin: 8px 0 10px; font-size: 16px; }
.mri-split { display:grid; grid-template-columns: 1fr; gap:12px; }
@media (min-width: 920px) { .mri-split { grid-template-columns: 1.2fr 0.8fr; } }


/* Strong button styles (avoid theme overrides) */
.mri-app .mri-btn { background:#2e7d32; color:#fff; border-color:#2e7d32; }
.mri-app .mri-btn:hover { filter: brightness(0.95); }
.mri-app .mri-btn-primary { background:#1b5e20; border-color:#1b5e20; }
.mri-app .mri-btn-danger { background:#b71c1c; border-color:#b71c1c; }

.mri-thumb { width:200px; height:200px; object-fit:cover; border-radius:12px; border:1px solid #eee; background:#fafafa; }

/* Modal */
.mri-modal-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,0.35); z-index:999999; display:flex; align-items:flex-start; justify-content:center; padding:40px 16px; }
.mri-modal{ width:min(980px, 100%); background:#fff; border-radius:16px; border:1px solid #e5e5e5; box-shadow:0 20px 60px rgba(0,0,0,0.2); overflow:hidden; }
.mri-modal-header{ padding:14px 16px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eee; }
.mri-modal-title{ font-weight:700; }
.mri-modal-body{ padding:12px 16px; max-height: calc(100vh - 160px); overflow:auto; }
.mri-modal-footer{ padding:12px 16px; display:flex; gap:10px; justify-content:flex-end; border-top:1px solid #eee; }

/* Toast */
.mri-toast{ position:fixed; right:16px; bottom:16px; z-index:10000; padding:10px 12px; border-radius:12px; border:1px solid #e5e5e5; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,0.15); max-width:min(420px, calc(100vw - 32px)); }
.mri-toast.mri-toast-ok{ border-color:#b7e1c1; }
.mri-toast.mri-toast-err{ border-color:#f2b8b5; background:#fbeaea; }


/* v0.4.1 tweaks */
.mri-thumb { width:200px; height:200px; object-fit:cover; border-radius:12px; border:1px solid #eee; background:#fafafa; }
.mri-actions { display:flex; gap:10px; flex-wrap:wrap; }

.mri-btn-inline{display:inline-block;width:auto;}

.mri-btn-inline{display:inline-block !important;width:auto !important;max-width:none !important;padding:8px 16px !important;}

/* Force Nou item not full width */
.mri-btn-primary.mri-btn-inline{display:inline-block !important;width:auto !important;}

.mri-btn-inline{display:inline-block !important;width:auto !important;}


/* v0.6.0 Inventory UI refresh */
.mri-wrap{max-width:1200px;margin:0 auto;padding:18px;}
.mri-topnav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
.mri-brand{font-weight:700;}
.mri-links{display:flex;gap:10px;flex-wrap:wrap;}
.mri-links a{text-decoration:none;}
.mri-links a.active{text-decoration:underline;}
.mri-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px;}
.mri-toolbar{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px;}
.mri-field{display:flex;flex-direction:column;gap:6px;min-width:200px;}
.mri-field label{font-size:13px;font-weight:600;}
.mri-field input,.mri-field select{padding:10px 12px;border:1px solid rgba(0,0,0,.18);border-radius:10px;width:100%;}
.mri-actions{display:flex;gap:10px;align-items:center;}
a.mri-btn{display:inline-block;text-decoration:none;line-height:1.2;}
a.mri-btn-primary{color:#fff !important;background:#1b5e20 !important;border-color:#1b5e20 !important;}
button.mri-btn-primary{background:#1b5e20 !important;border-color:#1b5e20 !important;color:#fff !important;}
.mri-tablewrap{overflow:auto;}
.mri-inv-table{width:100%;border-collapse:separate;border-spacing:0 10px;}
.mri-inv-table thead th{font-weight:700;border-bottom:1px solid rgba(0,0,0,.08);padding:10px 12px;}
.mri-inv-table thead a{text-decoration:none;color:inherit;}
.mri-inv-table tbody tr{background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px rgba(0,0,0,.04);}
.mri-inv-table tbody tr:hover{box-shadow:0 4px 12px rgba(0,0,0,.10);cursor:pointer;}
.mri-inv-table td{padding:12px 12px;vertical-align:middle;}
.mri-col-photo{width:220px;}
.mri-thumb{width:200px;height:200px;object-fit:cover;border-radius:10px;display:block;}
.mri-thumb-empty{background:rgba(0,0,0,.06);}

@media (max-width: 900px){
  .mri-wrap{padding:12px;}
  .mri-field{min-width:160px;flex:1;}
  .mri-actions{width:100%;}
  .mri-inv-table thead{display:none;}
  .mri-inv-table, .mri-inv-table tbody, .mri-inv-table tr, .mri-inv-table td{display:block;width:100%;}
  .mri-inv-table tr{margin-bottom:14px;border-radius:12px;overflow:hidden;}
  .mri-col-photo{width:auto;}
  .mri-thumb{width:140px;height:140px;}
}

/* v0.6.1 Force button styles for links */
a.mri-btn{
  display:inline-block !important;
  text-decoration:none !important;
}
a.mri-btn.mri-btn-primary{
  background: var(--mri-primary, #1f6feb) !important;
  color:#fff !important;
  border-color: var(--mri-primary, #1f6feb) !important;
}


/* v0.6.2 Astra compatibility + layout */
.mri-wrap{max-width:100% !important;}
.mri-topnav,.mri-panel{max-width:100% !important;}
.mri-table{width:100% !important;}

/* Force anchor buttons to look like buttons (Astra resets <a>) */
.mri-wrap a.mri-btn,
.mri-wrap a.mri-btn:visited{
  display:inline-block !important;
  padding:10px 16px !important;
  border-radius:6px !important;
  text-decoration:none !important;
  border:0 !important;
}
.mri-wrap a.mri-btn-primary,
.mri-wrap a.mri-btn-primary:visited{
  background:#0a8f08 !important;
  color:#fff !important;
}
.mri-wrap a.mri-btn-primary:hover{
  filter:brightness(0.95) !important;
  color:#fff !important;
}


/* v0.6.3 Header/menu like theme and button fixes (Astra Pro) */
.mri-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:12px 0 !important;
  border-bottom:1px solid rgba(0,0,0,.08) !important;
  margin-bottom:14px !important;
}
.mri-title{font-size:16px !important;font-weight:700 !important;margin:0 !important;}
.mri-nav{
  display:flex !important;
  gap:14px !important;
  justify-content:flex-end !important;
  align-items:center !important;
}
.mri-nav a{
  font-weight:600 !important;
  text-decoration:none !important;
  padding:6px 2px !important;
  border-bottom:2px solid transparent !important;
}
.mri-nav a:hover{border-bottom-color: rgba(0,0,0,.25) !important;}

/* Force Nou item to look like a button */
.mri-wrap a.mri-btn,
.mri-wrap a.mri-btn:visited,
.mri-wrap a.mri-btn:hover{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border-radius:6px !important;
  padding:10px 16px !important;
  text-decoration:none !important;
  border:0 !important;
  line-height:1 !important;
}
.mri-wrap a.mri-btn-primary,
.mri-wrap a.mri-btn-primary:visited{
  background:#0a8f08 !important;
  color:#fff !important;
}
.mri-wrap a.mri-btn-primary:hover{filter:brightness(.95) !important;color:#fff !important;}


/* v0.6.4 Astra force buttons in app */
.mri-app a.mri-btn,
.mri-app a.mri-btn:visited{
  display:inline-block !important;
  padding:10px 16px !important;
  border-radius:6px !important;
  text-decoration:none !important;
  border:0 !important;
}
.mri-app a.mri-btn-primary,
.mri-app a.mri-btn-primary:visited{
  background:#0a8f08 !important;
  color:#fff !important;
}
.mri-app a.mri-btn-primary:hover{color:#fff !important; filter:brightness(0.95) !important;}
.mri-btn-inline{width:auto !important;}


/* v0.6.6 Astra alignment + buttons */
.mri-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08);}
.mri-title{font-weight:700;}
.mri-nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;}
.mri-nav a{color:#0a6b0a;text-decoration:none;}
.mri-nav a.active{font-weight:700;text-decoration:underline;}
.mri-btn-inline{display:inline-block !important;width:auto !important;}
.mri-wrap a.mri-btn, .mri-app a.mri-btn{display:inline-block !important;padding:10px 16px !important;border-radius:6px !important;text-decoration:none !important;border:0 !important;}
.mri-wrap a.mri-btn-primary, .mri-app a.mri-btn-primary{background:#0a8f08 !important;color:#fff !important;}
.mri-wrap a.mri-btn-primary:hover, .mri-app a.mri-btn-primary:hover{filter:brightness(.95) !important;color:#fff !important;}