.mamc-wrap{
  display:grid;
  grid-template-columns: 1.2fr 1fr;
  gap:16px;
  align-items:start;
}

@media (max-width: 900px){
  .mamc-wrap{ grid-template-columns: 1fr; }
}

.mamc-filters{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:end;
  margin-bottom:12px;
}

.mamc-filter label{
  display:block;
  font-size:12px;
  opacity:.75;
  margin-bottom:6px;
}

.mamc-filter select{
  width: 170px;
  max-width: 100%;
}

#mamc-calendar{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:12px;
  padding:12px;
}

.mamc-panel{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:12px;
  padding:12px;
}

.mamc-panel-header{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  border-bottom:1px solid #eee;
  padding-bottom:10px;
  margin-bottom:10px;
}

.mamc-items{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:12px;
}

.mamc-item{
  text-align:left;
  border:1px solid #eee;
  border-radius:10px;
  padding:10px;
  background:#fafafa;
  cursor:pointer;
}

.mamc-item:hover{
  background:#f3f3f3;
}

.mamc-item-type{
  font-size:12px;
  opacity:.75;
  margin-bottom:2px;
}

.mamc-item-title{
  font-weight:600;
  margin-bottom:4px;
}

.mamc-item-link{
  font-size:12px;
  opacity:.8;
}

.mamc-preview{
  border-top:1px solid #eee;
  padding-top:12px;
}

.mamc-preview-actions{
  margin:8px 0 10px;
}

#mamc-pdf-frame{
  width:100%;
  height:520px;
  border:1px solid #eee;
  border-radius:10px;
  background:#fff;
}

#mamc-image{
  max-width:100%;
  height:auto;
}